Собрал дайджест продуктового дизайна за ноябрь 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

Свежая и плотная подборка о пользовательских исследованиях:

1. Semrush: Опыт продуктовых экспериментов через метод «фальшивых дверей». Это функции, которые ещё не реализованы, но по интересу пользователей к которым можно предположить их востребованность.

2. Jake Burghardt: Шикарный обзор проблем в использовании базы знаний и инсайтов из пользовательских исследований. Что может пойти не так и какие проблемы у этих данных.

3. Atlassian: Как правильно поставить вопрос исследования.

4. NN/g: Советы по выбору диаграмм для представления отчётов о пользовательских исследованиях и данных аналитики.

5. Jim Lewis и Jeff Sauro: Способы оценить техническую грамотность пользователей. И выясняют, насколько она влияет на эффективность использования интерфейса.

6. Larry S. McGrath: Метод исследования метафор в голове у пользователей. На примере изучения понятия «данные» в Meta.

7. NN/g: Плохие вопросы во время интервью с пользователями.

8. Jeff Sauro и Jim Lewis: Разница между метриками конкретного сценария и всего исследования в целом. Какие задачи они решают и как их выбирать.

9. Meta: Подача результатов исследования. Они советуют фокусировать их на нескольких ключевых выводах в духе «и что это значит?».

10. NN/g: Метод вторичных исследований, когда ведётся работа с уже проводившимися ранее исследованиями.

11. Robert M. Schumacher: Опрос практикующих экспертов на тему изменений работы за время пандемии. Выборка небольшая (100 человек), но в целом дельно.

12. Sarah Osman: Верхнеуровневый обзор процесса проектирования смены поведения пользователей.

13. NN/g: Метод когнитивного пошагового анализа интерфейса. Это позволяет обнаружить часть проблем в экспертным путём.

#research

Свежая мини-подборка о дизайн-менеджменте:
 
1. ManyChat: Появление роли дизайн-менеджера. Что он делает в компании и через какие этапы проходил процесс.
 
2. Salesforce: Подход к определению принципов дизайна . Необычно, что они делают это с пользователями — они отмечали яркие моменты в работе с продуктами.
 
3. Brian Traynor: Анализирует отраслевые стандарты (ISO и другие), которые потенциально применимы для оценки зрелости дизайна в компании.
 
4. NN/g: Структурированная подборка своих статей о UX в agile- и lean-командах.
 
5. GOV.uk: Подробное описание процесса найма и профессионального развития дизайнеров.
 
6. Сбер Здоровье: Попробовали применить модель PAEI Ицхака Адизеса к моделям поведения дизайн-менеджеров. Продолжение.
 
7. NN/g: Структурированный подход к собеседованиям дизайнеров.
 
8. Design Value Conference 2022: Мини-конференция от UXPin пройдёт 29 марта в интернете.
 
#designmanagement

Интерес к теме алгоритмического дизайна подупал, как и количество интересных проектов. Но кой-чо новое проскакивает:
 
1. Фантастическая статья Amy Goodchild о природе генеративного искусства. Она разбирает её три ключевых составляющие: случайность, правила и природные системы.
 
2. Mechanic: Экспериментальный инструмент для создания своих простейших инструментов алгоритмического дизайна. Можно настроить параметры, по которым он будет генерировать макеты.
 
3. GauGAN2: NVIDIA выпустили новую версию своего инструмента, который превращает набросок в фотографию природного ландшафта. Теперь можно генерировать и по текстовому описанию.
 
4. Tool.Graphics: Сайт генерирует абстрактные изображения на тему одной из стилистик. Можно бесконечно получать варианты.
 
5. ArtFlow: Генератор аватаров по словесному описанию с помощью алгоритмического дизайна. Можно смешать разных персонажей и жанры.
 
6. HyperStyle: Экспериментальный инструмент для изменения возраста и внешности с помощью алгоритмического дизайна.
 
7. Dream: Генератор абстрактного искусства по текстовому описанию в нескольких стилистиках. Один из самых эффектных среди всех подобных инструментов.
 
8. GLIDE: Экспериментальный инструмент от команды OpenAI редактирует готовые изображения по текстовому описанию. Исходный код.
 
9. Animated Drawings: Экспериментальный инструмент от Meta анимирует детские рисунки персонажей.
 
#ai #algorithms

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

Выпуск вышел с большой задержкой из-за вынужденного переезда хостинга. Его всё ещё колбасит, но дальше задерживать публикацию уже было некуда.
 
Напомню, что его можно получать разными способами:
— Telegram
— vc.ru
— ВКонтакте
— RSS

Свежая мини-подборка о лучших интерфейсных паттернах и практиках:
 
1. Stéphanie Walter: Мощная памятка по документации макетов и прототипов в плане поддержки accessibility. Что, где и как описывать, плюс шаблоны в Figma.
 
2. NN/g: Структурированные подборки своих статей о дизайне интерфейсов интранета и корпоративных веб-приложений и информационной архитектуре.
 
3. Яндекс Маркет: Методика расчёта «счастья пользователя». Они описали несколько моделей поискового поведения и отмечают успешные и проблемные места в них.
 
4. Виталий Фридман: Проектирование хорошей бесконечной прокрутки и «хлебных крошек».
 
5. NN/g: Повторное исследование китайских сервисов для оплаты по лицу в магазинах и кафе. Многие проблемы не решены с 2019 года, но за время пандемии сам механизм стал гораздо более распространённым.
 
6. Markswebb: Исследование процесса открытия кредитной карты. Они собрали рекомендации по интерфейсу процесса их открытия и использования.
 
7. Свежие сравнительные исследования Baymard Institute:

— Сайты интернет-магазинов конкретных брендов и их типичные проблемы.

— Сервисы доставки еды.

8. Свежие сравнительные исследования Jim Lewis и Jeff Sauro. Они посчитали NPS и SUPR-Q и выявили ключевые драйверы рекомендаций:

— Сайты частных объявлений.

— Американские сайты доставки продуктов.
 
9. Peter Ramsey разбирает процесс встречи нового пользователя в мобильном приложении Gmail и Revolut Junior.
 
10. Facebook: Интерфейсные паттерны, помогающие повысить персональную безопасность и снизить негатив в соц.сети (кек).
 
11. NN/g: Переключатель языков на сайтах интернет-магазинов.
 
12. Michael Villar: Беглый обзор внешнего вида и поведения полосы прокрутки в основных операционных системах и веб-приложениях.
 
13. Benjamin Davies: Все письма рассылки Duolingo за первые 20 дней после регистрации. Сервис славится своей уместной геймификацией и вовлечением.
 
14. Sophie Clifton-Tucker: Разница между локализацией и интернационализацией. А также даёт базовый чеклист по основным моментам.
 
#patterns