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

2021-07-23 10:24:05 ​Нельзя выпускать мини-подборки про лучшие интерфейсные практики и паттерны — они быстро переполняют любой стек. Ну, понеслась:

1. Коллекция примеров тёмных паттернов в играх. Они разбиты по типам грехов. Анонс-обзор.

2. Виталий Фридман: Проблемы в интерфейсе фильтров в интернет-магазинах. Типичные проблемы и чеклист годного решения.

3. NN/g: Анализ интерфейса шлема виртуальной реальности Oculus Quest по 10 классическим эвристикам юзабилити Нильсена.

4. Markswebb: Своя классификация проблем в интерфейсах. Они приводят примеры для каждой из них. Они также изучили чат-ботов в банках и других популярных отечественных приложениях. Обзор с описанием ключевых проблем.

5. Jasmine Bilham: Анализ геймификации в приложении Duolingo. Она органично вписывается в суть обучения и не выглядит притянутой за уши.

6. Erik D. Kennedy: Советы по дизайну хорошей формы авторизации.

7. Milan Maheshwari: Эксперименты сервиса доставки еды Swiggy по повышению чаевых для курьеров.

8. Peter Ramsey: Разбор интерфейса YouTube Shorts, клона TikTok. Клон получился плохим.

И традиционные разборы от Baymard Institute:
— Анализ ситуации с поддержкой accessibility в крупных интернет-магазинах. В целом ситуация печальная.

— Основные выводы из исследования сайтов-магазинов маленьких брендов. Что ожидают пользователи от них.

— Новое исследование — анализ сайтов заказа продуктов. В целом стандартные проблемы для интернет-магазинов.

Такими темпами завтра, похоже, начну собирать черновик нового мини-выпуска.

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

2021-07-19 10:44:05 ​На прошлой неделе вышел июньский дайджест. Вот несколько годных ссылок оттуда, которые не попадали в мини-подборки:

1. Интервью с Will Littlejohn, главой звукового дизайна в Facebook. Как и над какими проектами они работают.

2. NVIDIA выпустили бета-версию своего инструмента Canvas, который превращает набросок в фотографию природного ландшафта. Пару лет назад они показывали сам концепт, который выглядел крышесносно.

3. Прошло больше 10 лет с момента появления концепции адаптивного дизайна. Una Kravets предлагает расширить его и включать все возможные способы подстройки под конкретного пользователя, включая тёмную тему или настройки минимальной анимации.

4. Dan Ramsden описывает модель поиска наиболее оптимальных следующих действий, которая используется в BBC. Она, в свою очередь, базируется на их модели поиска информации.

5. John Cutler описывает типичные проблемы с процессом рождения и отбора идей в компаниях. Он ссылается на двойной алмаз и говорит, что команды страдают или от поспешного, или от запоздалого схождения.

Кстати, после некоторого перерыва снова работает RSS. Большинство материалов для дайджеста я собираю через этот древний канал — это самый прагматичный способ охватить пару сотен блогов. Открыть/Комментировать

2021-07-14 10:24:07 Собрал дайджест продуктового дизайна за июнь 2021. Windows 11, iOS 15, зрелость дизайна, объяснения для новичков в играх, генеративные фото, переосмысление адаптивного дизайна, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

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

2021-07-08 10:04:05 ​Конференция Epic Growth выросла из просто мероприятия в образовательную инициативу для менеджеров продуктов, аналитиков, маркетологов. И, само собой, дизайнеров интерфейсов.

У них в архиве десятки выступлений на тему роста продуктов. Вот несколько про дизайн интерфейсов, пользовательские исследования и в целом любовь к клиенту:

1. UX и продуктовый дизайн (Mail.ru Group, Авито, Dostavista, Revolut, ANNA)

2. UX-исследования (Яндекс Маркет, Gain.co, Skyeng)

3. Идеальный опыт клиента (Анны Булдакова из Facebook)

4. Minimum Lovable Product для незнакомого рынка (Александр Губочкин из Revolut)

Что-то доступно бесплатно, что-то по подписке. Но есть 7-дневный пробный период, с которым доступно вообще всё. Анонсы свежих материалов выходят в Телеграме @epicgrowth.

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

2021-07-05 10:24:05 Июньский дайджест где-то рядом, а пока — материалы по пользовательским исследованиям из него:

1. User Interviews: Свежая карта инструментов. Они также добавили вариант в таблице, где проще посмотреть список.

2. Camilla Bay Brix Nielsen, Jaap Daalhuizen и Philip Cash: Фреймворк Behavioural Design Space для изменения поведения пользователей. Они проанализировали многие известные теории и концепции на тему и предложили самый цельный подход.

3. Jeff Sauro и Jim Lewis: Структура вопроса в опроснике. Как грамотно сформулировать каждую часть.

4. Анастасия Жичкина и Константин Ефимов: Анализ популярной книги Роба Фитцпатрика «Спроси маму», помогающей проводить глубинные интервью. Что в ней работает, а к чему отнестись критически.

5. NN/g: Объясняют простым языком, что такое доверительный интервал, предельная ошибка выборки и доверительная вероятность в статистике. Без этого невозможно правильно интерпретировать результаты исследований.

6. Atlassian: Confluence для проведения дневникового исследования. Это сработало, поскольку у клиентов уже был доступ к нему.

7. Facebook: Как лучше рассказать о разведочных пользовательских исследованиях, где не всегда понятна их сиюминутная применимость.

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

2021-06-28 10:24:06 ​24 июня Microsoft показали Windows 11 (видео). Это крупный редизайн, который работает на принципах дизайн-системы Fluent UI. Долгое время её можно было встретить скорее в их легендарных эффектных видео-презентациях, но не реальных интерфейсах. Зимой этот разрыв пропадёт.

Поскольку вы вряд ли делаете приложения для Windows, традиционный разбор по деталям вряд ли имеет смысл. Нет, доля операционки в мире огромная (в районе 75% по разным данным). Но модель универсальных приложений радикально менее востребована, чем у Android и iOS. А гайдлайны важно знать в первую очередь для них. Но из общеобразовательного интереса это полезно.

Дизайнеры Microsoft рассказали об идеологии и изменениях. Из заметных визуальных обновлений:
— Полупрозрачность у окон (материал «акрил» из Fluent Design);
— Заметные скругления у элементов;
— Мягкие тени;
— Новые цветные пиктограммы вместо минималистичных;
— Переосмысленная тёмная тема (изначально она появилась в Metro Design ещё в 2010 году, раньше всех на рынке);
— Вариативный шрифт Segoe UI.

Сравнение конкретных решений с Windows 10.

Куски всего этого можно было увидеть и раньше в экспериментальной Windows X для устройств с двумя экранами, переосмысленных иконках приложений и других регулярных тизерах Microsoft Design. А лента виджетов и вовсе приехала в основную Windows 10 в новом виде месяц-два назад.

Само собой, перепроектированы ключевые экраны и приложения:
— Панель задач и меню пуск;
— Поиск;
— Проводник (он отказывается от меню Ribbon UI, хотя в MS Office этот интерфейс останется);
— Настройки;
— Магазин приложений.

Неплохой обзор со скриншотами.

В Windows можно будет запускать приложения для Android (через магазин Amazon AppStore). Интересно будет посмотреть на востребованность.

Этим обновлением Microsoft прощается с Metro Design, который всё ещё является основой Windows 10. Идеология была революцией на рынке — в эпоху убогой скеоморфичной цыганщины ребята показали, как должен выглядеть современный цифровой дизайн. К сожалению, историю часто перевирают, так что поверхностное мнение приписывает «плоский дизайн» Apple, которые пришли на эту вечеринку последними.

В долгорочном использовании Metro Design оказался сильно ограничивающим (хотя экосистема приложений на нём не взлетела не поэтому). Но его роль в истории дизайна интерфейсов — наоборот, сильно поменяла отрасль. Посмотрим, что получится у Fluent Design. Как минимум видео-презентации новых приложений каждая вторая компания делает по канону Microsoft.

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

2021-06-21 10:24:06 ​Летом и под новый год поток ссылок подсыхает, так что некоторые выпуски будут поджарыми. Как, например, этот про паттерны и лучшие практики:

1. Bramha Dalvi: Крутейший разбор подходов к обучению пользователя основным механикам в играх. Разные подходы на реальных примерах.

2. Elise Livingston: Как описывать поведение интерфейса для учёта требований accessibility. Получается наглядная спецификация для разработчиков.

3. Sainsbury’s: Советы по улучшению интерфейсных текстов от дизайн-команды британской сети магазинов.

4. Growth.Design: Процесс встречи нового пользователя в защищённом браузере Brave.

Зато одна годнота.

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

2021-06-17 10:24:06 ​В реально коротком выпуске о дизайн-менеджменте 40% статей посвящено моделям зрелости дизайна. Молния интереса дважды ударила в одно дерево тегов:

1. Rolf Molich: Модель зрелости дизайна на примере выдуманной компании и её пути взросления. Во второй части он показывает пошаговый путь формулирования и внедрения дизайн-стратегии.

2. NN/g: Обновлённая модели зрелости дизайна Якоба Нильсена. Они сократили её с 8 до 6 этапов. К статье прилагается опросник для оценки своей компании.

3. Airbnb: Архетипы креативных лидеров, которые сложились в компании. Это не обязательно управление людьми — можно быть просто хорошим экспертом в своей области.

4. NN/g: Типичные проблемы при проведении сессий дизайн-критики. Нереалистичные сценарии использования, плохая обратная связь и вопросы не в тему.

5. Shopify: Как дизайнеры вовлекают коллег из других профессий в работу над задачами. Формат парных и групповых сессий.

Наконец-то лёгкий для чтения выпуск :)

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

2021-06-16 10:04:05 ​Несколько раз участвовал в интенсивах Design Line (и даже попал в топ-10 спикеров прошлого года, так что скоро впишусь снова).

7-25 июля ребята пробуют новый формат — совместный курс вместе с Nimax про то, как делать концепции сайтов с нуля (причём с реальным крупным клиентом). Его курируют арт-директор, продюсер, дизайнер и бренд-стратег агентства. Они будут с вами на связи все 18 дней на прямых эфирах и готовых видео-лекциях, в чате и личном кабинете.

Записаться. Есть два варианта: полноценый с обратной связью от экспертов и клиента; и попроще, самостоятельный. Бонусом идёт доступ к трем последним мероприятиям Design Line.

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

2021-06-08 10:24:06 ​Apple показали iOS15. Это итеративное улучшение на базе текущего дизайна — фокус скорее на возможностях ключевых приложений. Что можно подсмотреть в интерфейсе для своих задач:

— Переработанная панель навигации в Safari — это плавающая панель с адресом сайта и списком вкладок вместо стандартного tab bar. В браузере также появились расширения.

— В уведомлениях показывается фото контакта, а не просто иконка приложения. Они также собираются в мини-дайджест (например, утром).

— Новый вид стопок фото в мессенджере. А также индикатор фото, ссылок, музыки и другого контента, которым поделились в мессенджере.

— В фотографиях распознаётся текст — его можно скопировать, а по телефону в объявлениях на улице — позвонить. Всё это также можно перевести на другой язык (пока у них ограниченный набор). Камера распознаёт и суть объектов — например, даст справку о достопримечательности или картине.

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

— Фокусный режим, который выключает часть уведомлений и показывает статус в мессенджере.

— Новый вид карт, включая навигацию в 3D и дополненной реальности.

— Развёрнутые детальные результаты поиска.

— Редизайн приложения Погода. Добавились декоративные карточки.

iPadOS

— Наглядное переключение режима мультизадачности. Среди них появился режим центрированного попапа (например, для написания письма), а все окна одного приложения можно увидеть списком. Для двухколоночного вида можно создавать готовые комбинации.

— Ноутбук и планшет смогут управляться с одной клавиатуры и мыши, они автоматически связываются друг с другом через Universal Control. Например, можно перетащить картинку с планшета на компьютер.

— При подключении клавиатуры приложение показывает горячие клавиши.

— Виджеты добрались и до планшета. Как и автокаталог приложений.

— Песочница для создания приложений на Swift.

Что нового в MacOS Monterey.

Что нового в watchOS8.

Интерфейс развивается органично, так что пока обошлось без революций. Бета-версия должна появиться в июле, а финальная станет доступна на осенней презентации.

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