Эффективная работа в Figma

Привет! На связи Настя, продуктовых дизайнер внутренних сервисов🌻

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

В этой статье поделюсь лайфхаками, которые помогают мне быть более продуктивной в ежедневной работе.

Прочитать →

31. UX-бенчмаркинг

Сегодня захотелось отойти от привычного анализа референсов в сторону обзора статьи на животрепещащую тему: как все-таки измерять успешность дизайна?

Оля Ходаковская из Selectel поделилась, как метрика Task Success Rate может помочь замерить насколько успешно пользователи справляются с той или иной задачей.

Главные тезисы:
— Продуктовые метрики не позволяют объективно оценить влияние дизайна
— UX-бенчмаркинг позволяет увидеть и понять, как пользователи работают с разными задачами.
— Успешность метрики оценивается относительно базового уровня. Это могут быть средние значения, показатели конкурентов или первый замер
— UX-бенчмаркинг — одна из возможностей для дизайнера взять на себя больше ответственности, потому что можно аргументировать дизайн-решения метриками

💜Статья

#статья

32. 60fps

Пополняемая коллекция концептов и анимаций. Можно подсмотреть интересные взаимодействия

#коллекция

33. Анимация изображений

При ховере на карточу, вложенные изображения раскрываются, создавая ощущения просмотра альбома!
До чего же красивый эффект, который позволяет увидеть краткое содержимое, не переходя в детали

💜 Источник: ссылка

#анимации #карточка
@references_burrow

35. «Марка» качества

Прекрасный пример скевоморфизма. Airbnb использует анимацию восковой печати, чтобы отметить «качественных» арендодателей.

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

🩷Источник: ссылка

#скевоморфизм #анимации
@references_burrow

36. Карта реализации историй

Наткнулась на прекрасную статью, в которой Андрей Шапиро предлагает новый инструмент «Карта реализации историй» как развитие уже известного User Story Mapping (USM).

Главные тезисы:
— Проблема традиционного USM — истории являются слишком наводящими на одно конкретное решение, которое оказывается неверным из-за слабой связи с реальной проблемой пользователя
— Карта реализации историй — матричная система, где по горизонтали располагаются последовательные истории, а по вертикали смысловые слои, описывающие переход от бизнес-ценности к решению

Краткая структура схемы приложена к посту.

⚡️Основной смысл в том, что каждый столбец в отдельности собирает одну историю. Истории намеренно разбиты на категории-слои. Заполняя каждый слой в отдельности, мы наполняем шаблон

🩷Почитать подробнее: ссылка

#статья
@references_burrow

37. Интро в ИИ

Отличный пример онбординга, где Notion ненавязчиво показывают примеры использования их нейронки 🤖

Классно, что вместо абстрактных обещаний «ИИ может все», пользователь получает реальные и практичные кейсы, которые можно сразу попробовать самим.

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

Таким образом:
1. Notion AI успешно промоутируется
2. Конверсия в использование продукта повышается

Профит!🌟

🩷Источник: ссылка

#анимации #ИИ #онбординг
@references_burrow

38. Карточки интеграции

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

Честно говоря, этот дизайн меня покорил. Очень минималистичное, необычное и стильное решение

🩷Источник: ссылка

#карточка
@references_burrow