Собрал дайджест продуктового дизайна за октябрь 2021. Material Design 3, Photoshop в браузере, планирование исследований, миссия и видение, прошлый опыт пользователя, принципы дизайна, игры по accessibility, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

Четвёртый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные?

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

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

P.S. Результаты за 2020, 2019 и 2018.

​Подборка свежих интерфейсных паттернов и лучших практик:

1. Сравнение интерфейсов Playstation 5 и Xbox Series X в плане эффективности навигации.

2. Baymard: Советы по проектированию сложных таблиц сравнения тарифных планов.

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

4. Shopify: Лучшие практики по созданию промо-сайтов, адаптированных под требования accessibility.

5. Salesforce: Разница в проектировании обычных интерфейсов и ботов/плагинов для мессенджеров. Конкретные отличия этого контекста жизни пользователя.

6. Jordan Bowman: Памятка по предотвращению ошибок в интерфейсе.

7. Tess Gadd: Памятка по использованию аккордионов в интерфейсах.

8. Gov.uk: Зачем внедрили отдельный чекбокс для ситуаций, когда пользователь не выбирает ни одно из значений. Где-то важно иметь явный отказ, где-то это помогает менее опытным пользователям.

#patterns

​Мини-подборка о пользовательских исследованиях:

1. Издательство ДМК Пресс готовит к выходу перевод второго издания известной книги Кэрол Барнум «Основы юзабилити-тестирования». Первое издание появилось 11 лет назад.

2. NN/g: Ориентиры по выборке респондентов для пользовательских интервью. Она описывает разные ситуации, которые влияют на размер. И совету по рекрутингу.

3. Jim Lewis и Jeff Sauro: Влияет ли расположение вариантов в шкале опроса (горизонтально или вертикально) на ответы? Их исследования и предыдущие публикации других авторов говорят — не особо.

4. Meta / Facebook: Профессиональные наблюдения за 10 лет карьеры, которые помогли Logan Wells выстроить хорошую связку с продуктовыми командами.

5. NN/g: Закон Кэмпбела — он говорит о том, как и почему метрики подвержены манипуляциям. И что делать, чтобы нивелировать этот эффект.

6. Jeff Sauro и Jim Lewis: Разница между количественными методами исследований: перепись населения, соц.опрос, анкеты и опросники.

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

#research

​Свежие новости из дизайнерского книгоиздательства. Под конец года много немного, зато всё — жыр:

1. Steven Hoober «Touch Design for Mobile Interfaces». Она посвящена особенностям интерфейсов для мобильных сенсорных экранов. Анонс и обзор.

2. Перевод второго издания известной книги Кэрол Барнум «Основы юзабилити-тестирования». Первое издание появилось 11 лет назад.

3. Известный на Dribbble дизайнер Michael Flarup готовит книгу-коллекцию «The iOS App Icon Book». Она собрала лучшие примеры иконок приложений для iOS. Есть ещё пара дней, чтобы вписаться на KickStarter.

А вот что на подходе у Rosenfeld Media:
1. Kate Rutter «Practical Metrics for Designers»

#books

Собрал дайджест продуктового дизайна за ноябрь 2021. Тренды 2022 года (первая пачка), книги по дизайну, большие подборки статей о дизайн-менеджменте, современные цветовые палитры, accessibility, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

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

Начну с одного из лучших — уже второй год это материал от EditorX. Они проанализировали самые заметные вещи в визуальном и интерактивном дизайне, которые повлияют на профессию в 2022 году. Например, продолжение моды на эстетику начала 2000х или Y2K, которая давно заметна в одежде.

Своё ежегодное исследование самых востребованных инструментов для дизайна интерфейсов провели UXTools. Продолжается доминирование Figma и стремительное падение Sketch и InVision. Интересной будет схватка Miro и FigJam, хотя тут шансов у Фигмы меньше. Они также стали уделять больше внимания инструментам для UX-исследований.

Журнал UX Collective ежегодно отмечает точки движухи в профессии дизайна интерфейсов. Они перебирают приличное количество публикаций за год и выделяют явные всплески.

Sidney Alcantara сделала шикарный обзор трендов в базовом оформлении самых популярных операционных систем: Android, iOS, Windows и MacOS. Как и почему они приходят к контурным иконкам для лучшего сочетания с основным шрифтом, учёту темы оформления пользователя, современным цветовым палитрам вроде LCH, более мягким скруглениям, адаптивной типографике и другим деталям.

Лично мне было печально видеть восходящую моду на OOUX (объектно-ориентированный UX) — сдули пыль с доисторического подхода к проектированию интерфейсов (aka «диаграмма классов» из UML). Одно из главных золотых правил профессии — идти от потребностей пользователей и их ментальной модели. А не того, как устроена внутрянка системы. Она сама должна меняться и перекраиваться в зависимости от того, как лучше организовать сценарии использования и навигацию между ними. И выступать требованием к структуре объектов, но ни в коем случае не быть ограниченной ими.

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

Другие подведения итогов:
— Лучшие обложки книг от AIGA
— Заметные инновации от Fast Company и Popular Science
— Яркие проекты на Readymag
— Самые популярные эмоджи

Про 2022 год материалов побольше:

1. Общедизайнерские тренды выделяют 99 Designs, Webflow, Graphic Mama и Depositphotos.

2. Pantone и Shutterstock объявляют цвета: оба сходятся на фиолетовом.

3. Профессиональные от InVision.

4. Общие от Fjord.

5. Технологические от Gartner: кривая хайпа, стратегические и радар влияния.

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

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

Для сравнения: что обещали на 2021, 2020, 2019 и 2018 год.

#trends

Последняя в этом году мини-подборка собирает свежие материалы о паттернах и лучших практиках:

1. NN/g: Структурированная подборка своих статей об описании дизайн-паттернов.

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

3. Gareth Ford Williams: Большая памятка по грамотной вёрстке субтитров для фильмов и другого видео-контента.

4. Niels van Berkel, Mikael Skov и Jesper Kjeldskov: Три типа взаимодействия с интеллектуальными системами.

5. Avinash Bussa: Подробная памятка по дизайну интерфейса умных часов. Перевод.

6. Peter Ramsey: Анализ интерфейса регистрации в платёжном сервисе Cash App.

7. Creative Navy: Короткие советы по снижению физической и ментальной нагрузки на кассиров.

8. Graham F. Scott: Переосмысление информационной архитектуры сайта для разработчиков Shopify.

9. NN/g: Редизайн интранета компании Johnson & Johnson.

10. Небольшая коллекция хороших интерфейсных паттернов.

#patterns

Собрал дайджест продуктового дизайна за декабрь 2021. Тренды 2022 года (вторая пачка), тестирование дизайн-систем, голосовые интерфейсы, ключевые исторические публикации, управление жестами в машинах, энциклопедия компонентов, алгоритмический дизайн, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— Facebook
— ВКонтакте
— RSS

Ежегодная выставка технологических чудес и экспериментов CES 2022 в этом году прошла 5-7 января в Лас-Вегасе и интернете. Обычно здесь показывают кучу прорывной крутячки. Правда, из-за дефицита чипов многие крупные компании пропустили участие даже в онлайне. Но кой-чо занятное было.

Последние годы было много разной интересной дичи с гибкими экранами. Но не в этот раз — разве что 17" планшет от ASUS с кучей степеней свободы. Ну и ещё один эксперимент со вторым экраном у клавиатуры ноутбука у Lenovo.

Компьютеры
1. Стандарт Evo PCs от Intel будет продвигать гибкие экраны и интеграцию Windows с iPhone

2. Google будет улучшать интеграцию Windows и Android

3. Лютый концепт рабочей станции от Razer

4. Чудеса гибкости в 55" мониторе Samsung

5. Атипичный почти квадратный монитор LG

6. Домашний игровой сервер Alienware
 
Умные очки
1. Новые кино-очки без телевизора Nxtwear Air

2. Распознающие текст и лица очки MyEye Pro от OrCam помогают людям с проблемным зрением

Носимые устройства
1. Био-сенсоры Abbott

2. Razer всё-таки сделали свою киберпанковскую маску с усилителем голоса. Это было непросто.

Авто
1. BMW с кузовом изменяемого цвета

2. Концепт-кар Cadillac с огромным экраном

3. Amazon будет встраивать свои экраны на базе Fire TV в машины. Например, огромный для задних сидений BMW.

ТВ
1. Пульт Samsung заряжается от радиоволн

2. Samsung позволит смотреть и покупать NFT через телик. Ну и встроит игровой стриминг Stadia и GeForce Now.

3. Куча изогнутых концепций от LG

4. Проектор Samsung с автофокусом и подстройкой

Умный дом
1. Весы Withings как швейцарский нож

2. Кран Moen с управлением жестами

3. Много ванно-банных приблуд от Kohler

4. Домашний робот-помощник Labrador Retriever

5. Экспериментальные зубные щётки Oral-B и Y-Brush

Разная разорвишка
1. Массажёр для тех, кто много играет

2. Окрашиватель волос L’Oréal

3. Принтер для временных цветных татуировок Prinker M

4. Умная гитара Samsung

5. Мышка/флешка XPG

Не знаю, будет ли с такими показателями весенняя Mobile World Congress, но, мало ли.
 
#ces #trends #events

Первая мини-подборка 2022 года — про пользовательские исследования:
 
1. NN/g: Структурированная подборка своих статей о ResearchOps.
 
2. Nacho Parietti: Три модели описания поведения пользователей, которые сделают MVP более успешным. Они опираются на связь поведения и ценности для людей. Часть 2 и 3.

3. Meta: Метод количественного исследования концепций на ранней стадии, когда конкретной визуализации нет (да и она только вредит).

4. NN/g: Особенности контекстных методов пользовательских исследований — полевых и дневниковых.
 
5. Meta: Количественные дневниковые исследования.
 
6. Контур: Когнитивные искажения у команды, которые важно отловить в процессе пользовательских исследований.
 
7. Jim Lewis и Jeff Sauro: Анализируют формы опросов, где пользователь должен точно выбрать «да» или «нет» в списке вопросов. Это в целом помогает повысить процент ответов, хотя усложняет интерфейс.
 
8. IBM: Как продать agile-команде важность предварительных исследований. Как известно, они часто не вписываются в чистый agile-процесс.
 
9. Jim Lewis и Jeff Sauro: Разница между опросниками в виде шкалы из радио-кнопок и ползунка. Подтвердилось, что радио-кнопки проще и быстрее.
 
Через месяц вернусь к формату 2 постов в неделю, а пока — сколько смогу.
 
#research

Свежая мини-подборочка про дизайн-системы:

1. Подробная методичка Storybook по тестированию компонентов.

Другие новости Storybook
— Готовят к запуску энциклопедию компонентов — она агрегирует дизайн-системы разных компаний на фреймворке. Можно посмотреть кучу реальных примеров для каждой ситуации.

— Разные способы настройки для описания принципов дизайна и других важных разделов помимо самих компонентов. Описание компонентов можно также встроить в любой другой живой гайдлайн.

— Обзор инструментов дизайна, которые работают в связке.

2. Open Props: Фреймворк для токенов.

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

4. Brad Frost: Интервью, в котором он размышляет на тему того, что будет после атомарного дизайна.

5. Doctolib: Переделка цветовой палитры.

6. Дизайн-система компании Bank Soft System. Шаблоны в Figma и страница на сайте клуба отечественных дизайн-систем.

7. Shopify: Размышления на тему гибкости и роли дизайн-систем.

8. Brad Frost: Должны ли дизайн-системы включать информацию помимо интерфейсов.

9. Wanda: Дизайн-система сервиса Wonderflow.

10. Tamagui: Фреймворк для создания дизайн-систем на React Native.

#designsystems

Курирую UX-Марафон №27 по дизайн-менеджменту 10 февраля. Это самая крупная онлайн-конференция по дизайну интерфейсов от Александры Постоваловой.
 
Для третьего коллаба сфокусировались на разных ситуациях в жизни дизайн-менеджера — приход опытного человека в новую компанию, становление дизайн-менеджером и возвращение обратно в эксперты:
 
1. Юрий Ветров (Райффайзен Банк).
 
2. Валера Назаров (Aviasales).
 
3. Даша Егорова (МТС).
 
4. Егор Гилёв (Wrike).
 
5. Алексей Кандауров (Циан).
 
6. Александр Кудымов (Acronis).
 
7. Станислав Игнатьев (X5 Retail Group).
 
8. Артур Касимов (Ситимобил).
 
Я сделаю небольшую вводную вначале с обзором ситуаций на старте работы дизайн-менеджера.
 
Начало в 11:00. Участники получат видео-запись, презентации и другие полезные материалы.
 
#designmanagement

Запустил обновлённый сайт книги и курса «Паттерны дизайн-менеджмента». Точнее, всей одноимённой инициативы — это ещё и:
— Серия мини-конференций
— Каталог и исследования продуктовых дизайн-команд
— Инструменты
 
В прошлом году сделал огромный рывок, чтобы полностью перезаписать курс на русском и сделать пилот на английском, закончить все материалы для книги (редакционная вычитка и пара сотен диаграмм), ну и объединить всё это единой стилистикой и сводным сайтом. Наконец-то готово почти всё (жду первый свёрстанный вариант книги от издательства).
 
Отдельно отмечу несколько вещей:
— Обновлённая статья про карту компетенций с шаблонами в Google Sheets и Vectorly. Один из моих главных хитов теперь живёт здесь.
— Мини-конференция вместе с UX-Марафоном 10 февраля
— Свежее исследование дизайн-команд, про которое подробно расскажу в понедельник. Ну и динамика рейтинга за разные годы для каждой из команд.
 
Я ещё отвешаю пару тонн нижайших поклонов за курс и книгу. Но пока поблагодарю за дизайн Колю Иванова — его концепция визуального стиля стала основой для всего. И агентство Pragmatica Жени Ярового — они сделали титаническую работу, связав общим дизайном сайт, курс, книгу, презентации и все остальные материалы. Я давний фанат Webflow и первую версию сайта собирал сам пару лет назад, но ребята подняли его на новый уровень.
 
Отдельный респект команде Pragmatica:
— Лера Вялкова и Маша Пьянкова (управление проектом)
— Герман Жевмерев, Евгений Яровой, Илья Федоренко (концепция дизайна)
— Алина Елисеева и Дима Ануфриев (диаграммы)
— Мария Арсенова (отрисовка страниц и адаптивов)
— Алла Щетинина (подхватила дизайн всего в последний момент и довела до конца)
 
Дальше сайт будет развиваться и пополняться, но база вышла уже годная. Английская версия в простом варианте, но также будет постепенно обрастать мясом. На очереди — переосмысление дайджеста, но сначала надо выдохнуть.

Зимой запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1427 человек.
 
В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.
 
Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:
1. Яндекс
2. Тинькофф
3. Miro
4. Альфа-Банк
5. Сбер
6. Aviasales
7. Райффайзен Банк
8. Mail.ru Group / VK
9. Ozon
10. Avito
 
Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2020, 2019 и 2018 годы.
 
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.
 
P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — Оди и Ищу дизайнера.
 
#designmanagement #survey #research

Активности по курсу, книге и сайту о дизайн-менеджменте спадают, так что буду возвращать регулярность дайджеста. Сороковой мини-выпуск об интерфейсных паттернах и лучших практиках:
 
1. Steven Hoober: Насколько закон Фиттса актуален для мобильных. Да, но с большими оговорками.
 
2. Michael Villar: Советы по проектированию взаимодействия с контекстными меню.
 
3. Слава Шестопалов: Оформление ссылок в вебе и почтовых рассылках.
 
4. Станислав Хрусталёв: Использование QR-кодов в офлайне и интерфейсах.
 
5. NN/g: Три базовых потребности пользователей: автономность, родство и компетентность. Как интерфейсы могут учитывать их.
 
6. Cibin KS: Памятка по процессу встречи нового пользователя.
 
7. NN/g: Примеры полезных и бесполезных страниц категорий товаров в интернет-магазинах.
 
8. Baymard Institute провели несколько новых крупных исследований:
 
— Сервисы бронирования гостиниц. Советы по проектированию поиска в совмещённом режиме карты и списка.
 
— Профессиональные облачные сервисы. Основные проблемы.
 
— Американские сайты доставки продуктов. Одна из заметных проблем — выбор замены товаров, которые недоступны.
 
9. Peter Ramsey: Обновил свой анализ интерфейса одобрения перерасхода денег в британских необанках Starling и Monzo.
 
10. Роман Камушкен: Виды беджей в интерфейсе и ситуации для их использования.
 
11. Creative Navy: Советы по проектированию интерфейсов планирования задач и времени.
 
12. Lucid Software: Проектирование «восхитительных моментов» в интерфейсе.
 
#patterns

1 марта стартует седьмой поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых шести отучились 400 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Badoo, BBC, БКС, ВТБ, Chatfuel, Delivery Club, Детский мир, Dodo Pizza, ДОМ.РФ, Газпром, EPAM, Foodplex, inDriver, Kaspi, Klarna, Комитет, Красцветмет, Леруа Мерлен, Литрес, Луч, MacPaw, Mail.ru Group, ManyChat, М.Видео, Microsoft, Miro, Модульбанк, МТС, Okko, OneTwoTrip, Opera, Открытие, Ozon, PayPal, ПИК, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Росбанк, Россельхозбанк, Ростелеком, S7, Сбербанк, Ситимобил, Столото, Selectel, SEMrush, Skyeng, Tele2, Тинькофф, TomTom, Точка, Учи.ру, Уралхим, ЦИАН, Voximplant, Wargaming, Wrike, X5, Яндекс и многих других.
 
Я полностью перезаписал все видео, переехал на новую образовательную платформу и постоянно развиваю формат домашних заданий и вебинаров. Курс построен на базе будущей книги по паттернам дизайн-менеджмента (идёт подготовка к печати). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижения по ней, но это около 20% материала курса.
 
Получился огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю всё сам.
 
Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
 
#management

Собрал дайджест продуктового дизайна за январь 2022. Исследование дизайн-команд, CES 2022, средняя зрелость дизайна по миру, почему гиперссылки синие, ResearchOps, оценка технической подкованности пользователей, тренды accessibility, дизайн-системы, новые инструменты дизайна и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— Facebook
— ВКонтакте
— RSS

В этом году чуть ли не половина постов — о дизайн-менеджменте. Завершу эту серию свежей подборкой ссылок:
 
1. NN/g: Проанализировали оценку зрелости дизайна нескольких тысяч компаний по своей модели. В прошлом году они выпустили инструмент самостоятельной оценки зрелости, которым воспользовались 5 371 человек. Основная часть находится на 3 и 4 уровне из 6, хотя это специфика выборки.
 
2. NN/g: Структурированная подборка своих статей о дизайн-менеджменте.
 
3. Salesforce: Процесс виртуальной сессии дизайн-критики. Участники разбиваются на роли (историк, критик, адвокат, оптимизатор) и дают комментарии по прототипу через свою призму.
 
4. NN/g: Процесс совместной работы над видением дизайна в компании. Это рабочая сессия, которая вовлекает разные роли.
 
5. Salesforce: Развитие роли дизайнера за 10 лет в компании. Мини-сайт с её описанием.
 
6. Atlassian: Несколько простых практик командной работы, которые улучшают качество интерфейсных решений.

7. NN/g: Пятый уровень зрелости дизайна в их фреймворке.
 
8. Gusto: Интервью с лидерами дизайна о том, как устроен дизайн в компании.
 
10. Модель зрелости CX от компании CX Centric.
 
#designmanagement

Свежие материалы о дизайн-системах подоспели:
 
1. Storybook: «Энциклопедия компонентов» — это каталог открытых живых гайдлайнов крупных компаний на базе фреймворка. Анонс с обзором самых интересных.
 
2. Brad Frost: Плюсы и минусы двух подходов к версионированию — весь фреймворк или отдельные компоненты. Сам он обычно использует первый подход.
 
3. Beamery: Процесс добавления нового компонента.
 
4. Lukas Oppermann: Принципы именования токенов.
 
5. Matthew Ström: Разница между дизайн-системой как словарём с заранее определёнными требованиями и набором функций, которые генерируют значения для конкретной ситуации.
 
6. Storybook: Советы по организации живого гайдлайна.
 
7. Google: Как нашли подход к динамическому созданию цветовых палитр из основного цвета темы оформления в Material You.
 
8. Lukas Oppermann: Серия статей о поддержке accessibility. В первой части разбирает цвет.
 
Инструменты и фреймворки
— Supernova: Переосмыслили инструмент в сторону менеджера дизайн-систем. Он помогает хранить константы в едином месте и экспортировать их в Figma и компонентные фреймворки.
 
— Story to Design: Сервис генерирует шаблоны в Figma из компонентов на React, которые описаны в Storybook.
 
— NextUI: Фреймворк для дизайн-систем на React.
 
Примеры
— Сбербанк Онлайн для iOS и Android. Это промо-сайт со ссылками на ранее запущенный сайт и другие страницы, компоненты недоступны снаружи.
 
— Государственные органы Калифорнии.
 
#designsystems

Ловите большую пачку свежих книг по дизайну интерфейсов:
 
1. Перевод второго издания Джима Калбаха «Путь клиента». Выдержка из главы №2.
 
2. Katie Swindler «Life and Death Design». Она посвящена ситуациям на грани жизни и смерти, а также технологиям и интерфейсам, которые помогают в них. Выдержка из главы 1.
 
3. Christian Crumlish «Product Management for UX People. From Designing to Thriving in a Product World» об управлении продуктами для дизайнеров. Выдержка из главы 1.

4. MIT Press готовят к выходу Don Norman «Design for a Better World: How to create a meaningful, sustainable, and humanity-centered future». Содержание, выдержка из вводной части и главы 22.

5. Rachel McConnell «Leading Content Design». Она посвящена управлению редактурой в компании.
 
6. Debbie Milman «Why Design Matters». Это полсотни интервью с дизайнерами.
 
7. В начале 2021 года вышла Gregg Bernstein «Research Practice» о современных подходах в пользовательских исследованиях.
 
8. Перевод Jon Yablonski «Laws of UX». Она посвящена базовым законам пользовательского взаимодействия с разбором на примерах.
 
9. Оказывается, Julie Zhuo «The Making of a Manager» для начинающих дизайн-менеджеров перевели на русский ещё в 2020 году.
 
А вот что на подходе у Rosenfeld Media:
1. Joshua Mauldin «We Need to Talk»
2. Jenae Cohn & Michael Greer «Design for Learning»
3. Heidi Trost «Human-Centered Security»
 
#books