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

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

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

Tony Moreno из IBM пишет о заколдованном круге неэффективных внутрикорпоративных систем. Они неудобны, так что на притирку к ним требуется время. При этом сотрудник тратит много сил на борьбу с системой и остаётся на месте недолго, так что приходится искать нового и снова тратить время на его обучение.

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

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

Разбор интерфейса встречи нового пользователя в сервисе бронирования Hopper.

Разбор интерфейса встречи нового пользователя в сервисе знакомств Tinder.

Фреймворк для дизайн-систем на React.

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

Команда дизайн-системы VMWare Clarity рассказывает о процессе внедрения поддержки пользователей с ограниченными возможностями.

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

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

Katarzyna Dziaduś из Netguru рассказывает о создании единого стиля иллюстраций и конструктора сюжетов для него.

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

About Jay Freestone пишет о том, что термин «адаптивный дизайн» постепенно теряет смысл. В эпоху дизайн-систем компоненты сами подстраиваются под размер экрана и задавать логику на верхнем уровне будет всё меньше нужды. Он называет это intristic-дизайн.

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

Kara Pernice из Nielsen/Norman Group описывает способы чтения текстов, которые практикуют пользователи в разных ситуациях. Про часть из них они публиковали отдельные подробные статьи.

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

Caroline Jarrett и Janice ‘Ginny’ Redish описывают проблемы формул оценки читабельности текста. Они зачастую противоречат друг другу и решают не ту проблему — упрощают донесение слов, а не смысла текста.

Занятный эксперимент, наглядно показывающий неприятность задержек отклика компьютера при печати текста.

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

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

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

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

Дельные советы Jeff Sauro по выбору зависимых метрик для пользовательских исследований. В предыдущей статье он описывал виды переменных.

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

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

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

Eric Bailey рассказывает об ограничениях устройств и программ для пользователей с ограниченными возможностями, работающих с интернетом. А также проблемных местах вёрстки для них.

Эксперименты с реализацией необычных сеток в вебе и вёрстки в целом от Jen Simmons.

• Как делать анимацию вариативных шрифтов (слово или фраза плавно меняет начертание).
• Скрипт для интересной анимации текста.

Jeff Sauro изучает, насколько влияет количество вариантов ответа, которые использует шкала опроса о готовности рекомендовать. Меньше шкала — хуже качество данных, хотя есть небольшая прибавка в скорости. Судя по его другому разбору упрощённой шкалы NPS — прибавка в скорости иллюзорная.

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

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

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

Jon Friedman из Microsoft кратко рассказывает о тёмной теме в MS Office. Контента немного, но видео шикарное.

Обзор интерфейса первого Amazon Kindle.

Alen Faljić пытается обосновать профессию «бизнес-дизайнера». Это крайне специфичное направление, имитирующее современного менеджера продукта в консалтинговых компаниях. Можно сказать, что это очередная попытка переупаковать дизайн-мышление, только теперь с (достаточно поверхностным) заходом в бизнес-стратегию. Есть и конференции на тему.

Fabricio Teixeira и Caio Braga разбирают проблемы жанра статей об учебных редизайнах продуктов. Их стало бесчисленное множество и зачастую они шаблонны, не решают главную задачу — чтобы автора наняли. Они приводят примеры удачных кейсов и дают советы дизайнерам.

Толковая книга/курс по дизайну интерфейсов от Christopher Murphy. Подаётся как заточенная на работу в Adobe XD, но первые опубликованные главы применимы к любым инструментам.

В копилку чересчур экзальтированной реакции пользователей на простые изменения, которые никак не ломают пользовательские сценарии или узнаваемость. Snapchat изменил толщину обводки внутри иконки приложения и отхватил массу негатива. Люди грозятся удалять приложение.

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

Сайт дизайн-команды Intercom. Статьи и обзор процесса работы. Например, должности и требования к ним, процесс и принципы дизайна, влияние дизайнера.