Как стать автором
Обновить
84.66

Дизайн

Дизайн спасёт мир

Сначала показывать
Порог рейтинга
Уровень сложности

Гайд по работе с ветками (Figma Branch)

Уровень сложности Средний
Время на прочтение 4 мин
Количество просмотров 3.2K

Figma Branch (или «ветка») — это функционал, который позволяет создать копию проекта и изменять его независимо от основной версии. Когда работа завершена и нужно внести изменения в основной проект — ветка сливается с master-версией. Всё как у разработчиков. Но чтобы использовать Branch, ваш тариф должен быть Organization или Enterprise.

Предпосылки 
При коллективной работе над проектом, всегда встречаются классические проблемы: что/когда/кем было добавлено в проект и почему компоненты сломались. Я часто видел костыльное решение — складывать готовые экраны и компоненты куда-то в угол канваса, тегать лида комментом, а после ревью — чистить за собой, мрак. Проще, быстрей, дешевле использовать функционал Branch, тем более они идеально подходят для следующих сценариев:

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 4

Как оценивать Дизайн (метод 3К)

Уровень сложности Средний
Время на прочтение 10 мин
Количество просмотров 3.7K

Оценивая дизайн, важно смотреть далеко за пределы окончательного вида. Процесс разработки включает в себя множество этапов: от изначального брифа до финального решения, в ходе которого дизайнеры погружаются в продукт, находя новые идеи, паттерны, и связи. Это позволяет говорить с клиентом на одном языке и открывать новые визуальные перспективы. Однако, столкнувшись с обилием возможностей, легко потеряться среди множества вариантов. Дизайнеры ищут свой путь через опыт, креативные подходы, и возможности современных технологий, сталкиваясь с задачей выбора лучших решений. Вопрос остаётся актуален: как среди разнообразия подходов найти ту единственную идею, которая отвечает задачам и выделяется своей уникальностью? Разберём на конкретных примерах, как метод 3К помогает найти баланс между эффективностью и креативностью.

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Комментарии 0

Приглашаем на Ozon Tech Community Design Meetup

Время на прочтение 2 мин
Количество просмотров 1.2K

Все говорят, что дизайнер и продакт — креативная пара, но мало кто делится опытом, как выжить в этой паре: действовать проактивно и продуктивно, не мешая, а помогая друг другу улучшать продукт. 

Тесное взаимодействие и сильная вовлечённость может привести к пониманию с полуслова, а может породить фрустрацию и конфликты. Как услышать друг друга, проговорить ожидания и обозначить границы ответственности — об этом в нашем новом митапе. 

Приглашаем присоединиться к этому разговору 21 февраля в 18:30 — офлайн в Москва Сити и онлайн в трансляции на Youtube. Под катом найдёте подробный анонс и ссылку на регистрацию

Читать далее
Всего голосов 16: ↑14 и ↓2 +12
Комментарии 2

Как мы выстроили процесс работы с макетами

Время на прочтение 8 мин
Количество просмотров 3K

Меня зовут Алина Шилова, я работаю системным аналитиком над внутренними продуктами Tele2. Вот уже два года наша команда занимается разработкой портала для сотрудников компании. Специально для создания платформы была набрана команда. За 10 лет работы в ИТ-сфере это был мой первый опыт такого глобального запуска рабочих процессов с нуля, и в этой статье я хотела бы поделиться с аудиторией Хабра частью полученных знаний. Я расскажу о том, как мы настроили цикл работы с макетами – от их создания до сдачи разработчикам.

Интересно? Переходите под кат!
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 11

Истории

Как располагать элементы игровых интерфейсов

Уровень сложности Простой
Время на прочтение 3 мин
Количество просмотров 6.6K

Правильное расположение элементов игрового интерфейса помогает людям решать задачи, которые мы перед ними ставим

В статье примеры подходов и решений, которые упрощают жизнь игрокам  =)

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 7

Как я проектирую интерфейсы

Время на прочтение 13 мин
Количество просмотров 21K

Привет, я Егор Камелев, проектировщик интерфейсов (UX-дизайнер). За последние 20 лет я поработал с командами десятков агентств, IT-отделов, действующих проектов и продуктов, стартапов (и запущенных, и незавершённых). Я знаком с сотней команд, не меньше. И среди них не нашлось и двух, использующих одинаковые подходы к работе. Верно говорят: «У каждого додика — своя методика!».

У всех свои названия должностей, артефактов, процессов. Свои требования и наборы компетенций. Где-то проектированием занимается маркетолог и разработчик (потому что в команде больше никого и нету), а где-то эта задача распределена между десятью разными специалистами (системные- и бизнес-аналитики, технические писатели, UX-дизайнеры, продакт оунеры и так далее).

Поэтому в этой статье я не буду заявлять, что мой подход к работе — единственно верный. Он один из тысяч и в моём случае прекрасно работает: клиенты не заваливают меня правками, платят 100% предоплату и рекомендуют окружающим. Я распишу во всех деталях свой процесс предоставления услуги проектирования (создания интерактивного прототипа информационной системы на заказ). Уверен, что многим пригодятся мои знания. Погнали!

Читать далее
Всего голосов 29: ↑25 и ↓4 +21
Комментарии 20

Синий дракон как маскот IT-компании: почему это оказалось хорошей идеей

Уровень сложности Простой
Время на прочтение 11 мин
Количество просмотров 1.6K

Привет! На связи Виктория Талашко — графический дизайнер и создатель маскота DDoS-Guard. Вот-вот наступит год Дракона по восточному календарю — пожалуй, это идеальное время познакомить вас с нашим фирменным персонажем, дракончиком Фаерволом. Я расскажу его историю, покажу стадии эволюции и поделюсь опытом, как нам удалось оживить серьезный технологический бренд с помощью маскота. Запаситесь попкорном, это будет долгое погружение.

Начать знакомство
Всего голосов 9: ↑8 и ↓1 +7
Комментарии 0

5 идей, как улучшить Discovery-процессы в команде, если ты продуктовый дизайнер

Время на прочтение 10 мин
Количество просмотров 2.2K

Всем привет! Меня зовут Дарья Томилова, я старший продуктовый дизайнер в СберМаркете. Полтора года назад я пришла в кроссфункциональную команду, которая работает над сервисом самовывоза, — это когда клиент оформляет заказ через приложение СберМаркета, но не пользуется опцией доставки, а забирает товары из магазина своим ходом. Мы отвечаем за весь флоу таких заказов и разрабатываем новые фичи, чтобы сделать этот сервис лучше.

За время работы в нашей команде, кроме основных задач, я помогла перестроить Discovery-процессы. В статье я расскажу, как с позиции специалиста можно повлиять на процессы в команде и к чему это в итоге нас привело. Так, например, мы собрали CJM — карту пути клиента, а на ее основе сделали много крутых фич. Но обо всём по порядку. 

Читать далее
Всего голосов 9: ↑7 и ↓2 +5
Комментарии 2

Создание сайтов через нейросети

Время на прочтение 13 мин
Количество просмотров 21K

Популярность нейросетей в 2024 году набирает обороты. Нет, они не заменяют полноценных специалистов. Зато существенно упрощают и ускоряют работу тех же копирайтеров, сеошников и дизайнеров.

Сегодня мы расскажем, какие нейросети можно использовать в работе, разберем их функционал и приведем примеры генерации.

Читать далее
Всего голосов 15: ↑11 и ↓4 +7
Комментарии 13

Как аналитика данных формирует принятие решений при проектировании интерфейсов

Уровень сложности Средний
Время на прочтение 8 мин
Количество просмотров 1.7K

Меня зовут Дмитрий Подлужный, и на протяжении многих лет я занимаюсь проектированием интерфейсов для ведущих российских и международных компаний. Эта статья не только рассказ о конкретном кейсе, но и возможность поделиться накопленным опытом с теми, кто только начинает свой путь в мире UX дизайна. Хотя для меня многие аспекты моей работы кажутся очевидными, я надеюсь, что мой опыт окажется полезным для начинающих специалистов, желающих узнать больше о тонкостях профессии.

Читать далее
Всего голосов 2: ↑2 и ↓0 +2
Комментарии 5

«Цифра» представила дизайн-систему Prizm

Уровень сложности Простой
Время на прочтение 2 мин
Количество просмотров 2.6K

Группа компаний «Цифра» презентовала свою дизайн-систему Prizm, имеющую открытый исходный код. Это первая российская дизайн-система для индустриальных цифровых решений.

Читать далее
Всего голосов 4: ↑4 и ↓0 +4
Комментарии 7

Я стал зарабатывать вдвое больше, когда начал писать техническую документацию

Время на прочтение 8 мин
Количество просмотров 25K

Речь идёт о функциональных спецификациях к сайтам, приложениям и прочим информационным системам.

В начале карьеры UX-дизайнера я просто делал интерактивные прототипы, а документацию предпочитал не писать. Почему так:

Во-первых, сложно. Этому навыку никто не обучал, а написать 100 и более страниц текста по проекту — это как диссертацию накатать. Поэтому я говорил клиентам, что, мол, и так справитесь.

Во-вторых, у меня не было опыта в роли заказчика. И только после того, как я на собственном проекте увидел, сколько денег экономит этот документ, стал предлагать его каждому новому клиенту.

Продавать это было легко. Достаточно было рассказать о том, как я, заплатив несколько десятков тысяч за документ, экономил несколько сотен тысяч на разработке. И подкрепить рассказ конкретными цифрами и примерами. Чаще всего я рассказываю о том, как пожалел 50к на функциональную спецификацию на участок собственного проекта, и разработчики делали его два с половиной месяца вместо привычного одного. А месяц их работы обходился моей казне почти в 300к рублей. И если бы я не сэкономил на функциональной спецификации, то задача обошлась бы на 400к рублей дешевле.

Читать далее
Всего голосов 14: ↑11 и ↓3 +8
Комментарии 8

QA инженер и дизайн

Уровень сложности Простой
Время на прочтение 6 мин
Количество просмотров 2.9K

Современные технологии меняют жизнь человечества, предлагая огромное количество различных возможностей. Появляется всё больше и больше разнообразных платформ и устройств, с помощью которых можно легко выполнять различные действия. Разработчики предлагают широкий ассортимент различных приложений. В связи с этим остро встаёт вопрос с качеством продукта. Ведь даже приложение обладающее огромной функциональностью, но содержащее множество ошибок и имеющее неудобный интерфейс, не будет пользоваться популярностью.

Обеспечение качества программного обеспечения направлено на улучшение рабочих процессов и повышение эффективности, позволяя компаниям завоевать доверие клиентов и повысить свой авторитет. Как результат большую роль начинает играть QA инженер. Это человек, который несёт ответственность за качество конечного продукта, улучшая и тестируя его на протяжении всего процесса разработки. Будучи частью команды, QA-инженеры участвуют в процессе разработки продукта с самого начала. Они не только тестируют, выявляют риски, но и отвечает за то, чтобы пользователю было "хорошо". QA должен сопереживать потребителю, а именно чтобы приложение было отзывчивым, интуитивно понятным и удобным в использовании.

Да, за внешний вид отвечает дизайнер и это его зона ответственности. Но данное утверждение верно отчасти. Во-первых, все мы люди и можем ошибаться, поэтому в современных командах приняты политики открытости. При этом любая потенциальная проблема может быть замечена и устранена. Во-вторых, дизайн должен подтверждаться исследованиями, а самое главное — являться результатом тесного сотрудничества с командой разработки и тестирования. Это означает принимать во внимание все возможные точки зрения.

Читать далее
Всего голосов 8: ↑7 и ↓1 +6
Комментарии 5

Ближайшие события

Московский туристический хакатон
Дата 23 марта – 7 апреля
Место
Москва Онлайн
Геймтон «DatsEdenSpace» от DatsTeam
Дата 5 – 6 апреля
Время 17:00 – 20:00
Место
Онлайн
PG Bootcamp 2024
Дата 16 апреля
Время 09:30 – 21:00
Место
Минск Онлайн
EvaConf 2024
Дата 16 апреля
Время 11:00 – 16:00
Место
Москва Онлайн

Искусство взаимодействия: как продуктовый дизайн влияет на пользовательский опыт

Уровень сложности Простой
Время на прочтение 13 мин
Количество просмотров 1K

Продуктовый дизайн — это неотъемлемая часть нашей цифровой реальности, где каждое приложение, веб-сайт или гаджет представляют собой тщательно продуманный результат творческого процесса. Введение в это понятие не только раскрывает технические аспекты, но и обнаруживает тонкости, которые делают продукт привлекательным и функциональным для пользователя.

1. Эстетика, задачи и эмоции:
Продуктовый дизайн начинается с понимания взаимосвязи визуального и функционального. Эстетика продукта не только привлекает внимание, но и формирует первое впечатление, оставляя след в эмоциональной сфере пользователя.

2. Взаимодействие формы и функции:
Современный пользователь оценивает продукты не только по их внешнему виду, но и по тому, насколько эффективно они выполняют свои функции. Идеальное сочетание формы и функции — ключевая составляющая успешного продуктового дизайна.

3. Пользовательский опыт как приоритет:
Одним из основных принципов продуктового дизайна является создание позитивного пользовательского опыта. От интуитивной навигации до мельчайших деталей интерфейса — все нацелено на то, чтобы сделать взаимодействие с продуктом легким и удовлетворительным.

4. Инновации и развитие:
В мире продуктового дизайна, где технологии постоянно развиваются, инновации становятся движущей силой. Постоянное исследование новых технологий и трендов помогает создавать продукты, способные удовлетворить растущие потребности пользователей.

Читать далее
Всего голосов 3: ↑2 и ↓1 +1
Комментарии 4

Создание и внедрение виртуального продукта на сайт страховой компании

Уровень сложности Средний
Время на прочтение 3 мин
Количество просмотров 395

Эта статья посвящена интерфейсному решению, за счет которого компания получила небольшую прибавку в доходах по страховым продуктам. С одной стороны, здесь нет впечатляющих цифр, с другой стороны, это пример того, как работа дизайнера может влиять на доходы работая с пользовательскими сценариями.

Читать далее
Всего голосов 6: ↑4 и ↓2 +2
Комментарии 3

Как мы с помощью Midjourney визуализировали понятия из мира ИТ на картах «‎Имаджинариума»

Уровень сложности Простой
Время на прочтение 7 мин
Количество просмотров 12K

Всем привет! Хочу поделиться необычным кейсом из моей практики – созданием иллюстраций для игровых карточек «‎Имиджинариума» с использованием нейросети Midjourney. Наша команда визуализировала выражения и понятия из мира ИТ. Мы представили, как может выглядеть на карточках настольной игры Agile, путь пользователя, удаленный доступ, оживили системы видеонаблюдения, пофантазировали над человеческим обличием бекенда, стартапа или дедлайна. Об этом - новая статья в блоге ЛАНИТ. Бонус –под катом вас ждут очень много красивых картинок и ссылка на составленный мной гайд по работе с промтами в Midjourney. 

Читать далее
Всего голосов 61: ↑57 и ↓4 +53
Комментарии 30

Изучаем матчасть: зачем нужны дизайнеры, когда есть нейросети

Время на прочтение 7 мин
Количество просмотров 4K

Привет! Меня зовут Федя Ноздрин, я креативный директор в AGIMA. В этой статье расскажу, что такое генеративный дизайн и зачем он нужен. Пишу я ее не для профи — они и так всё знают. Я пишу ее для тех, кто задается вопросом: зачем учиться дизайну, когда всё то же самое уже умеют нейросети? На самом деле умеют они не всё и без дизайнера в целом почти бесполезны. Объясняю!

Читать далее
Всего голосов 17: ↑16 и ↓1 +15
Комментарии 6

Figma to Frontend: как мы автоматически синхронизируем дизайн и код

Уровень сложности Средний
Время на прочтение 7 мин
Количество просмотров 21K

Меня зовут Анастасия Кабалкина, я Head of design в VK Tech. В этой статье расскажу, как мы синхронизировали треть нашей дизайн-системы за счет автоматической генерации дизайн-токенов и компонентов.

Читать далее
Всего голосов 47: ↑44 и ↓3 +41
Комментарии 9

Яндекс — когда дело расходится с Практикой. 10000 записей и ни одной вакансии UX/UI дизайнера. Меметика

Уровень сложности Простой
Время на прочтение 5 мин
Количество просмотров 10K

Случай беспрецедентный, компания Яндекс, единственный техно. гигант, не использующий конструкцию UX/UI в наименовании вакансий. 

Анализ проведен по данным 10 000 записей WayBack Machine страницы https://yandex.ru/jobs/vacancies/, а так же актуального списка вакансий на 31 января 2024 год (снапшот страницы). Для быстрого доступа все запросы и отдельно выделенные позиции дизайнеров сведены в таблицу.

Большая доля записей относится к интервалу 2021-2024 года. Однако, записи более раннего периода (2015), так же не содержат конструкции UX/UI.

Читать далее
Всего голосов 12: ↑4 и ↓8 -4
Комментарии 9

От 20 до 200 человек за полтора года: как мы строили дизайн-департамент Samokat.tech

Время на прочтение 9 мин
Количество просмотров 1.6K

Привет! Меня зовут Олег, я руковожу дизайн-направлением Samokat.tech. За последние пару лет наша команда выросла в 10 раз и стала одним из крупнейших департаментов компании. 

Подобные темпы масштабирования неизбежно приводят к потребности быстро и сильно меняться: оптимизировать процессы, пересматривать методики и принципы управления. Необходимо постоянно наращивать скорость работы, не теряя в качестве, и пересобирать структуру, сохраняя лояльность команды. В этой статье я поделюсь тем, как мы решали эти задачи. 

Надеюсь, мой рассказ будет полезен дизайнерам и руководителям, которые находятся на пороге или в процессе больших перемен. Они смогут сравнить наш опыт со своим и найти для себя пару-тройку инсайтов. 

Читать далее
Всего голосов 6: ↑3 и ↓3 0
Комментарии 1

Вклад авторов

Работа

Веб дизайнер
36 вакансий