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

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои… Сообщение Дайджест продуктового дизайна, ноябрь 2024 появились сначала на Юрий Ветров об интерфейсах.

Jan 14, 2025 - 17:43

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

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-октябрь 2024.

Лучшие продуктовые дизайн-команды в России: 2024

Зимой запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовало 1637 человек. Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли»:

Яндекс
Тинькофф
Авито
Aviasales
Ozon
Альфа-Банк
Самокат
VK Group
Сбер
МТС

Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2023, 2021, 2020, 2019 и 2018 годы.

Паттерны и лучшие практики

Baymard — Add UX Best Practice Cards To Your Designs

Baymard Institute собрали свои лучшие практики и паттерны для интернет-магазинов в виде виджета для Figma. Их можно использовать в своих проектах как памятки.

Alt Text ― Don’t Just Describe Images

Советы Emma Cionca и Tanner Kohler из Nielsen/Norman Group по уместному описанию сути изображений на сайтах в теге Alt. Так, чтобы это улучшало accessibility. Продолжение.

Tim Brown — Flexible Typesetting

Tim Brown выложил в бесплатный доступ свою книгу «Flexible Typesetting» об адаптивной типографике.

How UX Design Boosts Technology Adoption in Healthcare

Советы агентства Creative Navy по проектированию профессиональных интерфейсов для здравоохранения.

10 Sales UX Best Practices For E-Commerce

Советы Sonia Sousa из Baymard по улучшению продаж в интернет-магазинах.

Дизайн-системы и гайдлайны

The Making of the Figma Pattern Library

Ana Boyer рассказывает, как Figma привела в порядок свою дизайн-систему Figma Pattern Library для запуска нового интерфейса UI3 и обновлённого сайта.

Unlocking component flexibility with slots in Figma

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

Design Systems Q&A with Brad Frost

Большая сессия вопросов и ответов о дизайн-системах с Brad Frost.

Meta Horizon OS UI Set

Дизайн-система для платформы дополненной реальности от Меты. Пример инструкции по использованию.

eBay Playbook — One system for everyone to love

Дизайн- и бренд-система eBay Playbook. Правда, вместо реальных компонентов — скриншоты.

Storybook 8.4

Быстрое тестирование компонентов прямо на их странице, сильное уменьшение размера самого фреймворка, теги и фильтрация по компонентам, поддержка Svelte 5 и запуск Storybook React Native 8.

Понимание пользователя

Jobs to Be Done — разные подходы за общим названием

GoPractice собрали памятку по разным вариациям Jobs to Be Done от разных авторов. Как они появились и чем отличаются.

Neurodiversity — Inclusive User Experience

Простой чеклист Claudia Gutierrez и Rajesh Kalidindi по улучшению интерфейса для пользователей с особенностями восприятия.

Новые инструменты дизайна интерфейсов

Figma

Большое обновление работы с токенами и параметрами компонентов в интерфейсе для дизайнеров и разработчиков. Переработали выбор цвета и попап подключаемых библиотек.

Pixelmator

Apple покупает этот графический редактор.

Пользовательские исследования и тестирование

UX Tools Map 2024

Каталог инструментов для пользовательских исследований за 2024 год от User Interviews. Он снова удвоился (828 инструментов). Основные выводы из него (например, ИИ перестал быть выделяющим свойством и стал просто обязательной утилитарной частью функциональности почти везде).

Research basics every designer should know

Lirra Hill из Adobe описывает методы пользовательских исследований, которые использует команда Lightroom. Это достаточно понятные вещи, но написанные таким зрелым и осмысленным языком, что должны быть ориентиром для всех.

Why an Interview Snapshot Streamlines UX Research Analysis (w/ Free Template)

User Interviews описывают формат выжимки из интервью с пользователем, которая делается сразу же после проведения сессии. Это облегчает дальнейшую работу с результатами исследования.

Incorporating Clutter in the SUPR-Q Measurement Framework

Jim Lewis и Jeff Sauro пробуют вывести метрику «замусоренности» интерфейса. Они проверили её взаимосвязь с другой стандартизированной метрикой, SUPR-Q.

How Well Does the Net Promoter Score Measure Likelihood-to-Discourage?

Jim Lewis и Jeff Sauro разбирают гипотетическую метрику про пользователей готовых «отсоветовать» продукт, обратную NPS.

Screening Participants for User-Research Studies

Памятка Maddie Brown из Nielsen/Norman Group по отбору респондентов для пользовательских исследований. Опрос и процесс.

Four ways PMs can master product discovery with Dovetail

Dovetail показывает типичные сценарии использования базы знаний и инсайтов из пользовательских исследований для менеджеров продуктов.

Response Instability in User Experience Questionnaires

Martin Schrepp и Jörg Thomaschewski анализируют причины вариаций в ответах пользователей в стандартизированных опросниках.

Дизайн-менеджмент и DesignOps

Как мы обучаем коллег исследованиям — подход ecom.tech

Константин Коваленко рассказывает, как обучали коллег основам пользовательских исследований в Самокате / Мегамаркете. Они построили мощную и гибку программу курсов.

Теперь вы — дизайн-лид. Как выжить и начать перформить

Александр Букин из Магнита описыает особенности становления дизайн-менеджером. Что происходит с зоной ответственности и командой в этот момент.

Продуктовый менеджмент и аналитика

We did all this discovery… now how do we decide?

Ryan Singer из Basecamp описывает свой подход к ранжированию проблем пользователей, которые может решить продуктовая команда. Он идёт от того, какую боль испытывает пользователь, от того что решения сейчас нет.

Кейсы

Pablo Sánchez’s 7 Rules for Designing the Unexpected

Pablo Sánchez рассказывает о работе над приложением Ableton Note. Это яркий пример переосмысления большого профессионального инструмента для компьютеров под специфику телефонов. Они сделали сервис «музыкальных набросков» и необычно подошли к упрощению работы с ним. Его выступление на Figma Config 2024.

Behind the design ― Adobe’s new splash screens

Как Adobe обновили экраны загрузки своих продуктов и привели их к дизайн-системе.

Behind the Scenes: Designing Atlassian’s New Navigation

Дизайн-команда Atlassian рассказывает о переработке навигации в продуктах компании. У них большая и сложная линейка продуктов, где непросто найти единое решение.