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

Peter Ramsey разбирает интерфейс Clubhouse и то, насколько он помогает получать качественный контент.

Kate Moran из Nielsen/Norman Group описывает модель поведения пользователей «собирательства ключевых слов» при поиске в интернете. Она возникает, если человек не знает, как именно искать объект (например, это редкий термин для стиля одежды).

Liz Tan размышляет на тему здорового поведения интернет-сервисов, которые знают своё место в жизни пользователя и не пытаются жить «отныне и вовеки веков, пока смерть не разлучит нас».

Alex Krzyminski из Baymard анализирует важность хорошего описания товаров в интернет-магазинах.

Dan Fornal из Slack показывает, как изменил свой подход к дизайну для администраторов, потребности которых отличаются от обычных пользователей.

Sally Collins из Baymard напоминает о ключевых атрибутах карточки продукта в блоках кросс-продаж интернет-магазинов.

Угарная игра пародирует идиотские бюрократические окна согласия с требованиями GDPR.

Советы Nick DiLallo по написанию текстов в интерфейсе, которые инклюзивны.

Holly Schofield рассказывает о переработке единого стиля иллюстраций Shopify. До этого у них была шикарная и так же единая стилистика, но они посчитали её отвлекающей от основных задач владельца интернет-магазина.

Кажется, одна из самых полных и толково описанных статей о пользе внедрения дизайн-системы от Lukas Oppermann.

James Gilyead описывает систему размеров дизайн-системы, которая позволяет реализовать гибкую адаптивную сетку как всего экрана, так и отдельных компонентов.

Maxime Heckel показывает, как создать тему оформления интерфейса на базе CSS-переменных и цветовой модели HSL. Это упрощает поддержку состояний компонентов (например, наведение и нажатие на кнопку).

Alita Joyce из Nielsen/Norman Group опросила пару сотен специалистов по интерфейсам и составила памятку с советами по созданию customer journey map.

Ещё один сервис, который моделирует тепловые карты для интерфейсов на основе исторических данных похожих тестов.

Новый сервис для проведения карточной сортировки.

Виктория Нагорная, Диана Вайнберг и Наталья Шмелева из Usethics описывают метод юзабилити-тестирования через клик-тесты скриншотов интерфейса.

Jim Lewis и Jeff Sauro провели сравнительное исследование нескольких американских сервисов доставки еды. Они выявили ключевые драйверы хорошего пользовательского опыта и оценили их по модели Кано.

Jean Fox и Jennifer Edgar описывают метод когнитивных интервью, который в каких-то ситуациях заменяет юзабилити-тестирование.

Michelle Brown из Shopify рассказывает, как научилась проводить пользовательские исследования физических платёжных устройств в условиях удалённых методов.

Jeff Sauro и Jim Lewis приводят причины, по которым респонденты могут неправильно понять формулировки опросов.

Jim Lewis и Jeff Sauro показывают, как определить выборку для опроса NPS.

Фантастическая коллекция генераторов CSS-кода для любых дизайнерских приёмов от Iris Lješnjanin. Цвета, типографика, сетки, анимация, декоративные элементы и много чего ещё. Во второй статье собраны генераторы SVG на самый разный случай: фигуры, фоны, анимация и т.п.

Свежая шпаргалка по CSS Grid от Joy Shaheb.

Dwayne Lafleur прогнозирует, что AMP может потерять привелигированное положение в поиске Google, если сайт и так выполняет требования по скорости загрузки. Он описывает проблемы формата и говорит, что не будет скучать по нему.

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

Ahmad Shadeed разбирает разные виды подложек для текста на картинке и CSS-код для них.

Bramus Van Damme рассказывает о готовящемся дополнении к стандартам CSS — появится анимация при прокрутке.

Серия статей Victor Yocco о зрелости UX и том, как её повысить. В первой части он фокусируется на адвокатах дизайна среди лиц, принимающих решения, а также ROI. Во второй — об обмене знаниями и менторстве.

Tyler Norman рассказывает о том, как устроен процесс собеседования для дизайнеров в Lyft.

Marijan Šnajdar из Shopify предлагает несколько способов собирать обратную связь в зависимости от стадии проекта и проработки концепта.

Ethan Eismann рассказывает о продуктовых принципах Slack, которые помогают всем ролям — от дизайнеров до юристов.

Kate Sullivan из IBM описывает подход к внедрению сложных практик и методов дизайна. Это рамка «пилот → евангелизм → масштабирование», которая позволяет делать всё поэтапно.

Как устроено дизайн-сообщество в государственных сервисах Gov.uk.

Claire Cianca из Flexport рассказывает о формате ежегодной встречи дизайнеров, которая в этом году прошла виртуально. Они сделали необычный шаблон в Miro в виде дома, где в каждой комнате проходила своя активность.

Кирилл Улитин рассказывает о перепроектировании панели инструментов в браузерном редакторе докумнетов МойОфис. Они рассматривали разные популярные подходы и сравнивали их эффективность.

Lauren McGuire говорит о том, что аудио-логотипы брендов должны адаптироваться к текущей ситуации в обществе. Например, фирменный джингл Netflix стал звучать намного чаще на карантине, а звук McDonald’s шёл вразрез с невозможностью физически попасть в заведение.

Fast Co Design собрали хронологию взаимоотношений главы Amazon Jeff Bezos с дизайном. Успех и провалы с историей ключевых запусков.

Агентство The Skins Factory вспоминает историю своих тем оформления для медиа-плееров за последние 20 лет. Много эффектных приветов из прошлого. Продолжение.

Michal Malewicz предлагает название для одного из трендов прошлого года с размытыми градиентными пятнами на фоне — «северное сияние» (Aurora).

Casper Kessels размышляет о причинах популярности сенсорных экранов в машинах, несмотря на проблемы с их эргономикой. Он проследил рост функциональности за несколько десятилетий и отмечает, что её невозмоно поддержать физическими кнопками.

Рекомендации по этичному использованию технологий от Всемирного Экономического Форума. Salesforce выделили основные пункты, полезные для дизайнеров интерфейсов.

Интересные расчёты Alex Russell: какие характеристики смартфона можно считать массовыми в 2021 году? Он предлагает в качестве ориентира одну из недорогих моделей на Android и даёт прогноз по размеру страницы в браузере, которую такое устройство может комфортно переварить.

Бесплатный курс по дизайну интерфейсов от Google на Coursera. Если платить $39 в месяц, то по окончанию дают сертификат то имени компании, что неплохо для резюме начинающих дизайнеров.

Группа дизайн-менеджеров IBM предлагает свою модель уровней описания продукта и поведения пользователей. Шаблон в Mural.

Chris Hill-Scott из Gov.uk говорит о трёх полезных вещах, в которых дизайнер интерфейсов может помочь продуктовой команде. Сделать вещи наглядными, реальными и осмысленными.

Сайт внутренней креативной команды Яндекса Magic Camp, которая занимается сервисами такси и доставки. Например, там опубликованы реальные брифы.