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

2022-02-28 10:04:17 Ловите большую пачку свежих книг по дизайну интерфейсов:
 
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 Открыть/Комментировать

2022-02-24 10:04:15 Свежие материалы о дизайн-системах подоспели:
 
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 Открыть/Комментировать

2022-02-21 10:04:46 В этом году чуть ли не половина постов — о дизайн-менеджменте. Завершу эту серию свежей подборкой ссылок:
 
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 Открыть/Комментировать

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

2022-02-14 10:04:48 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-02-10 11:04:18 Активности по курсу, книге и сайту о дизайн-менеджменте спадают, так что буду возвращать регулярность дайджеста. Сороковой мини-выпуск об интерфейсных паттернах и лучших практиках:
 
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 Открыть/Комментировать

2022-02-07 10:34:31 Зимой запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 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 Открыть/Комментировать

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

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

2022-01-24 10:04:24 Свежая мини-подборочка про дизайн-системы:
 
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 Открыть/Комментировать