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

Casper Kessels из Snapp Automotive провёл эксперимент по поиску минимального размера области нажатия элементов интерфейса для сенсорных экранов. Это минимум 100px.

Виталий Фридман даёт советы по проектированию хороших «хлебных крошек».

Николай Морев показывает, как Яндекс Go адаптирует мобильное приложение для незрячих пользователей.

Инициатива WebAIM проанализировала миллион крупнейших сайтов мира. Они описали главные проблемы с accessibility и показали простые способы их решить.

Марина Яланская из Tubik Studio перечисляет типы анимации в вебе с большой пачкой актуальных примеров.

Серия статей Nathan Curtis о процессе тестирования компонентов дизайн-системы в Figma. Часть 2 и 3.

Nancy Niu рассказывает, как команда дизайн-системы Salesforce держит пользователей в курсе обновлений и в целом поддерживает их.

Занятная концепция дизайн-систем в виде Евклидовой модели от Alex Bueno.

Nielsen/Norman Group сделали структурированную подборку своих статей об информационной архитектуре.

Библиотека бесплатных интерфейсных звуков.

User Interviews сделали отличный обзор сервисов для проведения этнографических исследований.

Kim Salazar из Nielsen/Norman Group описывает подробную методичку по методу когнитивного пошагового анализа интерфейса. Это позволяет обнаружить часть проблем в экспертным путём.

Методичка по пользовательским исследованиям с вовлечением всей продуктовой команды от сервиса Airtime.

Nikki Anderson из Dovetail показывает, как правильно сформулировать вопрос и цели исследования. А дальше — подготовить конкретный сценарий вопросов для респондента.

Советы Rachel Krause из Nielsen/Norman Group по презентации результатов пользовательских исследований.

Roberta Dombrowski показывает, как сервис User Interviews демократизирует пользовательские исследования в компании.

Jim Lewis и Jeff Sauro выясняют, влияет ли направление шкалы в опроснике SEQ (от простого к сложному или наоборот) на результаты исследования. Спойлер: не особо.

Ahmad Shadeed размышляет на тему того, что правильный дизайн в браузере (без визуальных инструментов) — долгий и сложный процесс для быстрых экспериментов. А вот тюнинг готового дизайна — гораздо логичнее.

Коллекция индикаторов загрузки на HTML, CSS и SVG, готовые к использованию на React.

Jhey Tompkins показывает, как сделать плавную работу ползунка в интерфейсе.

Обзор Paul Esch-Laurent простой разметки Mermaid для описания и последующей генерации диаграмм.

Виталий Фридман предлагает своё видение метрик дизайна конкретного продукта.

Jeff Zych даёт советы по созданию «концепт-каров» или «полярной звезды» — концептов, которые показывают будущее продукта через несколько лет.

Толковые советы Lacey Kobriger из Atlassian по налаживанию кросс-функционального взаимодействия между дизайнерами и другими участниками продуктовой команды.

Айдентика платёжного сервиса Paddle от американского агентства Butchershop.

Айдентика инвестиционной платформы Circa 5000 от британского агентства Ragged Edge.

Беседа с Olivia Jezler из агентства Future of Smell о роли запаха в брендинге. Как выглядит процесс и какие в целом тренды отрасли.

Галерея классических интерфейсных звуков. Большинство продуктов уже закрыты.

Diego Salvatierra предлагает термин «boxmoji» для визуального тренда цветного примитивизма, который задаёт в том числе Figma. Ещё одно название — «необрутализм».

Microsoft опубликовали краткую методичку по принципам «зелёного дизайна». Jon Friedman и Rachel Romano сделали обзор основных идей.

Демо-страница возможностей вариативных цветных шрифтов. Это необычный свежий подход, который потенциально поможет делать адаптивные иллюстрации по тому же принципу, как и современные шрифты.