Дайджест продуктового дизайна
25.7K members
9 photos
180 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны, кейсы и тренды с 2009 года. 50 000 читателей на vc, Хабре и других каналах:

ВК — https://vk.com/pdigest
FB — https://www.facebook.com/groups/pdigest/
Рассылка — http://eepurl.com/bu61XX
Download Telegram
to view and join the conversation
Быстрая доза интерфейсных паттернов для повышения насмотренности:

1. Топовая памятка Anna Kaley из Nielsen/Norman Group помогает избегать плохих решений с использованием попапов. Это тяжёлый интерфейсный паттерн, прерывающий работу пользователя, так что нужно делать это крайне аккуратно.

2. Мощное исследование тёмных паттернов в интернет-магазинах. Пристонский и Чикагский университеты изучили 11 тысяч сайтов и оценили частоту встречаемости проблем.

3. Гениальный сайт, показывающий кучу интерфейсных ошибок на деле. Как не надо использовать привычные паттерны и ломать привычки пользователей.

4. Andy Clarke продолжает серию экспериментов с интересной журнальной вёрсткой в вебе.

5. Новая реализация навигационного треугольника от Amazon, который помогает точнее попадать курсором мыши в пункты выпадающего меню.

Видите, иногда выпуски дайджеста можно быстро пролистать в формате информационного перекуса :)

#patterns
На радость дизайн-менеджерам, арт-директорам и всем тем, кто в ответе за команду дизайнеров — свежая подборка на тему:

1. Толковая подборка советов для дизайн-менеджеров от сообщества Playbook. Опытные люди из отрасли отвечают на частые вопросы об управлении командами и построении процесса.

2. Ayesha Saleem провела небольшое исследование UX в стартапах. Она выделила три категории в зависимости от того, когда они начали использовать хорошие практики дизайна интерфейсов, и попыталась соотнести их с успехами на рынке.

3. Егор Коробейников из Miro даёт советы по проведению встреч 1 на 1 в распределённых командах. Он предлагает свой шаблон в Miro для фиксации тем обсуждений и результатов.

4. Kate Moran из Nielsen/Norman Group даёт советы по организации удалённой работы UX-команды. Компания все годы своего существования работала без офиса.

5. Иван Соловьёв из DocDoc описывает методы синхронизации команды на разных уровнях — регулярные встречи в разных форматах.

6. Памятка Jonathan Walter из Rockwell Automation по проведению регулярных сессий дизайн-критики продуктовой командой.

Удачи на дорогах к светлому продуктовому будущему!

#designmanagement
Методов пользовательских исследований огромное множество и нужно уметь подбирать их под конкретную задачу и гипотезу для проверки. Есть классический фреймворк от Christian Rohrer, но жизнь не стоит на месте:

1. Елена Бородина из Газпромбанка описала мощный фреймворк для выбора методов пользовательских исследований. Она приводит три проекта из недавнего опыта и показывает логику принятия решений. Полная версия.

2. Карта инструментов для подготовки и проведения пользовательских исследований и работы с их результатами от сервиса User Interviews.

3. Colette Kolenda и Kristie Savage из Spotify показывают, как компания совмещает методы пользовательских исследований и аналитики для ответов на сложные вопросы. Они, кстати, используют тот самый фреймворк Christian Rohrer.

Выбор определённо станет разумнее, а арсенал подходов — нагляднее.

#research
Накал борьбы Sketch и Figma за лидирующий инструмент дизайна уже шкворчит — громкие анонсы месячной давности почти подкрепились результатом:

Sketch 56: Улучшение работы с группой объектов, замена текста в символе прямо на макете (не в панели overrides) и мелкие доработки интерфейса.

Бета-версия для команд: Общее рабочее пространство в облаке (теперь макеты можно сохранять сразу туда) с управлением всей рабочей группой. $8,25 в месяц за пользователя (просмотр бесплатен). Пока только самые базовые функции (комментирование и версии), но позже появится аналог Zeplin, организация макетов в проекты, API.

Плагины
1. Anima 4 будет экспортировать код на React и позволит настраивать итоговый синтаксис. А ещё перейдёт на верстку через flexbox.

2. Envato Elements: Envato запустили свою коллекцию шаблонов для Sketch. Есть плагин, который облегчает работу с каталогом.

3. Толковая инструкция Matt Curtis по созданию простого плагина. Часть 2.

Figma: Плагины запустятся 1 августа. Sander Smeekes сделал обзор 10 показанных на недавней встрече с командой. Переключение тем оформления для макетов, полезные утилиты (вставка карт, генератор паттернов, работа с цветом), покадровая анимация, примитивная работа с 3D, информационные карты.

Полезные материалы
1. Интервью с Dylan Field об истории инструмента, формате работы команды и планах на будущее.

2. Denis Rojčyk из Kiwi рассказывает о своём подходе к версионированию макетов.

3. Шаблоны для создания wireframes и интерфейсных диаграмм.

Drama: Новый универсальный инструмент дизайна от создателей PaintCode. Пока вообще никаких деталей, но можно записаться на бета-версию.

Subform: На сайте пишется о прекращении разработки.

Mason: Конструктор сайтов на базе библиотеки React-компонентов, которые можно менять в визуальном редакторе. Обзор.

Tumult Hype 4: Вышла из беты. Из наиболее интересных изменений — анимация векторных фигур.

Axure RP 9: Вышла из беты. Обновился интерфейс, появился импорт из Sketch, расширяются возможности визуального дизайна.

Adobe XD: Июньское и июльское обновление. Улучшенная работа с плагинами, прототипами и Jira.

Relate: Появилась бета-версия. Видео-обзор от авторов.

Artboard Studio 2.0: В новой версии появилась совместная работа над макетами.

Brizy: Ещё один конструктор промо-сайтов.

Whimsical: Теперь умеет делать ментальные карты.

ScreenChat: Конструктор переписки в чате, который даёт на выходе скриншот iMessage в телефоне.

Adobe Fresco: Приложение для иллюстраторов на iPad, которое выросло из прототипа Project Gemini. Упор на кисти, которые воспроизводят поведение реальной краски.

Zeplin: Запустили глобальные гайдлайны, которые могут описывать сразу несколько проектов. Цвета, шрифты и компоненты могут наследоваться, например, между вебом, Android и iOS.

Photopea: Бесплатный графический редактор в браузере. Открывает кучу форматов — PSD, Sketch, Adobe XD, RAW и другие. AMA с создателем.

Framer: Библиотека интерфейсной анимации на React.

Readymag: Запустили готовые шаблоны для быстрого старта проекта.

Record Screen: Простой сервис для записи видео из браузера.

Желающих убить пару лет на создание конкурента Sketch или Figma с каждым годом всё меньше — почти всё кроме самого крупняка умерло или живёт в своих маленьких нишах. Зато простые утилиты всегда в цене.

#tools
Мини-дайджест по дизайн-системам наступает на пятки обзорам новых инструментов дизайна. Ловите свежий впрыск:

1. Amy Cesal собрала примеры описания визуализации данных.

2. Chase McCoy об истории создания Sprout Social и её текущих возможностях.

3. Brad Frost о том, куда развивается его концепция «атомарного дизайна» и почему он только за любые её изменения под конкретные задачи.

4. Microsoft обновили Fluent. Она охватывает Windows, веб, Android и iOS (к ним, кстати, идут шаблоны для Sketch и Figma). Пара слов от команды.

5. Katie Sievert и Jon Koon из Twitter о своей дизайн-системе.

6. Koen Vendrik из Shopify о способах тематизации и том, как они постепенно включают эти возможности в Polaris.

7. Обзор работы с темами оформления на React от Mitch Gavan.

8. Devin Abbott показывает, как создавал свой сайт с помощью экспериментального фреймворка Lona.

9. Виталий Евтехов из Skyeng о переменных для цвета.

10. Eva: Готовая дизайн-система на Angular, которую можно кастомизировать под свои задачи. К ней идут также шаблоны для Sketch.

Десяточка накануне полноценного июльского дайджеста — кажется, он будет у вас на экранах уже в понедельник.

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

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

#digest
Второе дыхание примеров алгоритмического дизайна выдало жирнейшую подборку. Роботы уже не та молодая шпана, что сотрёт дизайнеров с лица земли, но они становятся всё изобретательнее и услужливее. Лучший подмастерье, которого только можно придумать:

1. UIBot: Лучший на сегодняшний момент пример для интерфейсов. Сервис применяет самые разные стили к условной консоли и даже предлагает простейшую вариативность по расположению элементов.

2. Робо-дизайнер LuBan от Alibaba помогает делать баннеры. Продавец выбирает стиль и целевые размеры, дальше генерируются все нужные варианты. Пишут, что почти вся рекламная графика на Tmall делается с его помощью. Ещё один обзор.

3. GauGAN: Ещё один пример крышесносной магии — экспериментальное решение Nvidia превращает набросок в фотографию природного ландшафта. Подробнее.

4. Components AI: Ещё один бывший сотрудник The Grid запустил экспериментальный инструмент алгоритмического дизайна. Он генерирует токены дизайн-системы. Другой его эксперимент на эту тему.

5. GANPaint Studio: Экспериментальный инструмент дизайна, который позволяет дорисовывать фотографию готовыми объектами — например, добавить дерево или облако.

6. Эксперимент от исследователей Университета Вашингтона и Facebook позволяет анимировать персонажа из обычной фотографии.

7. Эксперимент отечественных исследователей Samsung, создающий видео говорящего персонажа на основе фото или картины.

8. Второй исследовательский проект Adobe определяет обработанные фотографии. Видео-рассказ.

9. Генераторов правдоподобных лиц стало так много, что появился даже "Hot or Not" для них.

10. Экспериментальный сервис превращает фото в классический портрет. Пара слов о нём.

11. Игровая платформа Google Stadia предлагает накладывать стиль на игру в реальном времени.

Подпишитесь на рассылку новостей алгоритмического дизайна. Не всегда новости по теме собираются быстро, зато точно ничего не пропустите.

#ai #algorithms
Пятый раз езжу на курс Future London Academy и четвёртый — курирую часть по UX и продуктовому дизайну. В этот раз мы были в Huge, Map Project Office, Progression Pack, Phantom, Societe Generale, Deepmind, UserZoom, Clearleft, Smart Design, Signal Noise, Trainline, Bulb. Собрал тонну полезных инсайтов для себя и команды:

ОРГАНИЗАЦИЯ ДИЗАЙН-КОМАНД И ПРОЦЕССА

Progression
Jonny Burch работает над сервисом, где можно вести карты компетенций для дизайнеров. Тема горячая: дизайн-команды в продуктовых компаниях стремительно растут, а значит нужно думать об их внутреннем здоровье.

Societe Generale
Morgane Peng и часть дизайн-команды банка показала толковый фреймворк по работе со сложными менеджерами.

Clearleft
Andy Thornton сопоставил несколько моделей дизайн-менеджмента и получил интересные пересечения. В конце он презентовал свою модель зрелости по трём уровням (Aesthetic, Empathic, Strategic) и пяти аспектам (Who, When, How, Why, Where).

HUGE
Одно из самых известных в мире дизайн-агентств имеет неплохой офис в Лондоне. 3-4 года назад в компании был жёсткий период — люди перегорали, многие ушли. Нужно было сильно меняться изнутри и студия переизобрела себя.

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

ПОЛЬЗОВАТЕЛЬСКИЕ ИССЛЕДОВАНИЯ

UserZoom
Lee Cooper и Jenna Smith представляют один из старейших и крупнейших сервисов удалённого юзабилити-тестирования в Лондоне. Они рассказали о продукте и компании в целом — помимо ожидаемых возможностей инструмента они консультируют клиентов по многим вопросам и даже могут выступать как UX-агентство.

UX В НИШЕВЫХ ОБЛАСТЯХ

Map Project Office
Компания работает на стыке физических и цифровых интерфейсов. Они участвовали в нескольких успешных запусках на Kickstarter и плотно работают с Google, Amazon, IBM и другим крупняком для поиска применений их новых технологий. Julie Arrive и Alex Hulme рассказали, как они экспериментируют и пытаются спрогнозировать, как люди могли бы это использовать.

Signal Noise
Hem Patel и Christian Thumer рассказали об истории компании и ключевых проектах. Зачастую это узкоспециализированные темы, про которые они ничего не знают. Поэтому сначала изучают сами, а потом проводят рабочую сессию с экспертом в предметной области — убедиться, что правильно поняли и ничего не упустили.

ПРОДУКТОВАЯ РАБОТА

Trainline
Jan Srutek рассказал о работе продуктовой команды. Они работают в динамичном формате, выпуская 100-300 релизов в неделю. Это маленькие команды, работающие по OKR. Есть много agile-ритуалов, включая еженедельные демо и двухтрековый подход. Разрыв между 2 треками советуют держать 2-4 недели.

ТРЕНДЫ

Phantom
Яркая дизайн-студия, которая является официальным поставщиком Google (и частично работает у них в офисе). Они плотно работают над голосовыми интерфейсами с Amazon и Google. Alice Cappo рассказала об инсайтах и особенностях работы в этой теме.

Deepmind
Google купил Deepmind в 2014 году. Поначалу они были исследовательской компанией, не делали продукты, поэтому заказывали многое на стороне (в том числе у ustwo). Сейчас компания занимается несколькими новыми проектами. Dem Gerolemou рассказал о приложении Deepmind Health Streams.

Smart Design
Nathaniel Giraitis, Ruby Steel и Omar Bakhshi рассказали о подходе компании к инклюзивному дизайну. Они улучшают экстремальный сценарий, после этого используют наработки для всех пользователей. Smart Design называет это инклюзивной инновацией, а не просто адаптацией.

Пришлось ставить канал на паузу — сначала собирал, потом переваривал инсайты. В полной версии их больше.

P.S. По доброй традиции уже известны даты курса в следующем году — 10-14 августа 2020 года. Айда 🙂

#events #reports #fla
Под конец лета — мясная подборка свежих статей о пользовательских исследованиях. Методы, инструкции по настройке процесса и выбору инструментов, ну и работа с инсайтами, само собой:

1. Лучшая статья на тему внедрения базы знаний и инсайтов от Etienne Fang из Uber. Она рассказывает о предпосылках, первых шагах и ошибках, организационных особенностях раскатки — практичнее пока никто не писал.

2. Памятка по проведению юзабилити-тестирования для начинающих от Эмилии Городовых из Контура.

3. David Travis из UserFocus сравнивает уровень автоматизации методов пользовательских исследований сейчас и 16 лет назад. Он делит их данные на «худые» (количественные данные) и «жирные» (наблюдения и истории).

4. Jeff Sauro сделал обзор методов экспертной оценки интерфейсов, которые появились за последние 30 лет.

5. Alita Joyce из Nielsen/Norman Group объясняет разницу между формативными и суммативными пользовательскими исследованиями. В статье хорошие примеры вопросов исследования и соотнесение их с этими категориями.

6. Конфигурация простой UX-лаборатории от Michael Margolis из Google Ventures.

7. Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных — https://measuringu.com/understanding-variables/.

8. Толковые советы Dan Brown из EightShapes на тему догоняющих вопросов в интервью с пользователями и заказчиками. Они позволяют найти больше инсайтов.

9. Инструкция Sarah Gibbons из Nielsen/Norman Group по созданию когнитивных карт вместе с пользователями. Они позволяют лучше понять их представление о теме или предметной области.

10. Stephanie Guaman из Facebook рассказывает о необычных методах пользовательских исследований.

Кстати, свежий дайджест уже почти готов и должен приехать к вам на следующей неделе.

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

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

#digest
Августовский дайджест вышел в пятницу. Как обычно, в нём была подборка новых интерфейсных паттернов и описания того, как пользователи воспринимают информацию:

1. Page Laubheimer из Nielsen/Norman Group опровергает старый миф о доступности любой задачи в три клика. Она предлагает набор приёмов информационной архитектуры, которые помогут улучшить любую навигацию.

2. Virginia Start из Shopify разбирает разницу в формах адресных данных в разных странах мира. Она приводит варианты как отдельных полей, так и их группировки.

3. Kara Pernice из Nielsen/Norman Group описывает способы чтения текстов, которые практикуют пользователи в разных ситуациях. Про часть из них они публиковали отдельные подробные статьи (например, «слоёный пирог»).

4. Разборы интерфейсов встречи нового пользователя:
Superhuman.
Trello.
Duolingo.
Hopper.
Tinder.

5. Anna Kaley из Nielsen/Norman Group разбирает правила и примеры создания хорошей страницы контактной информации на сайте.

6. Edward Scott из Baymard пишет о проблемах с промоблоком, призывающим установить приложение на мобильных сайтах интернет-магазинов. Бездумная реализация перекрывает процесс покупки и роняет конверсию.

А сентябрьский выпуск, как обычно, уже начинает копиться с первыми опавшими листьями.

#patterns
Стабильный поток обновлений инструментов дизайна даёт хорошую жатву новостей. Подкопил за полтора дайджеста:

ProtoPie 4.0: В новой версии появились компоненты. Переработан интерфейс и освежился бренд. Курсы: Руслан Шарипов на Udemy и Meng To.

Sketch 57 и бета Sketch 58: Появился привычный по Figma и Adobe XD инструмент для работы с сеткой повторяющихся элементов — можно менять расстояние между столбцами и строками. В бете размер символов вроде кнопок наконец-то меняется автоматом при изменении текста и другого контента (разбор).

Плагины:
Zecoda: Генератор кода на Vue.js из макетов Sketch.

Figma: Телеграм-канал @figmaplugin делает обзоры плагинов. У Саши Окунева есть памятка об их возможностях и ограничениях.

Статьи и памятки:
Figma Help: Справочный сайт по работе с инструментом. Статьи, видео, разборы плагинов, обновления продукта.

— Adam Noffsinger из Dropbox рассказывает о том, как команда настроила шаблоны.

Памятка Buzz Usborne из Help Scout по переезду со Sketch. Во что это выливается для дизайн-команды.

Советы Philippe Hong по использованию — горячие клавиши и чуть менее очевидные функции.

Советы по работе с иконками от команды Iconfinder.

Waves: Генератор волн в SVG для промо-сайтов. У них есть плагин для Figma.

UXPin 2.0: В ноябре появится новый интерфейс и улучшенные возможности прототипирования (взаимодействие по условию, состояния элементов), дублирование элементов а-ля Adobe XD.

Adobe XD: Августовское обновление. Переработанная панель плагинов, редактирование в Photoshop, расширенный экспорт кода и другие доработки интерфейса.

Artyline: Инструмент позволяет превратить скетч интерфейса мобильного приложения в примерный макет, а потом и интерактивный прототип.

Eyetato: Сервис обещает предсказывать тепловую карту eye tracking на основе данных тысяч проведённых ранее пользовательских исследований. Правда, схему движения взгляда он, конечно, не даст.

Userbility и UXtweak: Два новых сервиса для удалённого юзабилити-тестирования. Второй ещё с инструментами проверки информационной архитектуры.

Quill 2.0: Инструмент для иллюстраторов и аниматоров в виртуальной реальности от Facebook.

Codeimg: Сервис делает красивый скриншот кода для любой соцсети.

Flinto: Появился импорт из Figma и тёмная тема оформления.

Glorify: Простой редактор баннеров и промо-картинок для интернет-магазинов.

Nodes: Инструмент для визуализации данных и создания 3D-графики с помощью визуального программирования нодами.

Eagle: Инструмент помогает собирать мудборды на компьютере.

Epilepsy Blocker: Сервис помогает проверить интерфейс на безопасность для людей с эпилепсией. У них появился и плагин для Figma.

Vectormator: Векторный редактор для иллюстраторов на iPad.

Webflow: С помощью Lottie можно импортировать анимацию из AfterEffects.

VoxGun: Сервис для создания простейших промо-видео.

Glimpse: Ответвление редактора GIMP с новым брендом и интерфейсом.

Новые генераторы цветовых палитр появляются примерно каждые 10 минут. Muzli собрали наиболее полезные из них (а это уже более полусотни)

Brendan Mahony собрал десяток толковых расширений для Chrome для дизайнеров.

Как всегда, пара реально живых и тонна перспективных, о которых мы вряд ли вспомним через полгода.

#tools
На вторничной презентации Apple про интерфейсы нового не было, так что в обзоре нет смысла. Зато дизайн-менеджерам набралось интересных памяток и материалов:

1. Шикарная памятка по проведению сессий дизайн-критики от Noah Levin из Figma. Он предлагает несколько форматов в зависимости от стадии задачи — это вообще отличный подход к описанию методов. И ещё одна от Jonathan Walter из Rockwell Automation.

2. Jared Spool описывает свой метод найма дизайнеров. Это предварительная подготовка и договорённость требований, на основе которых проводится интервью. Ещё один метод от него — письмо о достижениях кандидата за год. Это позволяет синхронизировать понимание его задач внутри команды.

3. Aurora Harley и Kate Moran из Nielsen/Norman Group описывают синхронный и асинхронный подход к генерации идей удалённой командой.

4. Kate Kaplan описывает фреймворк DesignOps от Nielsen/Norman Group. Толково сгруппированные точки фокуса дизайн-менеджера и команды по трём направлениям — организация самой команды, эффективность работы и выхлоп для продукта.

5. DesignOps Global Conference прошла с 30 мая по 1 июня в Манчестере. Это уже седьмая конференция по дизайн-менеджменту цифровых продуктов (точнее, шестая — LXConference закрылась). Организаторы опубликовали видео выступлений.

6. Emmet Connolly из Intercom рассказывает о процессе внедрения новых методов и практик в дизайн-команде. Значительная часть статьи посвящена общефилософским вопросам, но в последней трети как раз самое интересное.

7. Как устроена дизайн-команда Instacart.

8. Scott Strubberg из IBM рассказывает о своём списке инструментов дизайнера интерфейсов, который помогает разным подразделениям компании правильно выделять бюджет на покупку и вообще обосновывать.

Про эти и другие темы для дизайн-менеджеров я рассказываю на своём курсе «Паттерны дизайн-менеджмента». Второй поток стартует в октябре.

#designmanagement #designops
Долгий отпуск между работами временно сбавил темп дайджеста — следующий шанс отдохнуть целый месяц будет нескоро. Но вместе с возвращением с морей формат вернётся к двум выпускам в неделю. Разомнёмся дизайн-системами:

1. Шикарная азбука создания дизайн-систем от Mike Dick из Survey Monkey. Советы командам по управлению системой как проектом и продуктом.

2. Tyler Sticka из Cloud Four описывает модели развития дизайн-системы, которую используют несколько продуктовых команд. Не все из них идут на пользу единому подходу, но ситуации жизненные.

3. Garrett Miller и Zack Sultan рассказывают о дизайн-системе Slack Kit. Она недоступна снаружи, но общие детали описаны.

4. Marco Paglia из Uber рассказывает о том, как дизайн-команда использует дизайн-систему Base.

5. Команда Vox Media достаточно подробно рассказывает о поэтапном внедрении поддержки пользователей с ограниченными возможностями. Со стороны дизайна и разработки. Похожая история от VMWare Clarity.

6. Создатели Storybook сделали свою дизайн-систему для работы над фреймворком. Репозиторий и рассказ о ней.

7. Superposition: Сервис генерирует набор токенов для дизайн-системы на основе сайта или макета в Figma, Sketch или Adobe XD. Выдаёт файл для препроцессоров. Правда, такой код вряд ли можно использовать в живом продукте.

8. Лена Лисеева рассказывает о принципах создания пиктограмм в дизайн-системе Рамблера.

9. Ariana Escobar из Heroku рассказывает о системном улучшении контраста цветов в их дизайн-системе.

10. Небольшой обзор инструментов визуального регрессионного тестирования для дизайн-систем.

Кстати, свежий ежемесячный дайджест выйдет на следующей неделе — черновик почти готов.

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

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

#digest
Астрологи объявили неделю пользовательских инсайтов: сегодня и в четверг два выпуска на тему. Начнём с подходов к измерению взаимодействия человеков с продуктами:

Удовлетворённость и связанные метрики от 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
Завершает неделю пользовательских инсайтов подборка материалов об исследованиях из нового и сентябрьского дайджеста:

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. Газпромбанк. Весь базовый набор на месте.

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. В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами. Это исследование поможет им стать лучше.
Собрал дайджест продуктового дизайна за октябрь 2019. Сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest