Астрологи объявили неделю пользовательских инсайтов: сегодня и в четверг два выпуска на тему. Начнём с подходов к измерению взаимодействия человеков с продуктами:
Удовлетворённость и связанные метрики от Jeff Sauro
1. Разные способы оценки удовлетворённости пользователя. Он выделил пять типов шкал, которые используются в них.
2. Метрика NSAT (Net Satisfaction) от Microsoft. Это шкала из 4 пунктов, похожая по модели расчёта на NPS.
3. Попытка дать более измеримое определение понятию delight, к которому стремятся многие продукты. В целом это совмещение неожиданного и приятного, которое связано с удовлетворённостью.
4. Мощный обзор ключевых научных публикаций, проверяющих работоспособность или критикующих NPS. Только те, которые могут считаться авторитетными.
5. Насколько влияет количество вариантов ответа, которые использует шкала опроса о готовности рекомендовать. Меньше шкала — хуже качество данных, хотя есть небольшая прибавка в скорости. Судя по его другому разбору упрощённой шкалы NPS — прибавка в скорости иллюзорная.
Выбор метрик
1. Jared Spool описывает пример выбора метрик для оценки улучшения интерфейса. Он взял за основу парковочные автоматы, которые обновлялись до современных.
2. Aurora Harley из Nielsen/Norman Group пишет о «тщеславных» метриках и том, как правильнее оценивать эффективность интерфейса.
3. Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных.
Бонус
1. Jeff Sauro описывает особенности метрики NASA TLX (Task Load Index), которая измеряет нагрузку на пользователя.
2. Alita Joyce из Nielsen/Norman Group показывает, как измерить обучаемость работе с интерфейсом.
В четверг свяжем это с методами пользовательских исследований. А с середины ноября дайджест снова будет работать как часы.
#metrics
Удовлетворённость и связанные метрики от Jeff Sauro
1. Разные способы оценки удовлетворённости пользователя. Он выделил пять типов шкал, которые используются в них.
2. Метрика NSAT (Net Satisfaction) от Microsoft. Это шкала из 4 пунктов, похожая по модели расчёта на NPS.
3. Попытка дать более измеримое определение понятию delight, к которому стремятся многие продукты. В целом это совмещение неожиданного и приятного, которое связано с удовлетворённостью.
4. Мощный обзор ключевых научных публикаций, проверяющих работоспособность или критикующих NPS. Только те, которые могут считаться авторитетными.
5. Насколько влияет количество вариантов ответа, которые использует шкала опроса о готовности рекомендовать. Меньше шкала — хуже качество данных, хотя есть небольшая прибавка в скорости. Судя по его другому разбору упрощённой шкалы NPS — прибавка в скорости иллюзорная.
Выбор метрик
1. Jared Spool описывает пример выбора метрик для оценки улучшения интерфейса. Он взял за основу парковочные автоматы, которые обновлялись до современных.
2. Aurora Harley из Nielsen/Norman Group пишет о «тщеславных» метриках и том, как правильнее оценивать эффективность интерфейса.
3. Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных.
Бонус
1. Jeff Sauro описывает особенности метрики NASA TLX (Task Load Index), которая измеряет нагрузку на пользователя.
2. Alita Joyce из Nielsen/Norman Group показывает, как измерить обучаемость работе с интерфейсом.
В четверг свяжем это с методами пользовательских исследований. А с середины ноября дайджест снова будет работать как часы.
#metrics
UX Articles by Center Centre
The Challenge of Identifying UX Success Metrics - UX Articles by Center Centre
A city’s IT department is building a new online parking-violation payment system. For the first time, instead of sending checks in the mail or paying at the City Clerk’s Office, people can pay their parking tickets through the city’s website or a mobile app.…
Завершает неделю пользовательских инсайтов подборка материалов об исследованиях из нового и сентябрьского дайджеста:
1. Команда Usethics рассказывает о связке методов персонажей и Jobs to Be Done на примере условного продукта.
2. Юлия Кингсеп из UX-лаборатории Mail.ru Group рассказывает о методах парного юзабилити-тестирования интерфейсов.
3. Валерия Курмак из Сбербанка советует подходы к проведению юзабилити-тестирования с людьми с ограниченными возможностями. Как и кого искать, особенности процесса.
4. Jeff Sauro пытается вывести подтверждение того, что старая байка про «всего 5 пользователей для юзабилити-тестирования» позволяет найти только большинство самых распространённых проблем.
5. Caryn Kieszling из Microsoft рассказывает о миграции пользователей в обновлённое мобильное приложение. Как команда использовала качественные и количественные данные, чтобы найти причины недовольства редизайном.
6. Обзор инструментов удалённого немодерируемого юзабилити-тестирования от Kathryn Whitenton из Nielsen/Norman Group.
7. Пример поэтапного улучшения опросника от Feifei Liu из Nielsen/Norman Group. Они пробовали разные версии на малом количестве пользователей перед запуском на основную аудиторию.
8. Maria Rosala из Nielsen/Norman Group описывает методы тематического анализа данных пользовательских исследований. Как разобрать большой объём неструктурированных данных.
Продолжим мини-дайджестить в понедельник.
#research
1. Команда Usethics рассказывает о связке методов персонажей и Jobs to Be Done на примере условного продукта.
2. Юлия Кингсеп из UX-лаборатории Mail.ru Group рассказывает о методах парного юзабилити-тестирования интерфейсов.
3. Валерия Курмак из Сбербанка советует подходы к проведению юзабилити-тестирования с людьми с ограниченными возможностями. Как и кого искать, особенности процесса.
4. Jeff Sauro пытается вывести подтверждение того, что старая байка про «всего 5 пользователей для юзабилити-тестирования» позволяет найти только большинство самых распространённых проблем.
5. Caryn Kieszling из Microsoft рассказывает о миграции пользователей в обновлённое мобильное приложение. Как команда использовала качественные и количественные данные, чтобы найти причины недовольства редизайном.
6. Обзор инструментов удалённого немодерируемого юзабилити-тестирования от Kathryn Whitenton из Nielsen/Norman Group.
7. Пример поэтапного улучшения опросника от Feifei Liu из Nielsen/Norman Group. Они пробовали разные версии на малом количестве пользователей перед запуском на основную аудиторию.
8. Maria Rosala из Nielsen/Norman Group описывает методы тематического анализа данных пользовательских исследований. Как разобрать большой объём неструктурированных данных.
Продолжим мини-дайджестить в понедельник.
#research
Medium
Персонажи + Jobs-to-Be-Done: опыт применения объединенного подхода
Когда одного фреймворка недостаточно.
Кажется, вы открыли один из самых полезных выпусков мини-дайджеста про дизайн-системы. Каждую ссылку можно изучать детально и с любовью:
ПРИМЕРЫ
1. Газпромбанк. Весь базовый набор на месте.
2. Adobe. Токены, анимация, accessibility, локализация. Хотя вместо реальных компонентов — скриншоты.
МЕНЕДЖМЕНТ ДИЗАЙН-СИСТЕМ
1. Шикарная памятка Nathan Curtis по ведению дизайн-системы как проекта в Jira. Постановка и группировка задач, версионирование и другие ключевые аспекты.
2. Памятка Nathan Curtis по коммуникации обновлений дизайн-системы внутри и снаружи компании, ну и в целом ведении системной информационной работы со всеми заинтересованными лицами.
3. Nathan Curtis сделал обзор методов тестирования дизайн-систем. Стандартные меры обеспечения качества и проверка пользовательских качеств.
4. Budi Harto Tanrim рассказывает о процессе создания дизайн-системы Bukalapak и организационных нюансах этого пути. Как начать, как построить эффективное взаимодействие в команде.
КЛЮЧЕВЫЕ РАЗДЕЛЫ
1. Мощная памятка по ведению гайдлайнов voice & tone от Andrea Drugay из Dropbox. Она даёт советы по всем аспектам — обновление, ведение рабочих групп, внутренний маркетинг.
2. Daryl Koopersmith и Wilson Miner из Stripe описывают подход к созданию цветовых палитр в дизайн-системе. Они используют цветовую модель Lab (CIELAB) вместо самой горячей сейчас HSL, потому что она более реалистично передаёт освещённость.
КНИГИ И МЕТОДИЧКИ
1. Крутейшая методичка по созданию дизайн-системы на базе Storybook для разработчиков. Охватывает все важные части процесса с помощью по работе с инструментами и библиотеками. Обзорная статья про основные темы.
2. Книга Andy Coldwell «Laying the Foundations» о дизайн-системах. Обещает ответить на базовые вопросы.
3. Методичка по React для дизайнеров от Framer.
ИНСТРУМЕНТЫ
1. Алексей Каленюк из Ingram Micro Cloud рассказывает о плагине Puzzle Tokens, который делает аналог токенов на Less для Sketch. Это позволяет системно обновлять параметры визуального языка в макетах. Сам плагин.
Остался ещё один мини-выпуск до полноправного дайджеста и пара недель до восстановления графика публикаций.
#designsystems
ПРИМЕРЫ
1. Газпромбанк. Весь базовый набор на месте.
2. Adobe. Токены, анимация, accessibility, локализация. Хотя вместо реальных компонентов — скриншоты.
МЕНЕДЖМЕНТ ДИЗАЙН-СИСТЕМ
1. Шикарная памятка Nathan Curtis по ведению дизайн-системы как проекта в Jira. Постановка и группировка задач, версионирование и другие ключевые аспекты.
2. Памятка Nathan Curtis по коммуникации обновлений дизайн-системы внутри и снаружи компании, ну и в целом ведении системной информационной работы со всеми заинтересованными лицами.
3. Nathan Curtis сделал обзор методов тестирования дизайн-систем. Стандартные меры обеспечения качества и проверка пользовательских качеств.
4. Budi Harto Tanrim рассказывает о процессе создания дизайн-системы Bukalapak и организационных нюансах этого пути. Как начать, как построить эффективное взаимодействие в команде.
КЛЮЧЕВЫЕ РАЗДЕЛЫ
1. Мощная памятка по ведению гайдлайнов voice & tone от Andrea Drugay из Dropbox. Она даёт советы по всем аспектам — обновление, ведение рабочих групп, внутренний маркетинг.
2. Daryl Koopersmith и Wilson Miner из Stripe описывают подход к созданию цветовых палитр в дизайн-системе. Они используют цветовую модель Lab (CIELAB) вместо самой горячей сейчас HSL, потому что она более реалистично передаёт освещённость.
КНИГИ И МЕТОДИЧКИ
1. Крутейшая методичка по созданию дизайн-системы на базе Storybook для разработчиков. Охватывает все важные части процесса с помощью по работе с инструментами и библиотеками. Обзорная статья про основные темы.
2. Книга Andy Coldwell «Laying the Foundations» о дизайн-системах. Обещает ответить на базовые вопросы.
3. Методичка по React для дизайнеров от Framer.
ИНСТРУМЕНТЫ
1. Алексей Каленюк из Ingram Micro Cloud рассказывает о плагине Puzzle Tokens, который делает аналог токенов на Less для Sketch. Это позволяет системно обновлять параметры визуального языка в макетах. Сам плагин.
Остался ещё один мини-выпуск до полноправного дайджеста и пара недель до восстановления графика публикаций.
#designsystems
В прошлом году мы провели исследование рынка для внутренних задач Mail ru Group: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Стало понятно, где наши усилия по обновлению продуктов и развитию команды заметны, а где их не хватает или они не видны снаружи. Главным результатом работы продуктовой дизайн-команды являются обновлённые и улучшенные продукты. Но это не всегда быстрый процесс, да и проф.сообщество заметит их не сразу. Есть разрыв между этими событиями и такое исследование подсвечивает его. Отчёт стал хорошим инструментом для фокусирования внутренней работы и публичных активностей.
В этом году опрос доработали, а результаты исследования решили сделать открытыми. Пока пришли только первые несколько сотен ответов, но какие-то выводы уже можно сделать.
Картина по рынку будет более релевантной, если опрос пройдёт гораздо больше участников профсообщества. Мы опубликуем результаты исследования к концу года. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
Буду благодарен, если вы тоже поучаствуете.
P.S. В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами. Это исследование поможет им стать лучше.
Стало понятно, где наши усилия по обновлению продуктов и развитию команды заметны, а где их не хватает или они не видны снаружи. Главным результатом работы продуктовой дизайн-команды являются обновлённые и улучшенные продукты. Но это не всегда быстрый процесс, да и проф.сообщество заметит их не сразу. Есть разрыв между этими событиями и такое исследование подсвечивает его. Отчёт стал хорошим инструментом для фокусирования внутренней работы и публичных активностей.
В этом году опрос доработали, а результаты исследования решили сделать открытыми. Пока пришли только первые несколько сотен ответов, но какие-то выводы уже можно сделать.
Картина по рынку будет более релевантной, если опрос пройдёт гораздо больше участников профсообщества. Мы опубликуем результаты исследования к концу года. Вы найдёте отчёт в крупных дизайн-каналах и изданиях.
Буду благодарен, если вы тоже поучаствуете.
P.S. В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами. Это исследование поможет им стать лучше.
Typeform
Explore Typeform | Create your own surveys, quizzes, forms
Experience a slick way of creating forms with Typeform. Try templates for quizzes, surveys, forms and more.
Собрал дайджест продуктового дизайна за октябрь 2019. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте
#digest
Напомню, что его можно получать разными способами:
— ВКонтакте
— Рассылка по почте
#digest
В сентябре-ноябре проходит основной поток конференций по дизайн-менеджменту. Я был на четырёх основных: MXConference (позже переименовалась в LXConference, а затем закрылась), UXSTRAT, DesignOps Summit и Leading Design. Есть ещё несколько сравнительно новых (Joint Futures, DesignOps Global Conference, Design Leadership Summit и другие), но они не так сильны по контенту. Собрал для вас материалы с нескольких из них.
DesignOps Summit 2019: Нью-Йорк, 23-25 октября. Был на ней в прошлом году и она оказалось одной из лучших на тему дизайн-менеджмента.
Видео и презентации опубликованы. А Natalie Hanson традиционно конспектировала все выступления. Самые интересные:
1. Amy Thibodeau (Shopify). Как она стала главой Design Operations и что это значило. Она адаптировала модель IAD (Institutional Analysis and Development Framework) для развития дизайн-команд (всего в компании 350 дизайнеров и смежных специалистов). Видео и презентация.
2. Kristin Wisnewski (IBM). Как её команда ИТ-поддержки делает жизнь коллег лучше и измеряет принесённую пользу. Видео и презентация.
3. Dianne Que (Pandora). Как она выстраивала системную работу дизайн-команды с достаточно хаотичного уровня. Видео и презентация.
4. Kim Fellman Cohen (Pinterest). Как повышали удовлетворённость и retention дизайн-команды. Хороший пример внутренних метрик и процесса поиска точек улучшения в целом. Видео и презентация.
5. Jilanna Wilson (Zendesk). Опыт управления распределённой дизайн-командой. Практики и методы с учётом нескольких стран и временных зон. Видео и презентация.
6. Alastair Simpson (Atlassian). Советы по построению кросс-функционального взаимодействия в продуктовых командах. Он даёт отсылки к нескольким внутренним инструментам. Видео и презентация.
7. Marjorie Stainback и Kelsey Kingman (Fidelity Investments). Как они обучили дизайнеров основам пользовательских исследований. Исследователей сильно не хватало для выделенной работы и это дало продуктовым командам инструмент для более частой проверки своих решений. Видео и презентация.
8. Saara Kamppari-Miller (Intel). Сложность процесса интеграции команды купленного продукта. Как они искали общие точки и формировали общий язык. Видео и презентация.
9. Манифест Dave Malouf о том, когда дизайн наиболее эффективен.
10. Накануне DesignOps Summit 2019 провели опрос профсообщества на тему измерения выхлопа от дизайн-команды. Kristen Skinner и Kamdyn Moore презентовали фреймворк из 8 типов метрик и показали несколько полезных моделей на тему. Видео и презентация.
#designmanagement
DesignOps Summit 2019: Нью-Йорк, 23-25 октября. Был на ней в прошлом году и она оказалось одной из лучших на тему дизайн-менеджмента.
Видео и презентации опубликованы. А Natalie Hanson традиционно конспектировала все выступления. Самые интересные:
1. Amy Thibodeau (Shopify). Как она стала главой Design Operations и что это значило. Она адаптировала модель IAD (Institutional Analysis and Development Framework) для развития дизайн-команд (всего в компании 350 дизайнеров и смежных специалистов). Видео и презентация.
2. Kristin Wisnewski (IBM). Как её команда ИТ-поддержки делает жизнь коллег лучше и измеряет принесённую пользу. Видео и презентация.
3. Dianne Que (Pandora). Как она выстраивала системную работу дизайн-команды с достаточно хаотичного уровня. Видео и презентация.
4. Kim Fellman Cohen (Pinterest). Как повышали удовлетворённость и retention дизайн-команды. Хороший пример внутренних метрик и процесса поиска точек улучшения в целом. Видео и презентация.
5. Jilanna Wilson (Zendesk). Опыт управления распределённой дизайн-командой. Практики и методы с учётом нескольких стран и временных зон. Видео и презентация.
6. Alastair Simpson (Atlassian). Советы по построению кросс-функционального взаимодействия в продуктовых командах. Он даёт отсылки к нескольким внутренним инструментам. Видео и презентация.
7. Marjorie Stainback и Kelsey Kingman (Fidelity Investments). Как они обучили дизайнеров основам пользовательских исследований. Исследователей сильно не хватало для выделенной работы и это дало продуктовым командам инструмент для более частой проверки своих решений. Видео и презентация.
8. Saara Kamppari-Miller (Intel). Сложность процесса интеграции команды купленного продукта. Как они искали общие точки и формировали общий язык. Видео и презентация.
9. Манифест Dave Malouf о том, когда дизайн наиболее эффективен.
10. Накануне DesignOps Summit 2019 провели опрос профсообщества на тему измерения выхлопа от дизайн-команды. Kristen Skinner и Kamdyn Moore презентовали фреймворк из 8 типов метрик и показали несколько полезных моделей на тему. Видео и презентация.
#designmanagement
Leading Design 2019: Лондон, 6-8 ноября. Я побывал на ней и выделил толковые рассказы. Презентации пока отправили только участникам, а видео на подходе. Так что буду ссылаться на свои фото:
1. Bob Baxley (экс-Pinterest): о дизайн-менеджменте на примере лунной миссии в 60х. Как продавали идею, как делали центр управления, как вели процесс вместе с цитатами ключевых руководителей. Ключевые слайды.
2. Cap Watkins (Primary): как провёл 600 встреч 1:1 и что вынес оттуда как дизайн-менеджер. Например, про изменение зоны ответственности при росте команды. Ключевые слайды.
3. Melissa Hajj (Facebook): развитие дизайнеров. Ключевые слайды.
4. Farai Madzima (Shopify): культурная разница в продуктовых командах и её преодоление. В Shopify учат давать обратную связь в первые дни работы. Очень сильный спикер, по делу и круто держит внимание. Ключевые слайды.
5. Dan Makoski (Lloyds Banking Group): рассказ о своей карьере (Microsoft, Google, Walmart) и текущей работе в финтехе. Как банк реализует в продуктах миссию повышения благосостояния британцев. Ключевые слайды.
6. Simon Rohrbach (экс-Deliveroo): начало работы в компании и изменение своей зоны ответственности как дизайн-менеджера. Отличная модель понимания себя, а через это — пользы для продуктов прямо сейчас. История — прям про меня и недавний уход. Ключевые слайды.
7. Nicole Burrow (Spotify): построение сильной дизайн-команды. Она сравнивает её с музыкальной группой. В том числе как выбрать точку роста — дизайн-менеджер или эксперт. Разрыв шаблона — они добавили чуть централизации к своей легендарной agile-модели. Ключевые слайды.
8. Randy Hunt (Grab): особенности и проблемы планирования работы дизайн-команды. В том числе советы дизайн-менеджеру, который только пришёл в компанию. Он советует книгу Michael D. Watkins «The First 90 Days». Ключевые слайды.
9. Stuart Frisby (Deliveroo): свой опыт дизайн-менеджмента с пачкой жизненных советов и нюансов роли главы дизайна. Ключевые слайды.
10. Мастер-класс Julia Whitney: работа со сложными ключевыми людьми в компаниях. Много полезных инструментов и фреймворков собраны вместе (часть использую у себя на курсе). Ключевые слайды.
11. Мастер-класс Alberta Soranzo (Lloyds Banking Group): роль дизайн-менеджера в цифровой трансформации. Хорошие кейсы и вопросы к ним с обсуждением группой. Ключевые слайды.
Выступления Kristen Skinner, Kim Fellman Cohen (Pinterest) и Jason Mesut повторяли рассказы на DesignOps Summit.
Сама конференция скорее мотивационная — это очень круто для начинающих дизайн-менеджеров, но мне нужны скорее практические выкладки из опыта внедрения методов и практик управления дизайн-командами. Кстати, у конференции есть тематический блог.
Она также проходит в Нью-Йорке и видео оттуда уже доступны.
————
По этим двум примерам видны текущие и будущие актуальные темы. Например, дизайн-системы почти не обсуждают (решённая и понятная проблема). Каждый второй рассказ затрагивает карты компетенций дизайнера (это повышает мотивацию и retention). При этом не первый год всплывают критерии успешности работы дизайн-команды (это было одной из главных тем DesignOps Summit).
На британской конференции получился неплохой нетворкинг. В ходе обсуждений там понял для себя, что разница между дизайн-менеджмент и DesignOps — это примерно как просто agile и фреймворки типа SAF и LeSS, реализующие его на масштабе. Речь идёт о примерно одних и тех же методах и подходах, но в разных организационных структурах. Хотя местами это заходит слишком далеко — например, обсуждают роль «оператор дизайна» (тот же дизайн-менеджер, но работающий под брендом DesignOps).
В следующем году хочу зацепить тусовку классического дизайн-менеджмента от Design Management Institute: Design Management Conference. Недавно дочитал книгу The Handbook of Design Management от них — хотя ей 10 лет и она не про цифровые продукты, там собраны классические публикации на тему начиная с середины 60х.
#designmanagement
1. Bob Baxley (экс-Pinterest): о дизайн-менеджменте на примере лунной миссии в 60х. Как продавали идею, как делали центр управления, как вели процесс вместе с цитатами ключевых руководителей. Ключевые слайды.
2. Cap Watkins (Primary): как провёл 600 встреч 1:1 и что вынес оттуда как дизайн-менеджер. Например, про изменение зоны ответственности при росте команды. Ключевые слайды.
3. Melissa Hajj (Facebook): развитие дизайнеров. Ключевые слайды.
4. Farai Madzima (Shopify): культурная разница в продуктовых командах и её преодоление. В Shopify учат давать обратную связь в первые дни работы. Очень сильный спикер, по делу и круто держит внимание. Ключевые слайды.
5. Dan Makoski (Lloyds Banking Group): рассказ о своей карьере (Microsoft, Google, Walmart) и текущей работе в финтехе. Как банк реализует в продуктах миссию повышения благосостояния британцев. Ключевые слайды.
6. Simon Rohrbach (экс-Deliveroo): начало работы в компании и изменение своей зоны ответственности как дизайн-менеджера. Отличная модель понимания себя, а через это — пользы для продуктов прямо сейчас. История — прям про меня и недавний уход. Ключевые слайды.
7. Nicole Burrow (Spotify): построение сильной дизайн-команды. Она сравнивает её с музыкальной группой. В том числе как выбрать точку роста — дизайн-менеджер или эксперт. Разрыв шаблона — они добавили чуть централизации к своей легендарной agile-модели. Ключевые слайды.
8. Randy Hunt (Grab): особенности и проблемы планирования работы дизайн-команды. В том числе советы дизайн-менеджеру, который только пришёл в компанию. Он советует книгу Michael D. Watkins «The First 90 Days». Ключевые слайды.
9. Stuart Frisby (Deliveroo): свой опыт дизайн-менеджмента с пачкой жизненных советов и нюансов роли главы дизайна. Ключевые слайды.
10. Мастер-класс Julia Whitney: работа со сложными ключевыми людьми в компаниях. Много полезных инструментов и фреймворков собраны вместе (часть использую у себя на курсе). Ключевые слайды.
11. Мастер-класс Alberta Soranzo (Lloyds Banking Group): роль дизайн-менеджера в цифровой трансформации. Хорошие кейсы и вопросы к ним с обсуждением группой. Ключевые слайды.
Выступления Kristen Skinner, Kim Fellman Cohen (Pinterest) и Jason Mesut повторяли рассказы на DesignOps Summit.
Сама конференция скорее мотивационная — это очень круто для начинающих дизайн-менеджеров, но мне нужны скорее практические выкладки из опыта внедрения методов и практик управления дизайн-командами. Кстати, у конференции есть тематический блог.
Она также проходит в Нью-Йорке и видео оттуда уже доступны.
————
По этим двум примерам видны текущие и будущие актуальные темы. Например, дизайн-системы почти не обсуждают (решённая и понятная проблема). Каждый второй рассказ затрагивает карты компетенций дизайнера (это повышает мотивацию и retention). При этом не первый год всплывают критерии успешности работы дизайн-команды (это было одной из главных тем DesignOps Summit).
На британской конференции получился неплохой нетворкинг. В ходе обсуждений там понял для себя, что разница между дизайн-менеджмент и DesignOps — это примерно как просто agile и фреймворки типа SAF и LeSS, реализующие его на масштабе. Речь идёт о примерно одних и тех же методах и подходах, но в разных организационных структурах. Хотя местами это заходит слишком далеко — например, обсуждают роль «оператор дизайна» (тот же дизайн-менеджер, но работающий под брендом DesignOps).
В следующем году хочу зацепить тусовку классического дизайн-менеджмента от Design Management Institute: Design Management Conference. Недавно дочитал книгу The Handbook of Design Management от них — хотя ей 10 лет и она не про цифровые продукты, там собраны классические публикации на тему начиная с середины 60х.
#designmanagement
Leading Design
Leading Design London 2019
Bringing design leaders together
A supportive community nurturing design leadership through inspiring and engaging events, conferences and retreats
A supportive community nurturing design leadership through inspiring and engaging events, conferences and retreats
И снова подъехала стопка свежих книг по дизайну интерфейсов. Вот что уже можно купить или выйдет в ближайшее время:
1. Smashing Magazine выпускает книгу Heydon Pickering «Inclusive Components». Анонс и вебинар с автором. Пару лет назад он создал одноимённый сайт, где есть многие наработки.
2. A Book Apart: Yesenia Perez-Cruz «Expressive Design Systems». Автор руководила командой дизайн-системы в Vox Media и Shopify. Должна появиться в продаже позже сегодня.
3. Taschen: Rob Ford «Web Design. The Evolution of the Digital World 1990–Today» об истории веб-дизайна с начала 90х. 640 страниц раритетов и необычных раскопок. Обзорная статья — https://www.vice.com/en_us/article/d3awk7/flash-is-responsible-for-the-internets-most-creative-era.
4. David Travis и Philip Hodgson «Think Like a UX Researcher». Она помогает пройти по всему процессу пользовательских исследований и предназначена не только для самих специалистов. Интервью для Shopify.
5. UX Bites для начинающих дизайнеров интерфейсов от Gabriel Kirmaier, автора одноимённого Инстаграм-канала.
6. Andy Coldwell «Laying the Foundations» о дизайн-системах. Обещает ответить на базовые вопросы.
7. Кристина Краснянская и Александр Семёнов «Soviet Design: From Constructivism to Modernism. 1920-1980». Она не про интерфейсы, а про историю советского дизайна интерьеров, но таких вещей вообще выходит немного.
А вот что на подходе у Rosenfeld Media:
1. Jacqui Frey «Design Operations: Program Management for Design at Scale».
2. Cheryl Platz «Design Beyond Devices».
3. Harry Max «Prioritization: Beyond Getting Things Done».
Напомню свой Goodreads, где архивирую прочитанное с оценками и веду лютый список планов, которым непросто сбыться.
#books
1. Smashing Magazine выпускает книгу Heydon Pickering «Inclusive Components». Анонс и вебинар с автором. Пару лет назад он создал одноимённый сайт, где есть многие наработки.
2. A Book Apart: Yesenia Perez-Cruz «Expressive Design Systems». Автор руководила командой дизайн-системы в Vox Media и Shopify. Должна появиться в продаже позже сегодня.
3. Taschen: Rob Ford «Web Design. The Evolution of the Digital World 1990–Today» об истории веб-дизайна с начала 90х. 640 страниц раритетов и необычных раскопок. Обзорная статья — https://www.vice.com/en_us/article/d3awk7/flash-is-responsible-for-the-internets-most-creative-era.
4. David Travis и Philip Hodgson «Think Like a UX Researcher». Она помогает пройти по всему процессу пользовательских исследований и предназначена не только для самих специалистов. Интервью для Shopify.
5. UX Bites для начинающих дизайнеров интерфейсов от Gabriel Kirmaier, автора одноимённого Инстаграм-канала.
6. Andy Coldwell «Laying the Foundations» о дизайн-системах. Обещает ответить на базовые вопросы.
7. Кристина Краснянская и Александр Семёнов «Soviet Design: From Constructivism to Modernism. 1920-1980». Она не про интерфейсы, а про историю советского дизайна интерьеров, но таких вещей вообще выходит немного.
А вот что на подходе у Rosenfeld Media:
1. Jacqui Frey «Design Operations: Program Management for Design at Scale».
2. Cheryl Platz «Design Beyond Devices».
3. Harry Max «Prioritization: Beyond Getting Things Done».
Напомню свой Goodreads, где архивирую прочитанное с оценками и веду лютый список планов, которым непросто сбыться.
#books
Smashing Magazine
Quality Printed Books on Front-End, Design, UX, Accessibility — Smashing Magazine
At its heart, "Inclusive Components" is a detailed, practical handbook for building fully accessible interfaces. The book examines common interface patterns — accordions, tables, tabs, toggles and everything in-between — through the lens of inclusion. The…
Новые инструменты дизайна в ноябре не особо появлялись, зато все мастодонты показали пачку интересного.
2-6 ноября прошла традиционная конференция Adobe MAX 2019 с кучей анонсов. Как всегда, опубликована тонна видео, а вот что по программам:
— Photoshop для iPad вышел, а в следующем году запустят Illustrator для iPad. Они работают с хранящимися в облаке настоящими файлами .PSD и .AI, хотя портированы не абсолютно все функции — будут смотреть на органичность для планшетов и запросы пользователей.
— XD: Ноябрьское и октябрьское обновление. Одно из самых мощных: совместная работа над макетом (правда, надо включать для каждого макета), история версий, состояния компонентов (UI Kit с примерами), множественные взаимодействия в прототипе с одним элементом через разные триггеры, импорт библиотек из Sketch (макеты с использованием компонентов оттуда не сломаются).
— Обновление линейки CC: Photoshop с упрощённым выделением объектов и общие улучшения интерфейса в Illustrator, InDesign, Animate и других. А ещё в ней появится стриминг своей работы.
— Aero: Дизайн в дополненной реальности через мобильное приложение. Импортирует файлы из известных программ (Maya, Cinema 4D, Dimension, Photoshop, Illustrator).
————
Sketch 60: Переделано управление компонентами, автоматическое подключение библиотек новому сотруднику в версии для команд.
Плагины:
— Flowkit: Информационные карты в Figma, Sketch и Adobe XD.
— Suitcase Fusion: управление подключаемыми шрифтами.
— Represent: Доступ к прототипу коллеге или клиенту, сидящему далеко.
— Sketch Styler: Находит визуально похожие решения без назначенных стилей и предлагает причесать их.
————
FramerX: готовит версию для браузера. Совместная работа и все дела.
Darshil Vora из Salesforce рассказывает, как они готовят свои компоненты своей дизайн-системы на React для FramerX и делают прототипы на их основе.
————
Figma: Добавляется аналитика использования компонентов из общей библиотеки.
Плагины:
— Vectary и Artboard Studio: 3D-шаблоны телефонов и физических предметов для примерки макетов в них.
— Figma Ninja: Обучалка основам инструмента в виде шаблона.
— Product Planner: Тонна шаблонов для управления
продуктами и проектами.
————
InVision: Обновился Design Systems Manager. Появилась интеграция со Storybook.
Glide: Генератор мобильных приложений на основе Google Sheets.
Paper & Media: Простейший конструктор картинок для постов в соцсетях.
UI Bakery: Простой онлайн-конструктор интерфейсов на базе дизайн-системы Eva.
8b: И ещё один конструктор промо-сайтов.
BuilderX: Ещё один браузерный инструмент дизайна с экспортом в код на React.
Прошлый выпуск я пропустил в своём маленьком творческом отпуске, но теперь-то привычный ритм вернётся.
#tools
2-6 ноября прошла традиционная конференция Adobe MAX 2019 с кучей анонсов. Как всегда, опубликована тонна видео, а вот что по программам:
— Photoshop для iPad вышел, а в следующем году запустят Illustrator для iPad. Они работают с хранящимися в облаке настоящими файлами .PSD и .AI, хотя портированы не абсолютно все функции — будут смотреть на органичность для планшетов и запросы пользователей.
— XD: Ноябрьское и октябрьское обновление. Одно из самых мощных: совместная работа над макетом (правда, надо включать для каждого макета), история версий, состояния компонентов (UI Kit с примерами), множественные взаимодействия в прототипе с одним элементом через разные триггеры, импорт библиотек из Sketch (макеты с использованием компонентов оттуда не сломаются).
— Обновление линейки CC: Photoshop с упрощённым выделением объектов и общие улучшения интерфейса в Illustrator, InDesign, Animate и других. А ещё в ней появится стриминг своей работы.
— Aero: Дизайн в дополненной реальности через мобильное приложение. Импортирует файлы из известных программ (Maya, Cinema 4D, Dimension, Photoshop, Illustrator).
————
Sketch 60: Переделано управление компонентами, автоматическое подключение библиотек новому сотруднику в версии для команд.
Плагины:
— Flowkit: Информационные карты в Figma, Sketch и Adobe XD.
— Suitcase Fusion: управление подключаемыми шрифтами.
— Represent: Доступ к прототипу коллеге или клиенту, сидящему далеко.
— Sketch Styler: Находит визуально похожие решения без назначенных стилей и предлагает причесать их.
————
FramerX: готовит версию для браузера. Совместная работа и все дела.
Darshil Vora из Salesforce рассказывает, как они готовят свои компоненты своей дизайн-системы на React для FramerX и делают прототипы на их основе.
————
Figma: Добавляется аналитика использования компонентов из общей библиотеки.
Плагины:
— Vectary и Artboard Studio: 3D-шаблоны телефонов и физических предметов для примерки макетов в них.
— Figma Ninja: Обучалка основам инструмента в виде шаблона.
— Product Planner: Тонна шаблонов для управления
продуктами и проектами.
————
InVision: Обновился Design Systems Manager. Появилась интеграция со Storybook.
Glide: Генератор мобильных приложений на основе Google Sheets.
Paper & Media: Простейший конструктор картинок для постов в соцсетях.
UI Bakery: Простой онлайн-конструктор интерфейсов на базе дизайн-системы Eva.
8b: И ещё один конструктор промо-сайтов.
BuilderX: Ещё один браузерный инструмент дизайна с экспортом в код на React.
Прошлый выпуск я пропустил в своём маленьком творческом отпуске, но теперь-то привычный ритм вернётся.
#tools
Adobe
Adobe MAX 2025 - The Creativity Conference
Did you miss out on Adobe MAX 2025? Don't worry, you can still explore the latest tools and trends in design, video, photography, 3D, generative AI, and more.
В библиотеку паттернов и лучших практик приехало новенькое:
1. Raluca Budiu из Nielsen/Norman Group рассказывает об исследовании пользователей облачных сервисов. Ментальная модель проще чем то, как они работают, что вызывает много недопониманий.
2. Jen Clinehens разбирает интерфейсные приёмы Netflix, которые мотивируют пользователя смотреть больше. Она ссылается на цитаты и публикации самой компании.
3. Scott Jenson пообщался с Raph Koster, автором книги «A Theory of Fun», и проанализировал разницу в подходах интерфейсов цифровых продуктов и игр. Очень крутой детальный разбор.
4. Raluca Budiu из Nielsen/Norman Group рассказывает о теории сбора информации, которая проводит аналогию с поиском пищи животными. Как пользователи решают свои информационные задачи и чем интерфейсы могут помочь им.
5. Graham Scott из Shopify рассказывает о проектировании интерфейса командной строки с точки зрения текстов.
6. Raluca Budiu из Nielsen/Norman Group рассказывает о микросессиях (порядка 15 секунд и меньше), которые позволяют решить многие мелкие задачи пользователей на мобильных, в носимых устройствах и голосовых помощниках. Она показывает хорошие и плохие примеры в уведомлениях и виджетах.
6. Мощная серия советов Toph Tucker по представлению данных для финансистов самой разной специализации.
7. Katie Sherwin из Nielsen/Norman Group даёт советы по грамотному интерфейсу страницы товара в интернет-магазинах.
8. Kate Moran и Cami Goray из Nielsen/Norman Group описывают паттерн «пинбола», который пользователи применяют в результатах поиска. После добавления развёрнутой информации в выдачу (в последние годы это не просто список синих ссылок) они прыгают глазами от блока к блоку.
9. Kara Pernice из Nielsen/Norman Group уже 20 лет проводит исследование лучших интранетов и составила критерии ключевых возможностей на текущий день.
Свежий дайджест уже почти укомплектован и приедет на следующей неделе.
#patterns
1. Raluca Budiu из Nielsen/Norman Group рассказывает об исследовании пользователей облачных сервисов. Ментальная модель проще чем то, как они работают, что вызывает много недопониманий.
2. Jen Clinehens разбирает интерфейсные приёмы Netflix, которые мотивируют пользователя смотреть больше. Она ссылается на цитаты и публикации самой компании.
3. Scott Jenson пообщался с Raph Koster, автором книги «A Theory of Fun», и проанализировал разницу в подходах интерфейсов цифровых продуктов и игр. Очень крутой детальный разбор.
4. Raluca Budiu из Nielsen/Norman Group рассказывает о теории сбора информации, которая проводит аналогию с поиском пищи животными. Как пользователи решают свои информационные задачи и чем интерфейсы могут помочь им.
5. Graham Scott из Shopify рассказывает о проектировании интерфейса командной строки с точки зрения текстов.
6. Raluca Budiu из Nielsen/Norman Group рассказывает о микросессиях (порядка 15 секунд и меньше), которые позволяют решить многие мелкие задачи пользователей на мобильных, в носимых устройствах и голосовых помощниках. Она показывает хорошие и плохие примеры в уведомлениях и виджетах.
6. Мощная серия советов Toph Tucker по представлению данных для финансистов самой разной специализации.
7. Katie Sherwin из Nielsen/Norman Group даёт советы по грамотному интерфейсу страницы товара в интернет-магазинах.
8. Kate Moran и Cami Goray из Nielsen/Norman Group описывают паттерн «пинбола», который пользователи применяют в результатах поиска. После добавления развёрнутой информации в выдачу (в последние годы это не просто список синих ссылок) они прыгают глазами от блока к блоку.
9. Kara Pernice из Nielsen/Norman Group уже 20 лет проводит исследование лучших интранетов и составила критерии ключевых возможностей на текущий день.
Свежий дайджест уже почти укомплектован и приедет на следующей неделе.
#patterns
Nielsen Norman Group
Mental Models for Cloud-Storage Systems
Users have a rudimentary understanding of cloud services and attempt to fit them into their existent, simpler mental models that they had formed for similar, more-traditional services.
Черновик подборки статей про тёмную тему оформления лежит с весны. Решил дожать его, хотя большинство желающих уже успели внедрить её.
Базовые знания дают гайдлайны платформ:
— Material Design (пара слов от их дизайнеров)
— iOS
— Windows
Читая аргументацию для тёмной темы ощущаешь дежавю. Ровно те же слова и схожесть решения была в Windows Phone (экономия батарейки в OLED-экранах, меньше устают глаза — 9 лет назад, если чо). Фотошоп перекрасился в тёмный в 2012 году. Штош — главное, что хотя бы в таком виде это доехало до массового пользователя.
Новую волну интереса породила прошлогодняя macOS Mojave с тёмной темой оформления. Там же пошли первые толковые статьи на тему:
1. Andy Clarke: поддержка на сайте через media queries.
2. Marcin Wichary: изменение ключевых переменных в CSS.
3. Один из самых дешёвых способов реализации через режимы наложения в CSS.
ТОКЕНЫ
Тёмная тема — один из главных драйверов внедрения токенов. Чтобы покрасить одни и те же элементы интерфейса разными цветами в разных ситуациях, компании внедряют переменные для цветов и находят способ их раздачи в продукт. Например, хорошая история получилась у ВК. Здорово пригодились уже существовавшие токены для внедрения в Почте Mail.ru.
Естественно, такое хочется и в инструментах дизайна. Например, плагин Color System для Sketch позволяет организовать переменные для цвета в токены и переключать светлую и тёмную тему.
ПИСЬМА РАССЫЛКИ
Одна из проблем — это почтовые клиенты, где тело письма приходит в виде HTML и картинок (там может быть что угодно). Alice Li собрала шикарную памятку для создателей писем, также писал про это Kevin Mandeville.
Рассказ о нескольких подходах к автоматизированному перекрашиванию писем рассылки в Яндекс Почте.
БРАУЗЕРЫ
В ближайшем будущем это коснётся и сайтов. Chrome 76 поддерживает тёмную тему на уровне браузера. Если сайт имеет её, она включится автоматом. Firefox тоже в деле.
Koos Looijesteijn описывает способ определения тёмной или светлой темы, которую нужно включить пользователю исходя из его настроек и времени дня. Он также делает плавный переход при переключении.
КЕЙСЫ
Вот что рассказывают компании, которые прикрутили её к продуктам:
1. Superhuman. Шикарная памятка, советы хорошо подкреплены примерами и теоретическими выкладками.
2. Microsoft. Они раскатили её на все мобильные продукты в офисной линейке. Ещё от них про большой Office.
3. Discord. Тёмная давно стала самой популярной, но они хотели сделать добротной и привычную светлую тему.
В общем, если вы ещё не начали делать тёмную тему — эта подборка срежет кое-какие углы для вас.
#designsystems
Базовые знания дают гайдлайны платформ:
— Material Design (пара слов от их дизайнеров)
— iOS
— Windows
Читая аргументацию для тёмной темы ощущаешь дежавю. Ровно те же слова и схожесть решения была в Windows Phone (экономия батарейки в OLED-экранах, меньше устают глаза — 9 лет назад, если чо). Фотошоп перекрасился в тёмный в 2012 году. Штош — главное, что хотя бы в таком виде это доехало до массового пользователя.
Новую волну интереса породила прошлогодняя macOS Mojave с тёмной темой оформления. Там же пошли первые толковые статьи на тему:
1. Andy Clarke: поддержка на сайте через media queries.
2. Marcin Wichary: изменение ключевых переменных в CSS.
3. Один из самых дешёвых способов реализации через режимы наложения в CSS.
ТОКЕНЫ
Тёмная тема — один из главных драйверов внедрения токенов. Чтобы покрасить одни и те же элементы интерфейса разными цветами в разных ситуациях, компании внедряют переменные для цветов и находят способ их раздачи в продукт. Например, хорошая история получилась у ВК. Здорово пригодились уже существовавшие токены для внедрения в Почте Mail.ru.
Естественно, такое хочется и в инструментах дизайна. Например, плагин Color System для Sketch позволяет организовать переменные для цвета в токены и переключать светлую и тёмную тему.
ПИСЬМА РАССЫЛКИ
Одна из проблем — это почтовые клиенты, где тело письма приходит в виде HTML и картинок (там может быть что угодно). Alice Li собрала шикарную памятку для создателей писем, также писал про это Kevin Mandeville.
Рассказ о нескольких подходах к автоматизированному перекрашиванию писем рассылки в Яндекс Почте.
БРАУЗЕРЫ
В ближайшем будущем это коснётся и сайтов. Chrome 76 поддерживает тёмную тему на уровне браузера. Если сайт имеет её, она включится автоматом. Firefox тоже в деле.
Koos Looijesteijn описывает способ определения тёмной или светлой темы, которую нужно включить пользователю исходя из его настроек и времени дня. Он также делает плавный переход при переключении.
КЕЙСЫ
Вот что рассказывают компании, которые прикрутили её к продуктам:
1. Superhuman. Шикарная памятка, советы хорошо подкреплены примерами и теоретическими выкладками.
2. Microsoft. Они раскатили её на все мобильные продукты в офисной линейке. Ещё от них про большой Office.
3. Discord. Тёмная давно стала самой популярной, но они хотели сделать добротной и привычную светлую тему.
В общем, если вы ещё не начали делать тёмную тему — эта подборка срежет кое-какие углы для вас.
#designsystems
Material Design
Build beautiful, usable products faster. Material Design is an adaptable system—backed by open-source code—that helps teams build high quality digital experiences.
Собрал дайджест продуктового дизайна за ноябрь 2019. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте
#digest
Напомню, что его можно получать разными способами:
— ВКонтакте
— Рассылка по почте
#digest
Свежие материалы о пользовательских исследованиях из свежего дайджеста и ещё более свежего черновика ещё более свежего дайджеста. Необычные трактовки привычных методов и другое полезное мясцо от практиков:
1. Emma Boulton: фреймворк ResearchOps. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
2. Вадим Шлячков перелопатил тонну статей и литературы о правиле «для обнаружения значительной части проблем в интерфейсе достаточно 5 пользователей». Много расчётов для иллюстрации того, когда оно работает, и исторических отсылок.
3. Leisa Reichelt: проблемы современных подходов к демократизации пользовательских исследований, когда продуктовые команды сами проводят некоторые из них. Они решаемы, но без лечения такие исследования могут принести больше вреда, чем пользы.
4. Userzoom провели опрос-исследование рынка UX среди своих клиентов. Фокус на методах и инструментах пользовательских исследований, но есть и общий кусок про дизайн-команды в компаниях.
5. Priya Kamat и Candice Hogan из Uber рассказывают о команде пользовательских исследований, ориентированных на изучение фундаментальных особенностей поведения. Она состоит из учёных и статья описывает один из примеров применения: сократили отказ от заказа во время ожидания на 11% за счёт обработки феноменов избегания ожидания, организационной прозрачности и градиента целей.
6. Ashwini Kamath из IBM: выбор правильных текстов в интерфейсе с помощью теста Cloze.
7. Jared Spool: гибкий сценарий пользовательского тестирования. Задача корректируется исходя из мини-интервью в начале общения с респондентом.
8. John Kille из MSTS: метод экспертной оценки интерфейса по ключевым сценариям. Он помогает пополнить интерфейсный долг и обеспечить попадание этих задач в продуктовый план.
9. Rick Sobiesiak и Omkar Chandgadkar из IBM: формат рабочих сессий для осмысления выводов из пользовательских исследований. Зачастую просто отчёт воспринимается хуже, но они делают полноценное концептуальное проектирование в малых группах, пытаясь поставить себя на место респондента.
10. Простая и ёмкая памятка David Travis из UserFocus по составлению сценариев юзабилити-тестирования.
11. Noel Lamb из Salesforce: создание панели респондентов для пользовательских исследований.
Сорян, но делать мини-выпуски совсем компактными не выходит — слишком много крутоты происходит в нашей уютной профессии :)
#research
1. Emma Boulton: фреймворк ResearchOps. Это восемь ключевых аспектов: от формулирования вопроса исследований и поиска респондентов до настройки инструментария.
2. Вадим Шлячков перелопатил тонну статей и литературы о правиле «для обнаружения значительной части проблем в интерфейсе достаточно 5 пользователей». Много расчётов для иллюстрации того, когда оно работает, и исторических отсылок.
3. Leisa Reichelt: проблемы современных подходов к демократизации пользовательских исследований, когда продуктовые команды сами проводят некоторые из них. Они решаемы, но без лечения такие исследования могут принести больше вреда, чем пользы.
4. Userzoom провели опрос-исследование рынка UX среди своих клиентов. Фокус на методах и инструментах пользовательских исследований, но есть и общий кусок про дизайн-команды в компаниях.
5. Priya Kamat и Candice Hogan из Uber рассказывают о команде пользовательских исследований, ориентированных на изучение фундаментальных особенностей поведения. Она состоит из учёных и статья описывает один из примеров применения: сократили отказ от заказа во время ожидания на 11% за счёт обработки феноменов избегания ожидания, организационной прозрачности и градиента целей.
6. Ashwini Kamath из IBM: выбор правильных текстов в интерфейсе с помощью теста Cloze.
7. Jared Spool: гибкий сценарий пользовательского тестирования. Задача корректируется исходя из мини-интервью в начале общения с респондентом.
8. John Kille из MSTS: метод экспертной оценки интерфейса по ключевым сценариям. Он помогает пополнить интерфейсный долг и обеспечить попадание этих задач в продуктовый план.
9. Rick Sobiesiak и Omkar Chandgadkar из IBM: формат рабочих сессий для осмысления выводов из пользовательских исследований. Зачастую просто отчёт воспринимается хуже, но они делают полноценное концептуальное проектирование в малых группах, пытаясь поставить себя на место респондента.
10. Простая и ёмкая памятка David Travis из UserFocus по составлению сценариев юзабилити-тестирования.
11. Noel Lamb из Salesforce: создание панели респондентов для пользовательских исследований.
Сорян, но делать мини-выпуски совсем компактными не выходит — слишком много крутоты происходит в нашей уютной профессии :)
#research
Medium
The Eight Pillars of User Research
How can you get started with Research Ops unless you understand what’s important to User Researchers? Read on to find out.
Свежее подкрепление знаниями для дизайн-менеджеров:
1. Andrea Mignolo очень здорово раскрывает тему ценности дизайна для бизнеса. Она предлагает рассматривать не только продукт дизайна как деятельности, но и обучающую активность, снимающую риски. Интересная отсылка к ценовой модели, которую можно применить к вариантам развития продукта.
2. Jerrod Larson описал рабочий день условного дизайн-менеджера. Он отличается от ситуации к ситуации, но в целом похож на правду.
3. Andy Thornton рассказывает о карте компетенций агентства Clearleft. Чуть раньше он описал структуру навыков и критерии оценки. Но самое крутое — они опубликовали его в сервисе Progression App. Кажется, это первый публично доступный пример карты компетенций из него.
4. Конференция Leading Design London 2019 по дизайн-менеджменту прошла 6-8 ноября в Лондоне. Опубликованы видео выступлений.
5. Простые советы Rudy Mutter из Yeti по вовлечению разработчиков в дизайн-активности и наоборот.
6. Отличная простая памятка Marc Jenkinson из Trello по методам координации удалённой дизайн-команды. К некоторым из них доступны шаблоны.
7. Cliona O'Sullivan из Spotify рассказывает о команде DesignOps и её роли в компании.
8. Jeff Patton описывает процесс ревью результатов работы продуктовой команды в формате двух-трекового agile-процесса, предполагающего исследовательский спринт. У него вышло сразу несколько заметок на эту тему: ревью заинтересованными лицами, планирование итерации, ежедневные стендапы.
Моргните, если что-то пригодилось :)
#designmanagement
1. Andrea Mignolo очень здорово раскрывает тему ценности дизайна для бизнеса. Она предлагает рассматривать не только продукт дизайна как деятельности, но и обучающую активность, снимающую риски. Интересная отсылка к ценовой модели, которую можно применить к вариантам развития продукта.
2. Jerrod Larson описал рабочий день условного дизайн-менеджера. Он отличается от ситуации к ситуации, но в целом похож на правду.
3. Andy Thornton рассказывает о карте компетенций агентства Clearleft. Чуть раньше он описал структуру навыков и критерии оценки. Но самое крутое — они опубликовали его в сервисе Progression App. Кажется, это первый публично доступный пример карты компетенций из него.
4. Конференция Leading Design London 2019 по дизайн-менеджменту прошла 6-8 ноября в Лондоне. Опубликованы видео выступлений.
5. Простые советы Rudy Mutter из Yeti по вовлечению разработчиков в дизайн-активности и наоборот.
6. Отличная простая памятка Marc Jenkinson из Trello по методам координации удалённой дизайн-команды. К некоторым из них доступны шаблоны.
7. Cliona O'Sullivan из Spotify рассказывает о команде DesignOps и её роли в компании.
8. Jeff Patton описывает процесс ревью результатов работы продуктовой команды в формате двух-трекового agile-процесса, предполагающего исследовательский спринт. У него вышло сразу несколько заметок на эту тему: ревью заинтересованными лицами, планирование итерации, ежедневные стендапы.
Моргните, если что-то пригодилось :)
#designmanagement
Medium
Reflections on Business, Design, and Value
Extending the value of design beyond ROI.
👍1
Самое время собрать прогнозы трендов на 2020 год. Как обычно, многие из них просто перевыпускают одни и те же посылы из года в год. Другие ударились в подведение итогов декады и нумерологию красивой наступающей цифры (20/20 Vision (аналог нашего «зрение — единица») и всё такое). Попробовал оставить только то, что даёт новые инсайты или делает пристойную переупаковку старого.
1. Fjord. Прогнозы на стыке дизайна, технологий, экономики и общества в целом.
2. Milo. Скорее перечисление того, что всё ещё хорошо работает, чем открытие чего-то нового, зато самое подробное.
3. Monotype собрали обзор шрифтовых трендов в брендинге. Помимо стандартных вещей вроде вариативности и геометрических гротесков говорят о постоянном ребрендинге.
4. Gartner. Технологии.
5. Pantone объявили цвет 2020 года — классический синий. Занятно, что в эпоху гипер-скоростных изменений участники этих изменений испугались и захотели покоя. Ок, бумер!
Все цвета года за последние 20 лет с ключевым визуалом к каждому.
6. Анализ цветов, использовавшихся в показах модной одежды. Отличный способ отслеживать цветовые тренды шире, чем Dribbble и Behance — к каждому цвету идёт мудборд.
7. Обзор лучшего дизайна обложек книг за 2019 год.
8. Dribbble провели мощное исследование среди своего сообщества (участвовало 17 000 человек). Особенности места работы и графика, образование, зарплата и другие аспекты.
9. New York Times. Потребление новостей.
10. Цитаты известных фронт-енд-разработчиков и дизайнеров о том, какие технологические улучшения влияют на возможность делать сильные продукты.
11. Michal Malewicz описывает «неоморфизм», второе пришествие скеоморфизма. Печальная история, характеризующая дизайнеров как людей с памятью золотой рыбки — эти же люди пару лет назад с пеной у рта доказывали прелести полного минимализма и отсутствия лишних декораций.
В презентации для Design Prosmotr описал своё понимание трендов. Я вижу их скорее как диаграмму Geoffrey Moore, когда методы, практики и техники могут набирать обороты, быть просто жанрами и стандартами, либо выходить из моды. Стараюсь рассматривать всё новое через эту призму и вам советую.
P.S. Ради интереса можно сравнить с тем, что обещали на 2019.
#trends
1. Fjord. Прогнозы на стыке дизайна, технологий, экономики и общества в целом.
2. Milo. Скорее перечисление того, что всё ещё хорошо работает, чем открытие чего-то нового, зато самое подробное.
3. Monotype собрали обзор шрифтовых трендов в брендинге. Помимо стандартных вещей вроде вариативности и геометрических гротесков говорят о постоянном ребрендинге.
4. Gartner. Технологии.
5. Pantone объявили цвет 2020 года — классический синий. Занятно, что в эпоху гипер-скоростных изменений участники этих изменений испугались и захотели покоя. Ок, бумер!
Все цвета года за последние 20 лет с ключевым визуалом к каждому.
6. Анализ цветов, использовавшихся в показах модной одежды. Отличный способ отслеживать цветовые тренды шире, чем Dribbble и Behance — к каждому цвету идёт мудборд.
7. Обзор лучшего дизайна обложек книг за 2019 год.
8. Dribbble провели мощное исследование среди своего сообщества (участвовало 17 000 человек). Особенности места работы и графика, образование, зарплата и другие аспекты.
9. New York Times. Потребление новостей.
10. Цитаты известных фронт-енд-разработчиков и дизайнеров о том, какие технологические улучшения влияют на возможность делать сильные продукты.
11. Michal Malewicz описывает «неоморфизм», второе пришествие скеоморфизма. Печальная история, характеризующая дизайнеров как людей с памятью золотой рыбки — эти же люди пару лет назад с пеной у рта доказывали прелести полного минимализма и отсутствия лишних декораций.
В презентации для Design Prosmotr описал своё понимание трендов. Я вижу их скорее как диаграмму Geoffrey Moore, когда методы, практики и техники могут набирать обороты, быть просто жанрами и стандартами, либо выходить из моды. Стараюсь рассматривать всё новое через эту призму и вам советую.
P.S. Ради интереса можно сравнить с тем, что обещали на 2019.
#trends
Собрал дайджест продуктового дизайна за декабрь 2019. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— ВКонтакте
— Facebook
— Рассылка по почте
#digest
Напомню, что его можно получать разными способами:
— ВКонтакте
— Рассылка по почте
#digest
Выставка прорывного и уматного хайтека CES 2020 прошла 7-10 января в Лас-Вегасе. На ней традиционно обкатывают новые технологии для массовых продуктов, потом наперегонки заявляют «у нас тоже есть концепт применения этой штуки», а потом переключаются на что-то новое. Короче, хайпотека, где часть ставок срабатывает и становится хитами на много следующих лет.
Выбрал интересные устройства и направления, которые касаются дизайнеров интерфейсов:
ГИБКИЕ ЭКРАНЫ
В прошлом году случился фальстарт — Samsung отложил запуск своего первенца, остальные тоже либо оказались сыроваты, либо переносили начало продаж. Но технология решает уйму проблем (и позволяет ускорить цикл обновления устройств), так что шансы стать массовой хорошие:
1. Цена. TCL обещают телефон до $1000. Когда/если технология обкатается, она будет падать ещё ниже.
2. Больше примеров форм-факторов. Dell: ноутбук и планшет с гибким и двойным экраном, поддерживающие концепты Microsoft. Lenovo: ноутбук-трансформер по-новому (складывается вдвое, работает как книжка, имеет беспроводную клавиатуру). Intel: концепт аж 17"-ноутбука.
3. Больше сфер использования. LG: сворачиваемый ТВ и куча других примеров.
УМНЫЕ КОЛОНКИ И ГОЛОСОВЫЕ ПОМОЩНИКИ
Владельцы платформ организуют собственные конференции и презентации, так что на CES остаётся не так много:
— Samsung: не особо рассчитывает на Galaxy Home.
— Citizen: умная колонка с аналоговыми часами. В следующем году — с кукушкой.
— Google Assistant: поможет переводить общение пассажиров с представителями American Airlines.
АВТО
Это не автошоу, но многие автопроизводители позиционируют себя как технологичные и показывают койчего:
— Continental и Seinheiser: 3D-проекция без очков.
— Amazon: вслед за Alexa встраивает Fire TV.
— Sony: прототип с демонстрацией технологий компании.
— Velodyne: компактный LiDAR за $100.
НОСИМЫЕ УСТРОЙСТВА
Мода на умные часы прошла, так что их было негусто. В основном от мега-производителя Fossil, ну и сколько-то полу-аналоговых вроде Withings.
Зато весь прошлый год шёл бум беспроводных наушников (их называют hearables по аналогии с wearables), так что и на CES прилетело (например, Audio-Technica).
Обувка на массовую не тянет, но периодически проскакивает. Вот примеры от Nurvv и Asics.
УМНЫЙ ДОМ
— Alexa продолжает встраиваться в каждый возможный товар из Леруа Мерлен вроде душа и кухонного крана. А каждый второй кухонный предмет «умнеет» за счёт подключаемых модулей (например, грили Weber).
— Умные зеркала продолжают показывать: Poseidon и связка с тренажёром от Amazfit.
— Samsung показал уматнейшего робота Ballie, который следит за домом.
— Создатели мессенджера Kakao развиртуализировали персонажа в наборе для умного дома.
РАЗНЫЕ ТЕХНОЛОГИИ
Из других интересных штуковин около интерфейсов я бы отметил эти:
— Sensel: реакция на силу нажатия на корпус телефона.
— Lenovo: ноутбук со вторым экраном из электронной бумаги сзади.
— OnePlus: камера на задней стороне скрыта затемняемым стеклом.
— Quibi: кино, которое адаптируется под ландшафтный и портретный режим.
— Neon: полу-рабочие сгенерированные аватары людей.
— Panasonic: шлем виртуальной реальности в виде очков.
Было ещё много совсем отвлечённых концептов вроде целостного клиентского опыта от дома до аэропорта и самого полёта. И всякой дичи типа туалета с телефонным управлением и виртуальной реальностью и определения настроения собаки. В общем, технологии, как всегда, на службе человечества</sarcasm>.
Не каждый год выставки приносит прорывы, но CES неизменно двигает технологии и рынок вперёд. MWC в Барселоне куда менее интересна, а берлинская IFA более одскульная. Так что увидимся через год (обзоры за 2018 и 2019).
#ces #trends #events
Выбрал интересные устройства и направления, которые касаются дизайнеров интерфейсов:
ГИБКИЕ ЭКРАНЫ
В прошлом году случился фальстарт — Samsung отложил запуск своего первенца, остальные тоже либо оказались сыроваты, либо переносили начало продаж. Но технология решает уйму проблем (и позволяет ускорить цикл обновления устройств), так что шансы стать массовой хорошие:
1. Цена. TCL обещают телефон до $1000. Когда/если технология обкатается, она будет падать ещё ниже.
2. Больше примеров форм-факторов. Dell: ноутбук и планшет с гибким и двойным экраном, поддерживающие концепты Microsoft. Lenovo: ноутбук-трансформер по-новому (складывается вдвое, работает как книжка, имеет беспроводную клавиатуру). Intel: концепт аж 17"-ноутбука.
3. Больше сфер использования. LG: сворачиваемый ТВ и куча других примеров.
УМНЫЕ КОЛОНКИ И ГОЛОСОВЫЕ ПОМОЩНИКИ
Владельцы платформ организуют собственные конференции и презентации, так что на CES остаётся не так много:
— Samsung: не особо рассчитывает на Galaxy Home.
— Citizen: умная колонка с аналоговыми часами. В следующем году — с кукушкой.
— Google Assistant: поможет переводить общение пассажиров с представителями American Airlines.
АВТО
Это не автошоу, но многие автопроизводители позиционируют себя как технологичные и показывают койчего:
— Continental и Seinheiser: 3D-проекция без очков.
— Amazon: вслед за Alexa встраивает Fire TV.
— Sony: прототип с демонстрацией технологий компании.
— Velodyne: компактный LiDAR за $100.
НОСИМЫЕ УСТРОЙСТВА
Мода на умные часы прошла, так что их было негусто. В основном от мега-производителя Fossil, ну и сколько-то полу-аналоговых вроде Withings.
Зато весь прошлый год шёл бум беспроводных наушников (их называют hearables по аналогии с wearables), так что и на CES прилетело (например, Audio-Technica).
Обувка на массовую не тянет, но периодически проскакивает. Вот примеры от Nurvv и Asics.
УМНЫЙ ДОМ
— Alexa продолжает встраиваться в каждый возможный товар из Леруа Мерлен вроде душа и кухонного крана. А каждый второй кухонный предмет «умнеет» за счёт подключаемых модулей (например, грили Weber).
— Умные зеркала продолжают показывать: Poseidon и связка с тренажёром от Amazfit.
— Samsung показал уматнейшего робота Ballie, который следит за домом.
— Создатели мессенджера Kakao развиртуализировали персонажа в наборе для умного дома.
РАЗНЫЕ ТЕХНОЛОГИИ
Из других интересных штуковин около интерфейсов я бы отметил эти:
— Sensel: реакция на силу нажатия на корпус телефона.
— Lenovo: ноутбук со вторым экраном из электронной бумаги сзади.
— OnePlus: камера на задней стороне скрыта затемняемым стеклом.
— Quibi: кино, которое адаптируется под ландшафтный и портретный режим.
— Neon: полу-рабочие сгенерированные аватары людей.
— Panasonic: шлем виртуальной реальности в виде очков.
Было ещё много совсем отвлечённых концептов вроде целостного клиентского опыта от дома до аэропорта и самого полёта. И всякой дичи типа туалета с телефонным управлением и виртуальной реальностью и определения настроения собаки. В общем, технологии, как всегда, на службе человечества</sarcasm>.
Не каждый год выставки приносит прорывы, но CES неизменно двигает технологии и рынок вперёд. MWC в Барселоне куда менее интересна, а берлинская IFA более одскульная. Так что увидимся через год (обзоры за 2018 и 2019).
#ces #trends #events
www.ces.tech
CES - The Most Powerful Tech Event in the World
CES® is the most powerful tech event in the world — the proving ground for breakthrough technologies and global innovators. Owned and produced by the Consumer Technology Association (CTA)®, CES is the only trade show that showcases the entire tech landscape…
Недавний выпуск про тёмную тему оформления внезапно крепко пополнился. Сайт Dark Mode Design собирает такие материалы вместе (хотя и без категоризации). Официальные руководства и выступления Apple и Google, статьи компаний. Вот что добавил к прошлому:
КЕЙСЫ
1. Slack. Они сделали это через токены.
2. Instagram. Внедрение в iOS-приложения.
3. Wego. Советы на основе своего опыта.
4. Clubhouse. Они сделали забавный инструмент для сокращения количества цветов, обязательный этап перехода на дизайн-систему.
ПОДДЕРЖКА
Тест Engadget показал, что для iPhone с OLED-экранами тёмная тема держит батарейку гораздо лучше.
Chrome 78 и мобильная Opera позволят насильно включить тёмную тему на сайте, даже если он не поддерживает её.
APPLE
Статьи и выступления дизайнеров:
— Introducing Dark Mode
— Implementing Dark Mode on iOS
— Supporting Dark Mode in Your Web Content
— Advanced Dark Mode
GOOGLE
Статьи и выступления дизайнеров:
— How to Design a Dark Theme Using Material
— Dark Theme & Gesture Navigation
— Руководство по работе с тёмной темой оформления Material Design в Figma.
Подробнейший разбор особенностей создания тёмной темы в Material Design от Chethan KVS. Он проходится по всем основным аспектам подготовки цветов, состояний элементов, иллюстраций и т.п. Читайте также мощный обзор всех приложений Google на Android с тёмной темой оформления.
Ну и обновил статью с картинками. Чёрный — это новый чёрный.
#designsystems
КЕЙСЫ
1. Slack. Они сделали это через токены.
2. Instagram. Внедрение в iOS-приложения.
3. Wego. Советы на основе своего опыта.
4. Clubhouse. Они сделали забавный инструмент для сокращения количества цветов, обязательный этап перехода на дизайн-систему.
ПОДДЕРЖКА
Тест Engadget показал, что для iPhone с OLED-экранами тёмная тема держит батарейку гораздо лучше.
Chrome 78 и мобильная Opera позволят насильно включить тёмную тему на сайте, даже если он не поддерживает её.
APPLE
Статьи и выступления дизайнеров:
— Introducing Dark Mode
— Implementing Dark Mode on iOS
— Supporting Dark Mode in Your Web Content
— Advanced Dark Mode
Статьи и выступления дизайнеров:
— How to Design a Dark Theme Using Material
— Dark Theme & Gesture Navigation
— Руководство по работе с тёмной темой оформления Material Design в Figma.
Подробнейший разбор особенностей создания тёмной темы в Material Design от Chethan KVS. Он проходится по всем основным аспектам подготовки цветов, состояний элементов, иллюстраций и т.п. Читайте также мощный обзор всех приложений Google на Android с тёмной темой оформления.
Ну и обновил статью с картинками. Чёрный — это новый чёрный.
#designsystems
Курирую UX-Марафон №18 по дизайн-менеджменту 30 января. Это самая крупная онлайн-конференция по дизайну интерфейсов от Александры Постоваловой.
Собрал годную и современную программу от сильных руководителей дизайна:
1. Сергей Кондауров (Яндекс). 500 встреч 1:1 с дизайнерами в год.
2. Лена Куликова (Райффайзенбанк). Управление design community в agile-командах.
3. Егор Коробейников (Miro). Управление распределённой командой: как перестать жить и начать беспокоиться.
4. Саша Гришин (Badoo). Diversity внутри дизайн-отдела. Почему это одно из качеств сильной команды и действительно важно для ее успеха.
5. Анастасия Попова (Альфа-Банк). Новый лидер в старой команде.
6. Иван Васильев (Scentbird). Найм дизайнеров в продуктовые компании и его исследование рынка.
Я сделаю небольшую вводную вначале о состоянии дизайн-менеджмента.
Начало в 11:00. Участники получат видео-запись, презентации и другие полезные материалы.
#designmanagement
Собрал годную и современную программу от сильных руководителей дизайна:
1. Сергей Кондауров (Яндекс). 500 встреч 1:1 с дизайнерами в год.
2. Лена Куликова (Райффайзенбанк). Управление design community в agile-командах.
3. Егор Коробейников (Miro). Управление распределённой командой: как перестать жить и начать беспокоиться.
4. Саша Гришин (Badoo). Diversity внутри дизайн-отдела. Почему это одно из качеств сильной команды и действительно важно для ее успеха.
5. Анастасия Попова (Альфа-Банк). Новый лидер в старой команде.
6. Иван Васильев (Scentbird). Найм дизайнеров в продуктовые компании и его исследование рынка.
Я сделаю небольшую вводную вначале о состоянии дизайн-менеджмента.
Начало в 11:00. Участники получат видео-запись, презентации и другие полезные материалы.
#designmanagement
В свежей подборке по дизайн-системам вы узнаете о том, что:
1. Nathan Curtis собрал вместе все свои статьи о дизайн-системах. Он самый толковый автор по теме, так что это лучше любой книги. Они с EightShapes также оживили одноимённый Твиттер.
В одной из недавних он описывает форматы взаимодействия команды дизайн-системы и продуктовых команд, которые предлагают свои решения и изменения. Толково и подробно разложены многие нюансы процесса.
2. Подробный чеклист по внедрению дизайн-системы. Визуальный язык и токены, компоненты, инструменты, управление проектом.
3. Material Design обновили гайдлайны по плотности интерфейса. Она позволяет адаптировать его для разных задач и сред (например, увеличить для веба).
4. Подкаст с Amy Hupe, работавшей над контентом и документацией для дизайн-системы Gov.uk.
5. Shaun Bent, Gerrit Kaiser и Marina Posniak из Spotify рассказывают о структуре команд их дизайн-системы Encore. Правда, деталей мало и непонятно, действительно ли там есть сложная модель или они просто используют эффектный термин «дизайн-система дизайн-систем».
6. Sam Mason de Caires и Adam Morse мощно расписывают работу над новой цветовой палитрой для дизайн-системы Cloudflare с учётом всех требований доступности.
Что будет в 2020 году
В работе над дизайн-системами много вопросов, один из главных — как делать живой гайдлайн для вывода компонентов. Разработчики всегда любили фреймворк Storybook, но он выдавал не самый симпатичный сайт, да и описать там можно было не всё. В итоге дизайнеры делали свою витрину компонентов, так что приходилось поддерживать сразу две.
В прошлом году Storybook взял курс на универсальный стандарт для живых гайдлайнов и дал уйму возможностей делать красиво. А ещё интегрировался с кучей инструментов дизайна. Есть вероятность, что скоро отдельную дизайнерскую витрину пилить не придётся. А это значит, что порог входа для создания дизайн-систем становится ещё ниже.
Ещё одна ключевая новость — появилась рабочая группа, которая хочет сделать токены стандартом W3C. Это просто пушка, ведь токены — самый простой способ начать технологическое решение для дизайн-системы. Ребята также хотят сделать его и для инструментов вроде InVision Design System Manager — тогда одна из главных проблем (нет связи между компонентами в коде и шаблонами в инструментах дизайна) станет чуть ближе к решению.
Кстати, зацените каталог дизайн-систем с использованием токенов. Его делает Jina Anne (а ещё она пишет книгу про них).
#designsystems
1. Nathan Curtis собрал вместе все свои статьи о дизайн-системах. Он самый толковый автор по теме, так что это лучше любой книги. Они с EightShapes также оживили одноимённый Твиттер.
В одной из недавних он описывает форматы взаимодействия команды дизайн-системы и продуктовых команд, которые предлагают свои решения и изменения. Толково и подробно разложены многие нюансы процесса.
2. Подробный чеклист по внедрению дизайн-системы. Визуальный язык и токены, компоненты, инструменты, управление проектом.
3. Material Design обновили гайдлайны по плотности интерфейса. Она позволяет адаптировать его для разных задач и сред (например, увеличить для веба).
4. Подкаст с Amy Hupe, работавшей над контентом и документацией для дизайн-системы Gov.uk.
5. Shaun Bent, Gerrit Kaiser и Marina Posniak из Spotify рассказывают о структуре команд их дизайн-системы Encore. Правда, деталей мало и непонятно, действительно ли там есть сложная модель или они просто используют эффектный термин «дизайн-система дизайн-систем».
6. Sam Mason de Caires и Adam Morse мощно расписывают работу над новой цветовой палитрой для дизайн-системы Cloudflare с учётом всех требований доступности.
Что будет в 2020 году
В работе над дизайн-системами много вопросов, один из главных — как делать живой гайдлайн для вывода компонентов. Разработчики всегда любили фреймворк Storybook, но он выдавал не самый симпатичный сайт, да и описать там можно было не всё. В итоге дизайнеры делали свою витрину компонентов, так что приходилось поддерживать сразу две.
В прошлом году Storybook взял курс на универсальный стандарт для живых гайдлайнов и дал уйму возможностей делать красиво. А ещё интегрировался с кучей инструментов дизайна. Есть вероятность, что скоро отдельную дизайнерскую витрину пилить не придётся. А это значит, что порог входа для создания дизайн-систем становится ещё ниже.
Ещё одна ключевая новость — появилась рабочая группа, которая хочет сделать токены стандартом W3C. Это просто пушка, ведь токены — самый простой способ начать технологическое решение для дизайн-системы. Ребята также хотят сделать его и для инструментов вроде InVision Design System Manager — тогда одна из главных проблем (нет связи между компонентами в коде и шаблонами в инструментах дизайна) станет чуть ближе к решению.
Кстати, зацените каталог дизайн-систем с использованием токенов. Его делает Jina Anne (а ещё она пишет книгу про них).
#designsystems
X (formerly Twitter)
Components (@components) on X
Smaller bits people put together into bigger things that make digital experiences
❤1
Материалы о пользовательских исследованиях из будущего и предыдущего дайджеста. Чтобы пользователь улыбался, а дизайнер вдохновлялся:
1. NN/g: Два типа персонажей — широкого и узкого спектра. Первые описывают компанию в целом, вторые — отдельные продукты.
2. Rosenfeld Media запускают новую конференцию Advancing Research. Первая пройдёт с 30 марта по 1 апреля в Нью-Йорке. Крутой состав и мощные темы про масштабирование и ResearchOps.
3. СКБ Контур: продуктовая команда делает концепты интерфейсов вместе с респондентами.
4. Glubina: Исследования для понимания Jobs to Be Done.
5. NN/g: чеклист этической зрелости. Всё больше компаний, где дизайнеры и менеджеры продуктов самостоятельно общаются с пользователями, но не всегда умеют делать это.
5. Чеклист по организации помещения для UX-лаборатория от Дмитрия Himi.
6. NN/g: подход к проверке гипотез, которые зачастую заложены в беклоге продуктовой команды.
7. Jeff Sauro изучил вопрос «нужны ли подписи ко всем элементам шкалы опроса». Предыдущие исследования на тему чёткого доказательства не дают, многое зависит от контекста опроса (способ, частота, подача).
8. Shopify: переход из поддержки пользователей в UX. Пересечение и потенциальное взаимодействие между этими двумя ролями.
9. Creative: предварительные исследования для одного из клиентских проектов.
10. Ветеран пользовательских исследований Carol Barnum размышляет на тему текущего состояния профессии. Как популярные подходы (демократизация исследований, новые инструменты и т.п.) сказываются на качестве результата.
Лайк, если пригодилось.
#research
1. NN/g: Два типа персонажей — широкого и узкого спектра. Первые описывают компанию в целом, вторые — отдельные продукты.
2. Rosenfeld Media запускают новую конференцию Advancing Research. Первая пройдёт с 30 марта по 1 апреля в Нью-Йорке. Крутой состав и мощные темы про масштабирование и ResearchOps.
3. СКБ Контур: продуктовая команда делает концепты интерфейсов вместе с респондентами.
4. Glubina: Исследования для понимания Jobs to Be Done.
5. NN/g: чеклист этической зрелости. Всё больше компаний, где дизайнеры и менеджеры продуктов самостоятельно общаются с пользователями, но не всегда умеют делать это.
5. Чеклист по организации помещения для UX-лаборатория от Дмитрия Himi.
6. NN/g: подход к проверке гипотез, которые зачастую заложены в беклоге продуктовой команды.
7. Jeff Sauro изучил вопрос «нужны ли подписи ко всем элементам шкалы опроса». Предыдущие исследования на тему чёткого доказательства не дают, многое зависит от контекста опроса (способ, частота, подача).
8. Shopify: переход из поддержки пользователей в UX. Пересечение и потенциальное взаимодействие между этими двумя ролями.
9. Creative: предварительные исследования для одного из клиентских проектов.
10. Ветеран пользовательских исследований Carol Barnum размышляет на тему текущего состояния профессии. Как популярные подходы (демократизация исследований, новые инструменты и т.п.) сказываются на качестве результата.
Лайк, если пригодилось.
#research
Nielsen Norman Group
Just-Right Personas: How to Choose the Scope of Your Personas
Narrow- and broad-scope personas achieve different goals. Success depends upon knowing the tradeoffs and structuring your personas’ scope based on what you are trying to achieve.