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

Традиционный дайджест Юрия Ветрова, директора по дизайну и бренду Muse Group.

Stephen P. Anderson описывает матрицу 2×2 для выбора дизайн-процесса под конкретную продуктовую задачу. Она зависит от степени риска и проработанности идеи.

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

Тренды в логотипах 2024 года от LogoLounge.

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

Шикарный и дотошный рассказ Casper Kessels о работе над автомобильным интерфейсом Snapp Automotive. Это платформа на базе Android Auto, которую будут устанавливать производители машин.

Nathan Curtis предлагает свою модель метрик для оценки успешности внедрения дизайн-системы.

IBM используют метод описания ментальных моделей пользователей при проектировании продуктов с ИИ-функциями. Armon Burton, Gabby Hoefer, Claudia Richard, Milena Pribic, Hal Wuertz и Alex Baria рассказывают о нём и как устроен процесс исследования.

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

Отличная памятка Laurent Thiebault из Decathlon о том, как наладить связь между дизайн-системой в Figma и коде. Он советует начинать с простых вещей и постепенно усиливать взаимодействие между дизайнерами и разработчиками.

Сооснователь и глава графического редактора Procreate сделал сильное заявление про генеративный ИИ. Они считают это тупиковой веткой развития и никогда не пойдут в эту сторону.

Новости инструментов дизайна:

  • FigJam: Общие улучшения интерфейса.
  • Midjourney Web: Теперь может генерировать изображения прямо на своём сайте, без нужды захода в Discord. Снова есть бесплатные 25 картинок на попробовать.
  • Lykos AI: Пакетный менеджер, который упрощает установку дополнений для инструмента алгоритмического дизайна Stable Diffusion.
  • Craftium AI: Конструктор сайтов на базе алгоритмического дизайна. Подбирает основной шаблон страницы, генерирует графику и тексты.
Как наладить связь между дизайн-системой в Figma и коде и выбрать дизайн-процесс под конкретную продуктовую задачу: главное в продуктовом дизайне за август

Rauno Freiberg проводит параллели между показом «глубины» в интерфейсах и кино. Он разбирает примеры из iOS и iPadOS, где это хорошо реализовано.

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

Словарь документации по дизайну интерфейсов от Huei-Hsin Wang из Nielsen/Norman Group. Что это и для чего они нужны.

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

Советы по грамотной и своевременной отправке push-уведомлений в мобильных приложениях от Hardik Pandya. Правда, некоторые советы про избыточную навязчивость, но в целом норм.

Michaela Teicht, Patricia Haar и Arnd Engeln провели пользовательское исследование двух подходов к интерьеру авто — обычный и беспилотный. Интересно с точки зрения методов и построения самих прототипов.

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

Тренды в упаковке 2024-2025 года от Dieline.

Канва описания продукта и его пользователей от Jeff Patton. Её интересность в детальном описании типов пользователей и их сценариев использования.

Feifei Liu собрала примеры удачного дополнения строки текстового запроса в ИИ-чат-ботах привычными для графических интерфейсов наглядными кнопками, меню и дополнительными полями форм. Цикл снова повторяется — давным-давно так решали ограничения текстовых интерфейсов, лет 6 назад это происходило в недолгий бум ботов в мессенджерах.

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

Bill Albert напоминает, что нет большого смысла в юзабилити-тесте конкретного сценария использования продукта, у которого нет product-market fit. И перебирает некоторые известные способы замерить его.

Sean Voisen (глава дизайн-инженеров в Adobe) рассказывает своё понимание этой роли. И описывает, что они делают в продуктах компании. Эта роль особенно оправдана в ситуациях, где простой прототип через связку экранов недостаточен.

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

Mike Gower показывает, как IBM проверяет интерфейсы и отдельные компоненты на соответствие стандарту accessibility WCAG 2.2.

Nielsen/Norman Group сделали структурированную подборку своих статей о контент-стратегии.

Luke Wroblewski разбирает навигацию по обновлённому приложению фото в iOS 18. В ней пропала стандартная нижняя панель навигации, без которой не обходится почти ни одно приложение.

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

Lior Neu-Ner приводит типичные проблемы в проведении A/B-тестов от формулирования гипотезы до расчёта результатов. И показывает, как их избежать.

1 сентября 2024 года стартовал двенадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.

На первых десяти отучились более 750 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных и нескольких международных компаний. Среди них — 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, EPAM, Exness, Foodplex, HeadHunter, Heads & Hands, Hoff, inDriver и Joom.

А ещё из Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Открытие, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, restore, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Сибур, Ситимобил, Спортмастер, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралхим, Финам, ЦИАН, Эксмо, Voximplant, Wargaming, Winline, Wrike, X5, Юрент, Yappy, Яндекс и многих других.

Читайте полную версию дайджеста в моём блоге. За свежими ссылками также можно следить в Telegram-канале или в группе во «ВКонтакте». Спасибо всем, кто помогает наполнять дайджест.

77
11
1 комментарий

полезно, хорошая статья

1
Ответить