​Свежий мини-выпуск дайджеста о дизайн-менеджменте менеджерился-менеджерился, да выменеджерился:

1. Dave Cunningham (Co-op): модель DIET (Design Impact Evaluation Tactic) для оценки потенциального успеха проекта. Она проверяет доработанную версию double diamond по нескольким вопросам. Чеклист на отдельном сайте и в виде таблицы.

2. Libby Maurer (HubSpot): баланс между ростом и улучшением существующей функциональности. Хорошие принципы дизайн-команды, а также детали про работу с дизайн-долгом.

4. Daniel Rosenberg: фреймворк дизайн-менеджмента. Он, как и я, использует идею паттернов для структурирования лучших практик и методов. Хотя фокусируется на общих для менеджеров вообще.

5. Kate Kaplan: задачи и формат типовых рабочих сессий: изучение проблемы, эмпатия, дизайн, расстановка приоритетов, критика.

6. Jon G. Temple и Patrick Commarford (IBM): 4 способа взаимодействия дизайнера в agile-команде. От этого зависит влияние на дизайн-решения и вообще формат их принятия.

7. J.T. Trollman (Facebook): процесс работы над типичной задачей по дизайну. Ключевые вопросы и шаблон постановки задач.

8. Jared Spool: подход к внедрению методов и практик в дизайн-командах. Они раскладываются на три стопки: уже делаю, попробую, не подходит.

9. Прошлым летом к нам на Mail.ru Design Conf приезжал Matouš Roskovec из Avocode. А потом я сгонял в Прагу и пообщался с ним. Из этого выросло годное интервью для их серии The Grit. От истории прихода в дизайн и карьерного пути до практик дизайн-менеджмента и профессиональных хобби. Писал ответы с неделю, зато получилось очень подробно. Общались между работами, так что текст про этот период.

Кстати, в этот четверг пройдёт UX-Марафон №18 о дизайн-менеджменте. Выступят Сергей Кондауров (Яндекс), Лена Куликова (Райффайзенбанк), Егор Коробейников (Miro), Саша Гришин (Badoo), Настя Попова (Альфа-Банк) и Иван Васильев (Scentbird). Заходите на огонёк (это я про темы выступлений).

#designmanagement

​Мини-дайджест с новыми инструментами дизайна пропустил пару циклов. Так что приехало с горочкой:

Play: Совершенно дикая штука — инструмент дизайна мобильных приложений на самом телефоне. Ребята сотворили совершеннейшую чуму (пусть и вызывающую вопросы по продуктивности такой работы дизайнера). В феврале появится бета для iPhone, позже обещают iPad и Android-телефоны. Предыстория создания от авторов.

Sketch 62 и Inspector: Улучшение smart layout (минимальная и максимальная ширина). И, наконец-то, бета-версия аналога Zeplin. В конце прошлого года обещали некого помощника по улучшению дизайн-решений, совместную работу над макетом и более мощные возможности прототипирования.

Mosaica Studio: Новый инструмент для создания каскадной (stagger) анимации. Прототипировать и создавать подобную анимацию вручную через кейфреймы трудозатратно, здесь же вместо работы с кодом предлагается WYSIWYG.

Плагины для Figma:
— Bravo Studio App: Подключает реальные данные и генерирует нативный код для Android и iOS на основе прототипов.
— Design Lint и Roller: Линтинг для макетов. Проверяет расхождения с дизайн-системой (цвета, шрифты, границы, тени, скругления).
— Smooth Shadow: Плагин позволяет делать аккуратные тени с помощью кривых easing.
— Text Prettier: Плагин-типограф для причёсывания текста.

Adobe: MS Office 365 может подключить библиотеки Creative Cloud для импорта стилей и ресурсов.

Adobe XD: Январское обновление. Также добавили авто-layout. Читайте также интервью с Talin Wadsworth об истории создания инструмента и планах на будущее. Он также рассказывает о рабочем процессе и команде.

Vectornator: Вышла версия для Mac.

Adalo: Ещё один конструктор мобильных приложений, делающий нативную сборку на основе прототипа. Android, iOS и веб.

Storyland: Конструктор промо-сайтов в формате историй.

WebStudio: Ещё один конструктор сайтов в браузере.

ГЕНЕРАТОРЫ И КОНВЕРТЕРЫ
Fronty: Сервис конвертирует картинку в HTML. Эффектно, но непонятно зачем — макет сайта и так сделан в каком-либо инструменте с разбивкой по слоям, а генераторов оттуда и так хватает.

EscherSketch: Браузерный инструмент позволяет делать паттерны из симметричных фигур и наглядно видеть их в повторяющемся полотне.

Super Sphere: Генератор контурных сфер с анимацией.

Flow Lines: Генератор абстрактных паттернов из линий.

BG Painter: Генератор модных фонов (например, «жидкий металл»).

Scribbbles: Бесплатная коллекция клякс и абстрактных паттернов для промо-сайтов.

ЦВЕТ
Calcolor: Интересный генератор цветовых палитр, который позволяет копать смежные в разные стороны.

Who Can Use: Мощный сервис для проверки цветового контраста. Он показывает значение для каждого типа нарушения цветовосприятия и сам искажённый цвет.

Leonardo: Генератор цветовых палитр с фокусом на правильный контраст для обеспечения доступности.

Gradienta: Генератор градиентов и интересных наложений слоёв в браузере с экспортом в CSS.

Trace: Ещё один убиратор фона с фотографий.

Social Sizes: Большая коллекция шаблонов для всех соцмедиа с актуальными размерами.

Pixelworm: Занятный сервис, который позволяет сравнить макет в Sketch и реализацию в мобильном приложении.

Clai: Инструмент позволяет сделать подачу макета на устройстве, которое в свою очередь можно вертеть с анимацией.

Nototo: Дичайший сервис заметок в виде карты виртуального мира.

Уже сейчас видно, что всё это будет глючить и тормозить (в развитии), как говорил автор мема из позапрошлого десятилетия. Хотя какие-то вещички полезны по-мелочи.

#tools

Собрал дайджест продуктового дизайна за январь 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Немного свежих (или вышедших не так давно) лучших (ну, нормальных) практик и паттернов для ваших (или клиентских) интерфейсов:

1. Теория «информационного чутья», которое помогает пользователям оценивать потенциальную полезность информации на сайтах.

2. Паттерны для уведомления пользователя разложены по степени комфорта для пользователя. От push-уведомлений и попапов, которые вырывают из текущего потока, до более нейтральных всплывающих подсказок.

3. Роль анимации в интерфейсах. Список достаточно стандартный, но язык описания более профессиональный. Продолжение с советами по оптимизации.

4. Быстрые, но менее наглядные способы управления интерфейсом для опытных пользователей.

5. Dan Davies вдохновился экспериментами Andy Clarke по переносу интересной журнальной вёрстки в веб и сделал пачку собственных подходов.

6. Правильное представление элементов интерфейса для выбора цвета товара.

7. Подходы к перенаправлению пользователя интернет-магазина из поиска в категорию товаров. Они дают больше инструментов.

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

9. Организация и размещение видео-инструкций на сайтах.

(тут должно было быть традиционное напутствие, но очень охота спать)

#patterns

​Наконец-то я умудрился выпустить мини-дайджест, который действительно мини: свежатинка про пользовательские исследования:

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

2. Три основные цели юзабилити-тестирования: обнаружение проблем, сравнение с конкретным показателем или другим интерфейсом. Хорошо описана суть каждого.

3. Деление сценария юзабилити-тестирования на составляющие, которые дают разную наводящую информацию. Это позволяет проверить не только удобство работы с функциональностью, но и её обнаруживаемость.

4. Подробнейшая памятка по учёту GDPR при проведении пользовательских исследований. Закон накладывает много ограничений.

5. Полный список стандартных методов оценки UX. Они развивались по трём веткам с 1980х годов.

6. Влияние культуры разных стран на распределение ответов в опросах вроде NPS. Его гипотеза: это может влиять на смещение ответов в сторону более ярко выраженных или нейтральных.

Кажется, это редкая не-простыня :)

#research

​Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1260 человек — в два раза больше, чем в 2018, хотя для качественных результатов лучше ещё больше (учту в 2020 году).

В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.

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

Бонусом собрал список заметных продуктовых дизайн-команд со ссылками на их сайты, блоги и дизайн-системы. Как можно заметить, это практически полностью повторяет рейтинг :) Пока бета-версия, но буду активно развивать — получится хорошее дополнение к Design Systems Club.

Заодно переделал сайт готовящейся книги о дизайн-менеджменте. Пока скорее переезд на новую платформу с заделом на будущее.

P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — Оди и Ищу дизайнера.

#designmanagement #survey #research

​2 марта стартует третий поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education. На первых двух отучились 120 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: Альфа-Банк, App in the Air, Aviasales, Avito, Badoo, ВТБ, Chatfuel, EPAM, Foodplex, Mail.ru Group, ManyChat, Miro, Модульбанк, МТС, OneTwoTrip, ПСБ, QIWI, Qlean, Райффайзенбанк, Rambler Group, РБК, Redmadrobot, Ростелеком, Сбербанк, S7, Tele2, Тинькофф, TomTom, Учи.ру, ЦИАН, Wrike, X5, Яндекс и многих других.

Курс построен на базе будущей книги по паттернам дизайн-менеджмента (заканчиваю черновик для издательства). Какие-то части вы уже могли прочитать ранее и, возможно, знакомы с общей концепцией модели зрелости дизайна и продвижении по ней. Значительная часть контента добавлена, а тот что был раньше — переработан и реструктурирован под более практичный формат использования.

Получился огромный массив знаний из 37 уроков на 8,5 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 3 месяца (правда, первые два потока выехали за срок, но я стараюсь вернуться в рамки). Помимо видео-лекций есть домашние задания и вебинары после каждого блока.

Записаться.

#designmanagement

​Астрологи объявили недели дизайн-менеджмента: количество публикаций в дайджесте на тему зашкаливает. Ловите ещё пачку перед возвращением к широким темам:

1. Shopify: Практики совместной работы и координации для распределённой команды от Alaine Mackenzie и Matt Hryhorsky. Отличная цельная памятка. Сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.

2. Vectorly: Сервис позволяет вести карты компетенций для дизайн-команды. Оценка, постановка целей, отслеживание реальных задач.

3. Nielsen/Norman Group: Расчёт ROI дизайна. Как выбрать подходящие метрики и конвертировать их в деньги.

4. Mia Blume: Организация календаря. Как организовать бесконечный поток встреч.

5. Monzo: Найм дизайнеров. Пошаговая инструкция.

6. Nielsen/Norman Group: Памятка по встречам и рабочим сессиям, которые может проводить дизайн-команда. Разница между форматами и рекомендация по использованию в типичных ситуациях.

7. Open Table: Регулярная работа по карте компетенций. Как и какие встречи проводить для продвижения по ней.

8. Scott Strubberg: Внутренняя база знаний IBM по дизайну. Деталей немного и доступ закрыт, но интересный пример категоризации справочной информации.

P.S. Кстати, подробнее про всё это я буду рассказывать на курсе о дизайн-менеджменте цифровых продуктов на Bang Bang Education (стартует сегодня, но можно успеть вписаться).

#designmanagement

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

1. Shopify: Памятка с подробным чеклистом по каждому этапу. Это особенно полезно для современных продуктовых команд, где их всё чаще проводят дизайнеры и менеджеры продуктов.

2. Microsoft: Когнитивный пошаговый анализ интерфейса agile-командой. Это позволяет обнаружить часть проблем в интерфейсе экспертным путём.

3. Uber: Несколько жизненных историй из опыта работы в компании и понимания пользователей.

4. Inês Duvergé: Шаблон-памятка в Notion по проведению юзабилити-тестов.

5. Газпромбанк: Тестирование визуального дизайна. С помощью 5-секундного теста собирали ключевые реакции — насколько они соответствовали изначальным ожиданиям команды.

6. PandaDoc: Как выявляли потребности клиентов для составления обещания бренда из ключевых слов в отзывах о продукте.

7. Elsa Ho анализирует прошлогоднее увольнение половины пользовательских исследователей в Uber в связи с реорганизацией. Какие выводы для процесса и формата работы можно сделать из этого (и нужно ли, если это может быть особенностью конкретной компании).

8. Ethnio: Калькулятор вознаграждения для респондентов. Пытается учитывать страну.

9. Контур: Советы по поиску респондентов. Особенно в ситуациях, где это непросто.

10. Maze: Памятка по формулированию правильных вопросов для пользовательских исследований, в зависимости от задачи.

10. HubSpot: Как команда формирует план исследований. Туда не может попасть всё, так что нужна приоритезация.

А на следующей неделе — февральский дайджест.

#research

Собрал дайджест продуктового дизайна за февраль 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Пока авторитетные люди пытаются разобраться, кто короновал вирус, огромное количество продуктовых команд внезапно для себя стали удалёнными (внушительный список по миру). Это непростой формат работы и без подготовки запустить его сложновато (примерно как провернуть agile-трансформацию за две недели).

Но вариантов нет, так что надо учиться на ходу. Вот пачка годных советов для распределённых дизайн-команд, которые выходили за последнее время:

ОПЫТ КОМПАНИЙ
1. GitLab давно работает полностью удалённо и собрали целую мини-википедию.

2. Trello. К некоторым из них доступны шаблоны.

3. Shopify (и ещё статейка). Сложность зависит от степени распределённости и, как ни странно, проще всего с полностью рассредоточенными людьми — тогда не возникает локальной группы, которая неизбежно становится ядром всех активностей.

4. Microsoft: как объединялись разрозненные дизайн-команды, работающие над Outlook.

5. Cisco.

6. Nielsen/Norman Group. Компания все годы своего существования работала без офиса.

7. Google.

8. Facebook.

9. Salesforce.

10. Zendesk. Практики и методы с учётом нескольких стран и временных зон.

11. Jeff Gothelf.

12. Mark Boulton.

МЕТОДЫ И ИНСТРУМЕНТЫ
1. Встречи 1 на 1 в Miro. Шаблон для фиксации тем обсуждений и результатов.

2. Бренд-спринт при ребрендинге Miro.

3. Nielsen/Norman Group: Инструменты для проведения удалённых рабочих сессий. Генерация и оценка идей, картирование. Их прошлая статья про создание CJM в таком формате.

4. То же от Cisco.

5. Синхронный и асинхронный подход к генерации идей.

Большинство знаковых конфренций и массовых мероприятий в мире отменены или перенесены. А пользовательские исследования переходят на удалённый формат. Зато растут акции Zoom. А тот же InVision изначально работает полностью удалённо.

Кстати, Елена Малышева советует не забыть помыть руки 20 секунд после прочтения этого сообщения — наверняка ваш телефон давно не мыт :)

#remote #designmanagement

​Подборка дельных баек об удачных интерфейсных паттернах. Как проектировать по-уму в офисе и на дому.

1. Представление дополнительной информации: когда уводить пользователя на отдельную страницу, когда показывать попап или другой динамический элемент.

2. Исследование обучающих экранов на мобильных: они должны сделать интерфейс понятнее, но скорее создают у пользователя ощущение сложности.

3. Интерфейс перетаскивания: как сделать его хорошо в вебе и на мобильных.

4. Важно конкретизировать, зачем компании номер телефона пользователя: это повышает доверие и вероятность заполнения поля.

5. Использование мобильных приложений одной рукой: скринкасты удачных примеров и разобрал многие из них.

6. Переработка процесса встречи нового пользователя в HubSpot. Совмещение демо-режима и хорошего повествования по его ходу здорово повысило метрики.

7. Отработка состояний интерфейса: постоянные и временные, ключевые и вспомогательные.

8. 10 часто используемых тёмных паттернов.

9. Журнальная вёрстка в вебе: стиль Neville Brody.

10. Как сделать обучающие видео и фото понятнее для пользователей.

11. Анимированные GIF в письмах рассылки. От них больше проблем для читателей, чем пользы (хотя показатели вполне могут быть хорошими).

Коль не хочешь долгострой — нарисуй паттерн-другой.

#patterns

​У кого освободилось больше времени для самообразования, тот — вы. Для перелистывания страниц электронных книг по дизайну интерфейсов не нужно смачивать палец слюной, так что опасность заражения — минимальная. Единственный побочный эффект — жжение поскорее применить это в работе:

1. Jim Kalbach «The Jobs To Be Done Playbook»: открыт предзаказ (Rosenfeld Media).

2. Senongo Akpem «Cross-Cultural Design» (A Book Apart). Учёт разных культур при дизайне интерфейсов.

3. Anna Dahlström «Storytelling in Design» (O'Reilly). Сторителлинг в дизайне с упором на многоканальные продукты. Законы драматургии, протаганонисты (целевые пользователи) и антагонисты, развитие протагонистов, карты эмпатии.

4. Torrey Podmajersky «Strategic Writing for UX» (O'Reilly) Тексты в интерфейсе. Обзор от UXmatters.

5. Trine Falbe, Martin Michael Frederiksen & Kim Andersen «The Ethical Design Handbook» (Smashing Magazine). Современная этика при создании цифровых продуктов, избегающей тёмных паттернов. Обзор.

6. John Maeda «How to Speak Machine — Computational Thinking for the Rest of Us». Дизайн в эпоху быстро растущих возможностей компьютеров и развития искусственного интеллекта. Небольшая выдержка.

7. Michael J. Metts и Andy Welfle «Writing Is Designing» (Rosenfeld Media). UXmatters публикует отрывок из главы 3.

8. Daniel Rosenberg «UX Magic» (Interaction Design Foundation). Семантический метод проектирования взаимодействия.

А вот что на подходе у Rosenfeld Media:
1. Katie Swindler «Life and Death Design».
2. Boon Sheridan «Getting Started in UX».

Читай-узнавай-применяй-успешные внедрения распространяй.

#books

​Выпуски мини-дайджеста про пользовательские исследования зачастили, но кто я такой, чтобы останавливать тягу к знаниям. Вот до чего дотянулся с прошлого раза:

1. Shopify: работа команды UX- и маркетинговых исследований в условиях паузы в использовании большинства привычных методов.

2. NN/g: методичка по изучению пространства проблем на разведочной стадии дизайн-процесса.

3. Kate Towsey: своё понимание роли ResearchOps на основе опыта работы в Atlassian. Из кого состояла их команда и как она взаимодействовала с отдельными исследователями.

4. Rockwell Automation: если респондент не пришёл.

5. Shopify: плюсы и минусы разных форматов презентации результатов. Рекомендации по наиболее популярным артефактам.

6. Usethics: как сравнивать разные продукты по эвристикам (пример для ресторанов).

7. Mingming Fan, Serina Shi и Khai N. Truong опросили 197 пользовательских исследователей на тему особенностей метода, в котором респондент озвучивает свои мысли вслух. Нюансы и подводные камни.

8. Jeff Sauro и Jim Lewis: эффект Von Restorff, который потенциально может описывать разницу между интерфейсными решениями. Они провели эксперимент, чтобы выявить самые заметные альтернативы, но простого ответа не получили.

9. Jeff Sauro и Jim Lewis: три опросника, призванных оценить качество голосовых интерфейсов. Это The Mean Opinion Scale (MOS), Subjective Assessment of Speech System Interfaces (SASSI) и Speech User Interface Service Quality (SUISQ).

10. Учи.ру: процесс в компании.

Хотя многие пользовательские исследования сейчас встали на паузу, когда-нибудь мы вернёмся к обширному арсеналу методов. А вы пока можете предположить, для какой из пяти стадий принятия неизбежного характерно это предположение.

#research

​Нежданчик: мини-дайджест, который действительно мини. Интерфейсные паттерны и лучшие практики, которые сократят вам много лишних телодвижений:

1. Мощная коллекция чеклистов для интерфейсных паттернов от Smashing Magazine. PDF присылают после регистрации.

2. Jakob Nielsen выпустил традиционную первоапрельскую телегу. В этот раз про медленные интерфейсы, которые заставляют пользователя внимательно изучить всю информацию.

3. Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе. В седьмом выпуске разбирает работы Otto Storch.

4. Kate Moran и Cami Goray из Nielsen/Norman Group описывают ситуации, когда уход пользователя со страницы результатов поиска — это не проблема, он решил свою задачу по выжимкам информации.

Ну а дальше — мартовский дайджест.

#patterns

Собрал дайджест продуктового дизайна за март 2020. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest

​Противостояние поколений резко закончилось — зумерами стали почти все. Опыт работы распределённых дизайн-команд накапливает каждый первый, так что и статей на тему выходит прорва. Оперативно подсобрался второй выпуск удалёнки (собрал всю коллекцию блоге):

1. Книга InVision. Креативный процесс, дизайн-менеджмент и общие вопросы.

2. Мощный набор практических советов по перестройке процесса UX-исследований в эпоху карантина от экспертов из Salesforce, Monzo Bank, Workday, Atlassian, Springer Nature, Booking.com, Kabbage, Dropbox, Mailchimp и LinkedIn. По делу и конкретным вопросам и этапам, а не просто рефлекция на тему.

3. Remote Design Week. В программе толковые выступления, круглые столы и воркшопы — это следующий шаг для онлайн-конференций.

4. NN/g: Все материалы на тему.

5. Дизайнеры выкладывают фото своих домашних рабочих мест.

6. Slack: Дизайн-спринты в распределённом формате.

7. Советы от команд Acronis, Readdle и Webflow.

Если у кого в такие времена дела хороши, так это у Zoom — пару недель назад они подскочили до $157 за акцию. Пожалуй, надо не пропустить свою имбирную акцию в Магните.

#remote #designmanagement

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

Сильных продуктовых компаний и дизайн-команд на рынке много, они накопили интересный управленческий опыт. Получился крепкий состав из руководителей: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк).

В программе практические и подробные рассказы о картах компетенций, управлении командой пользовательских исследований, перестройке дизайн-организации, синхронизации дизайнеров.

Всё это полезно опытным дизайнерам — дизайн-менеджерам, арт-директорам, ведущим дизайнерам, дизайн-директорам, креативным директорам. Да и вообще тем, кто хочет решать всё более сложные профессиональные задачи и расти карьерно.

Встречаемся на Bang Bang Education 28 мая в 11:00.

#designmanagement

​Жирная подборка свежих интерфейсная паттернов, которая ударит по вашей и без того проблемной информационной диете на карантине:

1. Каталог паттернов игровых интерфейсов. Много видео и скриншотов с хорошей категоризацией.

2. NN/g: Чтение информации на сайтах. Они проводят его с 2006 года и каждый раз добавляют новые модели проведения (сейчас, например, появилась «газонокосилка»).

3. NN/g: Разница между выпадающим и обычным списком вариантов в формах и фильтрах. В конце — наглядная памятка по выбору под конкретную ситуацию.

4. Creative Navy: Интерфейсы электронной коммерции для B2B. Во второй статье они описывают специфику отрасли.

5. Betina Rajakumar: Индикаторы-предупреждения на экранах физических устройств (машины, бытовая техника и т.п.).

6. Alex Holachek: Типы полей ввода на мобильных и специальные клавиатуры для них.

7. NN/g: Пассивный поиск информации в интернете (например, через соц.сети или рассылки). В каких ситуациях он возникает чаще и как пользователи ведут себя.

8. Andy Clarke: серия экспериментов с интересной журнальной вёрсткой в вебе. В восьмом выпуске разбирает работы Herb Lubalin.

После такого — минимум сотня цифровых бёрпи.

#patterns

​В режиме кар(ан)тинного слома границ между личным и рабочим пространством и себя-то поменеджить сложно. Но свежий мини-выпуск дайджеста о дизайн-менеджменте даст вам взять этого себя в руки:

1. Lyft: Структура дизайн-команд, её роль и зона ответственности и другие детали.

2. IBM: Планирование работы дизайн-менеджера через OKR и прозрачную отчётность для своего руководителя. Отличный пошаговый разбор подхода, который легко использовать для себя.

3. Яндекса: Встречи 1:1 с дизайнерами. Очень подробный и дотошный обзор подходов и практик, особенностей и подводных камней формата регулярных встреч дизайн-менеджера с дизайнерами (хотя часть из них другие авторы не считают частью 1:1).

4. CapitalOne: Также о 1:1.

5. Uber: Шаблон 1:1 и карты компетенций в целом (сам шаблон).

6. Jared Spool: Найм дизайнеров на базе книги Lou Adler «Hire with Your Head». Он фокусируется на том, что должно измениться после успешной работы нового человека. Сбор предварительной информации о кандидатах, которая помогает и компании, и самому дизайнеру лучше понять общие точки.

7. NN/g: Фасилитация рабочих сессий. Принципы, цели и инструментарий. По многим из них они уже публиковали отдельные статьи (например, базовые активности в виде методичек).

Кстати, напомню про онлайн-конференцию «Паттерны дизайн-менеджмента», которую курирую 28 мая для Bang Bang Education. Крепкий состав: Софья Чебанова (Wargaming), Иван Соловьёв (DocDoc), Юрий Солодовников (Альфа-Банк), Елена Лисеева (Rambler Group), Ирина Сенг (Vectorly), Алексей Чупин (МТС) и я (Райффайзенбанк). И важные темы: карты компетенций, управление командой пользовательских исследований, перестройка дизайн-организации, синхронизация дизайнеров.

#designmanagement

​Как бы подборка материалов по дизайн-системам перед уходом на как бы майские:

1. В прошлом году рассказывал об архитектуре токенов в дизайн-системе Mail.ru Paradigm, но только сейчас выложил презентацию. Это один из самых простых способов реализации дизайн-системы в коде. Набор базовых переменных визуального языка (цвета, шрифты, отступы и т.п.), который передаётся в любой компонентный фреймворк. Это позволяет проще управлять визуальным стилем продуктов и дешевле внедрить на практике.

2. Бесплатная книга Val Head об анимации в дизайн-системах для Adobe XD. Многое было в её статьях, но теперь собрано вместе.

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

4. Chromatic 2.0: Сервис-спутник для Storybook добавил возможность проверить и принять обновления компонентов в наглядном виде. Это упрощает работу распределённых команд над дизайн-системой.

5. Группа энтузиастов проанализировала известные дизайн-системы и пытается предложить стандартные названия и описания типовых компонентов.

6. Radius: Фреймворк для дизайн-систем. Есть компоненты на React на базе токенов и шаблоны в Figma.

7. Мощное интервью команды дизайн-системы Shopify Polaris. Это часовое видео, к которому прилагается отличное содержание ключевых тем.

8. Bootstrap 5 выйдет весной. Разбор нововведений.

9. CSS-фреймворк для стилизации интерфейсов под Windows 98.

#designsystems