Дайджест продуктового дизайна

2023-12-14 10:04:28 Небольшая, но жирнючая, как приближающийся оливье, подборка нового о дизайн-системах:
 
1. Rosenfeld Media выпустили книгу Dan Mall «Design That Scales».
 
2. Атомаро: Ростелеком сделал отчуждаемую версию своей дизайн-системы. Можно поставить её себе и настроить свою тему оформления. Под капотом React с токенами.
 
3. Design Systems Database: Ещё один каталог дизайн-систем.
 
4. StyleX: Фреймворк для токенов Меты, который используют все их продукты (Facebook, Instagram, Whatsapp, THreads).
 
5. Figma: Свежие обновления переменных. Что уже внедрили и как планируют развивать.
 
6. Luis Ouriach: Подробная инструкция по созданию компонентов в Figma и организации дизайн-системы в инструменте в целом. Он стремится создавать их для реального и широкого использования. Рекомендации по организации библиотек.
 
7. Виталий Капустьянов: Подгонка толщины линий иконок под разные размеры шрифта.
 
8. Вышел Storybook 7.6. Но уже есть ранняя версия 8.0.
 
#designsystems Открыть/Комментировать

2023-12-11 10:05:02 На редкость длинная пауза вышла с мини-выпусками про свежие интерфейсные паттерны и лучшие практики. Обнуляю её:
 
1. Baymard: Как выводы из их многочисленных пользовательских исследований сайтов и приложений электронной коммерции во многом пересекаются. Это в целом и так понятно, но он приводит конкретные доли таких пересечений.
 
2. NN/g: Годное дневниковое исследование паттернов использования умных часов. Они выделили 6 основных задач и приводят нюансы работы пользователей по ним. В 80% случаев используют только встроенные приложения от производителя и не ставят дополнительные.
 
3. Pushkeen: Коллекция примеров push-уведомлений.
 
4. Storefront: Коллекция примеров главных страниц интернет-магазинов одежды.
 
5. Emailspiration: Коллекция примеров писем рассылки.
 
6. Индия запретила использование «тёмных паттернов» в интерфейсах. Jakob Nielsen разбирает 12 таких манипулятивных приёмов, которые упомянуты в этом законе.

7. Creative Navy: Подробный обзор интерфейсов сервисов для нанимающих менеджеров.
 
8. Alaïs de Saint Louvent: Сайт-памятка по поддержке accessibility.
 
9. Baymard: Типичные проблемы интерфейса проверки адреса в интернет-магазинах.
  
10. Peter Ramsey: Разбирает парадоксальный сайт Zara. Это богатейшая компания с огромным оборотом, интернет-магазин которой — полнейшая катастрофа.
 
11. MeasuringU: Новое сравнительное исследование сайтов краски для дома. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
#patterns Открыть/Комментировать

2023-12-07 10:04:29 Связи бренда с интерфейсом устанавливаются не всегда и везде, но если выходит — это по любви. Вот кто пытался решить эту задачу за последний месяц-полтора (где получилось — судите сами):
 
1. Deezer: Музыкальный сервис от британского агентства Koto.
 
2. Яндекс Музыка: Музыкальный сервис, сделанный внутренними силами и группой внешних экспертов.
 
3. SiriusXM: Музыкальный холдинг от британского агентства Uncommon.
 
4. Osome: Онлайн-бухгалтерия, сделанная внутренними силами и группой внешних экспертов.
 
5. Flodesk: Сервис цифрового маркетинга и продаж от американского агентства DIA (больше картинок и анимации).
 
6. Reddit: Сообщество от американского агентства Pentagram.
 
7. МТС Junior: Подбренд от отечественного агентства ONY.
 
8. MVMNT: Фитнес-сервис от британского агентства Nomad.
 
9. Bloom: Приложение для ментального здоровья от американского агентства Big Human.
 
10. Quicken: Бухгалтерский сервис от американского агентства Siegel+Gale.
 
#branding Открыть/Комментировать

2023-12-04 10:04:36 Дайджест продуктового дизайна за ноябрь 2023. Книга «Паттерны дизайн-менеджмента», сокращения в IDEO, умные часы, алгоритмический дизайн, push-уведомления, интернет-магазины, иллюстрации, интервью с пользователями, story mapping, дизайн-системы и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать

2023-11-30 11:44:48 Моя книга «Паттерны дизайн-менеджмента» наконец-то доступна для предзаказа. Она предлагает модель зрелости и фреймворк, который помогает внедрить дизайн с учетом особенностей именно вашей компании. Все практики дизайн-менеджмента выделены в паттерны, которые можно применять отдельно друг от друга — так, как нужно именно вашей организации. Поэтому и структура книги построена вокруг того, что нужно делать в первую очередь в вашей ситуации.

Символично, что сегодня ровно 10 лет с моего первого выступления на эту тему на конференции UX People 2013 в Минске. Позже оно вылилось в серию статей для UXmatters, а потом превратилось в курс и книгу. Это была долгая эпопея, о которой я ещё расскажу подробно.

А пока — поблагодарю всех, кто помог сделать эту книгу возможной. Дизайнеров, редакторов, методистов, юристов, менеджеров, продюсеров, операторов — полный список не поместится в один пост. И, самое главное — мою семью, которая помогала, поддерживала, терпела и верила, что это всё не зря. Спасибо вам и люблю вас! Открыть/Комментировать

2023-11-27 10:04:11 Новые ссылки об алгоритмическом дизайне пополняются быстрее, чем пакет с пакетами:
 
1. tldraw Make Real: Экспериментальный инструмент превращает наброски интерфейса от руки в аккуратный визуальный результат и код на React с помощью инструментов OpenAI. Можно дополнить скетч текстовым описанием того, что нужно. Причём интерфейс может иметь небанальную логику поведения. Обзор от создателей.
 
2. Midjourney: Бета-версия в браузере с человеческим интерфейсом.
 
3. KREA: Генератор изображений и видео по текстовому описанию (можно сделать условный набросок для точности). Умеет делать это в реальном времени (ещё пример). Может натренироваться на вашем собственном стиле.
 
4. NN/g: 6 типов общения с алгоритмическими чат-ботами и структура запроса к ним. Они провели дневниковое исследование среди пользователей ChatGPT, Bing Chat и Google Bard.
 
5. Luke Wroblewski: Подходы к интеграции алгоритмических возможностей в интерфейс цифровых продуктов.
 
6. Canva: Интегрировала инструменты алгоритмического сервиса Runway через встроенное приложение Magic Media.
 
7. Fusion Brain: Инструмент генерирует изображения и видео с помощью нейросети Kandinsky от Сбера.
 
8. YouTube: Серия экспериментов с генеративной музыкой. Dream Track создаёт композиции для коротких видео в духе нескольких музыкантов, вписавшихся в пилот. Music AI Tools генерирует музыку по текстовому описанию. Можно просто напеть зарисовку или сделать её другим способом, а потом перебирать инструменты и варианты звучания.
 
9. It's Nice That: Несколько дизайнеров описали свой рабочий процесс для задач, где они использовали инструменты алгоритмического дизайна. У всех достаточно хитрая солянка классических и новых приёмов.
 
10. Stable Diffusion: Теперь умеет генерировать видео по текстовому запросу.
 
11. Runway Motion Brush: Можно анимировать конкретную часть фото, если выделить её.
 
12. CLO: Генератор текстур для одежды по текстовому запросу в инструменте для цифровой моды.
 
13. Google: Экспериментальный генератор графики по текстовому запросу.
 
14. Runway TV: Экспериментальный генеративный телеканал от создателей алгоритмического инструмента для видео Runway.
 
15. Яндекс Маркет: Массовая генерация описаний товаров с YandexGPT.
 
16. Simon Willison: Советы по формулированию запросов в DALL-E 3.
 
17. Jakob Nielsen: Советует сравнивать алгоритмические инструменты не с лучшим экспертом в отрасли, а среднестатистическим. Ведь их основная ценность — повышать средний уровень в отрасли, а не обязательно совершать прорывы.
 
18. ChatGPT: Обновили модель до GPT-4 Turbo. Она обучалась на более свежей информации (до апреля 2023 года) и дешевле для разработчиков.

Также за последние месяцы начали появляться плагины вокруг дизайна вроде DoritosGPT (генерирует любые пачки чипсов Doritos), ConvertAnything (конвертирует кучу форматов изображений, видео, аудио и документов в кучу других форматов) и Canva (генерирует макеты для соцсетей и другие промо-материалы).
 
19. Яндекс Практикум: Пересказывает урок или объяснит сложный термин через YandexGPT.
 
20. Модельное агентство, которое предлагает алгоритмически сгенерированных моделей.
 
#ai #algorithms Открыть/Комментировать

2023-11-23 10:04:48 Небольшая, но ёмкая выгрузка свежих материалов по дизайн-менеджменту:
 
1. Shishir Mehrotra (со-основатель Coda): Отличный список командных ритуалов и методов, которые помогают решать задачи быстрее и в целом двигаться вперёд.
 
2. Контур: Объединение исследователей в компании. Они составили памятку по поиску нужных экспертов в компании.
 
3. Wise: Запуск программы стажировки. Как получили поддержку руководства, строили отбор и вели стажёров по процессу.
 
4. IBM: Стажёрская программа Patterns в японском отделении. Программа и цели.
 
5. NN/g: Эффект «общеизвестного знания», который мешает продуктовым командам принимать качественные решения. На простом эксперименте он показывает, как включается групповое мышление.
 
6. Readymag: Опрос 370 дизайнеров на тему особенностей командной работы.
 
P.S. Продолжаю собирать данные для пятого исследования: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Буду благодарен, если вы пройдёте опрос. Результаты исследования опубликую в январе. Вы найдёте их в крупных дизайн-каналах и изданиях.
 
#designmanagement Открыть/Комментировать

2023-11-20 10:04:59 Много полезных и познавательных букв о пользовательских исследованиях, написанных за последние месяц-полтора:
 
1. User Interviews: Каталог инструментов за 2023 год. Он масштабно разросся (400 инструментов) и получил топчанский редизайн в стиле средневековых карт (как его делали). Памятка по использованию. Отдельно ― про проблемы универсальных комбайнов.
 
2. Figma: Отличный пример тесной связки аналитиков и исследователей. Они хотели переработать уведомления и вместе искали потенциальные проблемы и точки боли.
 
3. Scott Sehlhorst: Грамотная формулировка проблемы для продуктовой команды с точки зрения конкретной группы пользователей и ситуации, в которой она возникает.
 
4. GE: Система обработки обратной связи от пользователей. Как они категоризуют обращения в поддержку в разных каналах и в целом упростили жизнь этой команде.
 
5. User Interviews: Памятка по проведению интервью с пользователями на основе своих статей за последние годы.
 
6. Steve Bromley: Рекомендации по выбору правильного момента для проведения игрового теста. Когда не слишком поздно и не слишком рано.
 
7. Sofya Bourne: Советы по поиску респондентов в B2B-среде. Она перечисляет основные проблемы и даёт способы их решения.
 
8. MeasuringU: Насколько легко пользователи справляются с заданием отсортировать что-то в опросниках. Они сравнивают зависимость от темы и количества элементов.
 
9. Hannah Campbell, Jeff Sokolov и Rachel Searing: Опыт внедрения базы знаний и инсайтов в iRhythm Technologies. Какие цели они ставили, как общались с будущими пользователями и выбирали пилот.
 
10. Jeff Sauro и Jim Lewis: Чем отличаются респонденты, которые соглашаются или отказываются на исследование с рассуждением вслух. В целом разницы нет, кроме возраста и страны.
 
11. Kate Fisher и Julia Cowing: Как команда ResearchOps помогает эффективнее планировать и проводить исследования в разных командах компании.
 
#research Открыть/Комментировать

2023-11-16 10:04:37 Большие и маленькие статьи о дизайн-системах за последние полтора месяца, ну и всякое такое на тему:
 
1. Brad Frost: Глоссарий терминов и понятий современной дизайн-системы в большой компании. Не везде нужно всё из описанного, но оно востребовано на масштабе. Его выступление на эту тему.
 
2. Josh Clark: Предлагает смириться с тем, что команда дизайн-системы не успевает за скоростью изменений в продуктах и пересмотреть её роль. Это инфраструктурная часть, которая должна быть надёжной и продуманной. Её роль ― не придумывать любые возможные решения, а курировать уже созданные в продуктовых командах. Сама мысль не новая, но предложение идти от этой реальности ― достаточно свежее и абсолютно разумное.
 
3. Material Web: Вышла первая версия библиотеки компонентов для веба.
 
4. Rama Krushna Behera: Памятка по созданию компонента. От проектирования логики работы до реализации и гайдлайнов. Шаблон в Figma.
 
5. Список конференций и митапов на тему в разных странах мира.
 
6. Wise: Доработка цветовой палитры под требования accessibility. Часть 2 говорит о типографике, иконках и других аспектах.
 
7. Deliveroo: Обновление цветовой палитры. Как она стала лучше в плане accessibility.
 
8. Odido: Запуск дизайн-системы (слияние голландских T-Mobile и Tele2). Как выбирали стратегию перехода на неё и организовали иерархию стилей.
 
9. zeroheight: Победители их награды этого года.
 
10. Jonathan Dallas: Советы по именованию переменных в CSS.
 
11. Netlify: Канонически обновили интерфейсы под ребрендинг через дизайн-систему с помощью инструментов Storybook.
 
12. Intuit: Инструкция по настройке синхронизации переменных в Figma и токенов их дизайн-системы.
 
13. Sam Gordashko: Шпаргалка по использованию токенов в Figma на основе множества сторонних материалов.
 
14. Вышел Storybook 7.5. На подходе версия 7.6 с развитием инструментов тестирования.
 
#designsystems Открыть/Комментировать

2023-11-13 10:04:36 Дайджест продуктового дизайна за октябрь 2023. Большие обновления Adobe и Webflow, дизайн-системы, анимация, алгоритмический дизайн, креативные методики, инфляция профессионального словаря, как организовать стажировки и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS Открыть/Комментировать