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

2021-05-27 10:24:05 ​Пополняем коллекцию лучших интерфейсных паттернов и практик. От элементов форм до целых отраслей:

1. Виталий Фридман: Поле выбора даты рождения. Типичные проблемы в проектировании и разработке, оптимальный вариант.

2. Atlassian: 4 способа добавить вдохновляющие моменты в интерфейс (предугадать, повысить эффективность, понять намерение, эмоционально отреагировать); примеры для каждого из них.

3. Lyft: Лучший сегментированный переключатель, который они нашли. В статье есть простая и наглядная памятка по выбору элементов интерфейса для выбора.

4. Jasmine Bilham: Как приложение Headspace для медитации пересмотрело процесс встречи нового пользователя и повысило вовлечённость и возвращаемость.

5. Виталий Фридман: Большие выпадающие меню в навигации и их проблемы. Он показывает, как сделать их хорошо, а ещё — на что можно заменить их, потому что проблем с ними масса и они не всегда нужны.

6. Kathryn Totz: Правильная сортировка товаров в интернет-магазине, когда пользователь попадает в категорию. Иначе может создаться ощущение, что в ней мало полезного.

7. Baymard: Исследование сервисов с подпиской. Как люди относятся к ним и насколько готовы платить.

8. Shopify: Оптимизация интерфейса для пользователей с ограниченными когнитивными возможностями.

9. Ещё одна коллекция тёмных паттернов с возможностью предложить пример автору сайта.

10. Gov.uk: Возможность показать пароль в поле ввода. Сложности, которые возникают при реализации, казалось бы, простого интерфейсного решения.

#patterns Открыть/Комментировать

2021-05-26 10:04:05 ​Я часто пишу о том, что в современных кросс-функциональных командах дизайнер должен знать базовые вещи о менеджменте продуктов и наоборот. Поэтому дайджест читают менеджеры продуктов и рекомендуют для коллег — например, Аркадий Морейнис и Анна Булдакова.

Если вы из этой тусовки или дизайнер, который хочет переквалифицироваться (а их всё больше), то 10 июня Аркадий вместе Алексеем Черняком запускают свежий набор школы менеджеров продуктов. Участие бесплатное, с отбором и оплатой после трудоустройства (или с фиксированной суммой, если не хотите таких обязательств).

Принимают заявки до 2 июня, обучение удалённое — есть ещё пара дней собраться с силами и податься. Курс идёт 8 недель, по итогу готовится учебный проект и портфолио. Полная программа.

P.S. Я не размещаю рекламу, но иногда делаю обмен постами — в Телеграме почти нет органического роста. Открыть/Комментировать

2021-05-24 10:24:06 ​Свежая подборка ссылочек для дизайн-менеджеров из грядущего и недавнего дайджеста:

1. NN/g: Попробовали конкретизировать, насколько пересекаются роли дизайнера интерфейсов и менеджера продукта. Kara Pernice и Raluca Budiu рассказывают об опросе, который подтвердил достаточно сильное наложение зон ответственности и то, как именно относятся к этому обе стороны. Отличный набор симптомов, которые можно увидеть в своей компании. Подробный разбор ключевых точек конфликта.

2. Redmadrobot: Развитие дизайнеров в компании. Карта компетенций, менторство, способы прокачки навыков.

3. Dennis Hambeukers: Почему у всех пирамид UX, развивающих идею пирамиды Маслоу, всегда разная верхушка? Он предлагает свой подход — когда UX сначала связан с бизнес-стратегией, а потом и помогает определять её.

4. Gavin Elliott: Формат работы с дизайн-долгом. Как описывать, как разбирать, как доказывать.

5. Webflow: Что делать дизайн-менеджеру в быстрорастущей компании. Как поддерживать дизайн и дизайн-команду цельными.

6. Shopify: Необычный формат сессий дизайн-критики. Это виртуальные дебаты, в которых две группы обсуждают интерфейс в диалоге.

7. Gov.uk: Задачи координаторов дизайн-сообщества. Это огромное количество команд (4000 человек), для которых они проводят масштабное обучение и процессную поддержку.

8. Cisco: Роль дизайн-продюсера. Это дизайн-менеджер с зонами ответственности, которые хорошо работают для централизованных команд.

Надеюсь вернуть частоту мини-подборок на тему.

#management Открыть/Комментировать

2021-05-20 10:24:06 На ежегодной конференции Google I/O анонсировали Android 12. Это сильное визуальное обновление (видео).

Новая версия Material Design называется Material You. Она даёт сложные и сочные по цветам темы оформления, которые будут работать по всем продуктам Google. Android сможет выцепить палитру из обоев телефона, чтобы всё выглядело органично.

Меняется многое:

— Элементы интерфейса стали крупнее, а скругления — больше. Это видно по обновлённой панели быстрых настроек (ещё).

— Изначальная идея Material Design слоёных панелей, которые отделяются тенями — всё. Теперь зонирование делается с помощью новой цветовой палитры (основной цвет и его высветленные градации).

— Интерфейс использует новый вариативный шрифт Google Sans Text в дополнение к семейству.

— Анимация стала ещё плавнее и стройнее. Она также отражается на размерах элементов
— они растягиваются и сжимаются при перестройке экрана.

— Элементы могут иметь необычные геометрические формы (например, виджет или область нажатия). Но тут пока деталей мало.

— Подкрутили стиль всплывающих окон.

— Переработали виджеты.

Функционально изменений немного — они будут появляться позже, к осеннему запуску. Но уже сейчас появился индикатор работы камеры. А телефон можно будет использовать как пульт для Android TV и машины.

Бета-версия уже доступна. Документация для разработчиков и её обзор.

А вот несколько дизайнерских презентаций:
— Обзор нового
— Адаптация интерфейса под большие экраны (в дополнение: текстовый обзор и памятка)
— Интерфейсные тексты
— Поддержка accessibility
— Сборка дизайна через Jetpack Compose (также запустили каталог компонентов)

И обновления для разработчиков.

Кстати, Google и Samsung объединили усилия в разработке WearOS. Собственная ОС Tizen от Samsung уйдёт в закат.

Со всеми изменениями это полный разрыв с изначальной идеологией Material Design, так что это название уже не имеет смысла. Но получилось свежо и бодро, даже если чистую оболочку использует не самое большое количество устройств — остальные увидят оформление своего производителя. А в мире уже 3 млрд активных устройств на Android.

#materialdesign #designsystems Открыть/Комментировать

2021-05-17 10:24:06 ​Стопка ссылок для тех, кто внедряет дизайн-системы в коде, а не просто Фигме:

1. Дизайн-система сервиса B2B Center. Всё на месте — компоненты в коде, токены, редактура.

2. Varun Vachhar: Основные способы тестирования. Он разделил их на предмет тестирования (визуальное, композиция, взаимодействие, accessibility, сценарии), а не инструменты.

3. Storybook: Памятка по визуальному тестированию компонентов. Как настроить процесс и почему они рекомендуют оставлять его наполовину ручным.

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

5. Lukas Oppermann: Одна из самых полных и толково описанных статей о пользе внедрения.

6. Container queries появились в одной из веток Chrome. Они позволяют задавать адаптивность на уровне отдельного компонента, а не всей страницы — это здорово облегчает работу над дизайн-системой. Ahmad Shadeed и Stephanie Eckles сделали обзоры самой концепции и текущего состояния.

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

8. Alan Weibel: Критерии, которым должен удовлетворять новый компонент, чтобы попасть в дизайн-систему Salesforce Lightning.

9. Bootstrap 5 вышел из беты. Обзор изменений.

10. Matt Deco из Peacock: Как синхронизировать стили в компонентах в коде и Figma.

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



#designsystems Открыть/Комментировать

2021-05-11 10:24:07 Собрал дайджест продуктового дизайна за апрель 2021. Пересечение ролей дизайнера и менеджера продукта, интернет-магазины на мобильных, тестирование дизайн-систем, дизайн-долг, упражнения, методы проведения воркшопов, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

#digest Открыть/Комментировать

2021-05-06 10:24:06 ​С конца прошлого года вышло или анонсировано несколько новых книг по дизайну интерфейсов и около того:

1. Diana Deibel & Rebecca Evanhoe «Conversations with Things. UX Design for Chat and Voice» о проектировании голосовых и чат-интерфейсов. Выдержка из главы №1.

2. Preston So «Voice Content and Usability» о подготовке контента для голосовых интерфейсов и их проектированию в целом. Параллельно вышла его статья об иммерсивной контент-стратегии.

3. Простая онлайн-книга по дизайну в вебе от Алексея Баранова. Основы хорошего дизайна и работа с паттернами.

4. Krystal Higgins «Better Onboarding» о встрече нового пользователя в интерфейсах.

5. «Brand Management for Dummies» от Frontify. Это совсем базовый обзор того, как сделать бренд цельным.

6. Beth Dunn «Cultivating Content Design» о системной работе с контентом в компании.

7. Addy Osmani «Image Optimization» об оптимизации изображений. Обзор и выдержки из неё — https://www.smashingmagazine.com/2021/04/image-optimization-pre-release/.

8. В начале 2022 года выйдет второе издание Stephanie Marsh «User Research». Добавится раздел о ResearchOps и защите персональных данных, помимо множества других обновлений.

А вот что на подходе у Rosenfeld Media:
1. Natalie Marie Dunbar «From Solo to Scaled»

Плотно идёт!

#books Открыть/Комментировать

2021-04-29 10:24:06 ​Тридцатая мини-подборка о паттернах и лучших интерфейсных практиках:

1. Smashing Magazine: Ультимативный список интерфейсных компонентов, которые свёрстаны с учётом требований accessibility.

2. Baymard Institute: Новое исследование интернет-магазинов на мобильных. Они сделали обзор основных выводов. Есть новые проблемы, но многие вроде маленьких областей нажатия или отсутствия информации о возврате — вечны.

3. NN/g: Модель поведения пользователей «собирательства ключевых слов» при поиске в интернете. Она возникает, если человек не знает, как именно искать объект (например, это редкий термин для стиля одежды).

4. Lyft: Улучшение интерфейса поддержки пользователей. Он разбирает все альтернативные подходы и логику решений.

5. NN/g: 10 лучших интранет-сайтов 2021 года. В сопроводительной статье они рассказывают о лучших практиках информирования о пандемии.

6. Nick DiLallo: Тексты в интерфейсе, которые инклюзивны.

7. Ahmad Shadeed: Виды подложек для текста на картинке и CSS-код для них.

8. Peter Ramsey: Встреча нового пользователя в Twitch и механика внутренних платежей. Это сложная система, которая никак не объясняется внутри сервиса — приходится искать объяснения в интернете.

9. Kickstarter: Оптимизация интерфейса, которая помогла поднять вложения в проекты на платформе.

10. Тинькофф: Доработки приложения для малого бизнеса, которые помогли поднять его использование клиентами относительно веб-версии.

11. Markswebb: Процесс заказа дебетовой карты. Они сравнивают подходы десяти крупнейших отечественных банков.

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

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

Копил-копил и накопил подборочку.

#patterns Открыть/Комментировать

2021-04-26 10:24:06 ​Понедельничная подборка свежих статей для дизайн-менеджеров и тех, кто развивает дизайн-команды в целом. Как сделать дизайнеров счастливее, а взаимодействие с продуктовой командой — лучше:

1. Alicja Suska: Дизайн-долг. В первой части она рассказывает о его сути и причинах появления. Во второй — как отслеживать и замерять. На подходе ещё несколько.

2. NN/g: Пересечение роли дизайнера интерфейсов и менеджера продукта. Опрос подтвердил достаточно сильное наложение зон ответственности и то, как именно относятся к этому обе стороны. Отличный набор симптомов, которые можно увидеть в своей компании.

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

4. Stephen Hay: Формула для вопросов на сессиях дизайн-критики. Она стартует комфортное обсуждение без осуждения.

5. Kazden Cattapan: Как объяснять дизайн-решения коллегам из разных ролей: разработчики, редакторы, менеджеры продуктов и топ-менеджеры.

6. NN/g: Фреймворк CX-трансформации компании. Недавно они выпустили отчёт с рекомендациями на тему.

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

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

9. NN/g: Карта лиц, принимающих решения. Как системно работать с ними, чтобы получить поддержку.

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

11. Shopify: Сбор обратной связи в зависимости от стадии проекта и проработки концепта.

12. IBM: Три вида помощи дизайнерам, которыми дизайн-менеджер здорово облегчает их жизнь и помогает развитию. Организация коммуникации, первая ответственность за процесс и обратная связь для самого лидера.

13. IBM: Неплохой обзор концепции Т-образных специалистов и способов развития этих навыков.

Давненько не было подборок на эту тему и вот прорвало :)

#designmanagement Открыть/Комментировать

2021-04-19 11:24:05 ​Собрал конспект курса Future London Academy по UX-исследованиям, который курировал на прошлой неделе. Инсайты, слайды и заметки про пять сильных лекций и воркшопов:

1. Brad Nunnally и David Farkas, авторы книги UX Research от O'Reilly.

2. Kate Towsey (Atlassian), одна из основательниц идеи ResearchOps и автор будущей книгу на тему.

3. Mandeep Basi (Sociotekno, экс-Shopify) и её обзор способов донесения результатов исследований до продуктовой команды.

4. Jim Kalbach (Mural), автор нескольких ключевых книг в профессии — Mapping Experiences и Jobs to Be Done Playbook.

5. Rebecca Destello и Anuj Tewari (Facebook), которые ни провели исследование исследователей на тему выхлопа от их проектов.

Делая эту программу, мы пытались найти золотую середину — темы должны быть интересны как практикующим UX-исследователям, так и тем кто работает с ними (в первую очередь дизайнеры интерфейсов и менеджеры продуктов). Первые отзывы очень приятные — причём от обеих групп.

Это уже шестой курс, который я помогаю курировать Кате Соломеиной. 24-27 августа пройдёт флагманский по UX и продуктовому дизайну. Если мы все не уйдём на очередную волну карантина, он состоится в офлайне и мы обязательно пройдёмся по старейшим лондонским пабам.

#research Открыть/Комментировать