💎 5 фреймворков, необходимые продуктовому дизайнеру в 2024 году

Статья от Кирилла Голубовского, Lead Product Designer из Bimeister, с отлично расписанными причинами, местами и способами применения конкретных фреймворков в дизайн-процессе.

Разбираемые фреймворки:
– Jobs to be Done (JTBD);
– User Story Mapping (USM);
– Impact-Effort Matrix;
– User Flow;
– Wireframes.

🔗 Ссылка на статью

⚡️ Токены для типографики в Figma

В хелп-центре Figma появился скриншот с механикой работы токенов для типографики. Как и с цветами, можно будет отдельно собрать токены и упаковать их в стили, если потребуется.

Очень хочется уже пощупать и перенести проекты на данные токены. И интересно, будет ли какой-то решение для опционального включения open type фичей.

🔗 Ссылка на источник

🌈 Объектно-ориентированный дизайн

Дизайнерский фреймворк для проектирования сложных систем с большим количеством сущностей и связей между ними, основанный на методологии объектно-ориентированного программирования (ООП).

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

🔗 Ссылка на статью

🌈 Как Paradigm и VKUI стали одной дизайн-системой

Статья-кейс от Валерия Сироткина, арт-директора в команде дизайна Mail.ru, о том, как происходил процесс слияния дизайн-системы Paradigm и VKUI.

Внутри статьи:
– Причины для слияния ДС;
– Общая база токенов;
– Подстройка под дизайнеров в Figma;
– Процессы вокруг двух ДС;
– Планы по развитию;
– Советы другим командам.

🔗 Ссылка на статью

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

Крутая статья от RedMadRobot с подробным гайдом проектирования уведомлений в мобильных приложениях. Отдельный кайф — зона, в которой рассказывается про технические аспекты уведомлений.

Внутри статьи:
– Уведомления: пуши, e-mail, SMS и in-apps;
– Как устроены уведомления;
– Проектирование уведомления в продукте;
– Как работают пуш-уведомления;
– Потери уведомлений.

🔗 Ссылка на статью

💎 База дизайн-систем — DS Surf

Да-да, это очередная база дизайн-систем, но посмотрите, какая она секасная. Это я уже не говорю о том, как удобно в ней все разложено.

Отдельный кайф — статейки в разделе Blueprints, очень вкусно упакованы материалы.

🔗 Ссылка на базу

💎 Как знание бизнес-концепций помогает дизайнерам

Достаточно интересная статья, которая подсвечивает глобальные изменения в дизайнерской среде и помогает перейти с UX-языка на язык бизнеса.

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

🔗 Ссылка на статью

🍭 Как получить повышение

Резонансная, судя по количеству комментариев на Habr, статья Полины Востриковой, лида лидов в Лаборатории Касперского, с рассуждениями по поводу повышения глазами руководителя.

Внутри статьи:
– Частые ошибки;
– Что делать для повышения;
– Алгоритм разговора о повышении;
– Общие рекомендации;
– Что делать, если не получилось?

🔗 Ссылка на статью

✨ Делаем интернет понятнее: Бенчмаркинг, CJM, Юзабилити-аудит

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

Также данный материал можно скинуть стейкхолдерам или заказчикам, чтобы те лучше понимали, из чего состоит ваш этап аналитики.

🔗 Ссылка на статью

⚡️ Календарь от Notion

Тут Notion неожиданно дропнул свой календарь, который полностью интегрирован с основным сервисом.

Ну что-ж, идём тестить.

🔗 Ссылка на календарь

💎 Как сделать консистентный UX для 40+ продуктов

Опыт Ксении Гавриловой, дизайн-менеджера в Selectel, c налаживанием коммуникации между дизайнерами и разработчиками, унификацией UX в ключевых сценариях и обновлением устаревшего фреймворка.

Внутри статьи:
– Предпосылки к обновлению дизайн-системы;
– Ресурсы и ограничения на старте проекта;
– Уроки, которые вынесла из процесса;
– Саммари и пример описания компонента.

🔗 Ссылка на статью

💎 Коллекция UX мифов

База самых распространённых заблуждений об UX с подтверждениями их неправдивости с помощью исследований и авторитетных, по мнению авторов, статей.

Советую сразу идти на английскую версию сайта, потому что там в 2 раза больше описанных мифов. Переводы на русский язык в какой-то момент остановились.

🔗 Ссылка на коллекцию (Eng)
🔗 Ссылка на коллекцию (Rus)

🌈 Подбор цветов для палитры визуализации данных

Статья от Владимира Фрадкова, дизайнера из Bimeister, про то, как собрать систему цветов для визуализации графиков и диаграмм в вашей дизайн-системе.

Внутри статьи:
– Рекомендации по контрастности;
– Комплиментарные цвета;
– Web Safe палитра;
– Последовательности цветов;
– Смягчение оттенка для диаграмм.

🔗 Ссылка на статью

🍭 Как зародить исследовательскую культуру в компании с нуля

Опыт Алисы Трохиной, UX Research Lead в Wildberries, в котором ей правильным способом удалось показать ценности исследований при создании продукта, тем самым зародив исследовательскую культуру в компании.

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

🔗 Ссылка на статью

✨ Как описать методологию исследования: гайд с примерами и шаблонами

Статья Ани Хахо, UX-рисёрчер в OSOME, про то какой должна быть хорошо описанная методология и какие задачи она должна решать.

Внутри статьи:
– Что такое методология исследования;
– Почему важно описывать методологию;
– Как написать методологию исследования;
– Что мы исследуем;
– Как мы будем исследовать;
– Пример методологии исследования;
– Шаблоны для описания методологии;

🔗 Ссылка на статью

☀️ Мемное воскресенье №2

Все полезности на следующей неделе, а сейчас я бы хотел избавиться от очередных мемных запасов, которые у меня накопились в сохранёнках.

Также приглашаю и вас покидать рабочих и около рабочих мемов в комментарии под этим постом.

💎 Возможности элемента Input

Отличная техническая статья про то, как работает и какие есть настройки у элемента Input в вебе. Дизайнерам, которые работают с вебом и пока что мало в нём понимают, должно быть полезно.

Внутри статьи:
– Типы клавиатуры для ввода;
– Disabled vs Read Only;
– Input вызывающий камеру;
– Проверка правописания;
– Автоматический Shift;
– Автокомплит для полей.

🔗 Ссылка на статью

✨ Как работать с результатами интервью

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

Материал в большей степени для продакт-менеджеров, но если вы самостоятельно проводите глубинки, то тоже будет полезно.

🔗 Ссылка на статью