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

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 Открыть/Комментировать

2021-06-07 10:24:06 ​Небольшая оперативная добавка к недавней подборке лучших интерфейсных паттернов и практик:

1. Rian Rietveld: Как правильно оформлять ссылки на сайтах. Так, чтобы с ними было комфортно взаимодействовать как обычным пользователям, так и людям с ограниченными возможностями.

2. Creative: Интерфейсы сервисов записи к врачу. Статья сравнивает разные подходы к навигации и представлению информации.

3. Philip C Davis: Комбинация командной строки и подсказок в современных интерфейсах. Они дают возможность как быстро набрать команду, так и выбрать вариант из списка.

4. Peter Ramsey: Интерфейс взаимодействия с поисковыми маячками Apple AirTags.

5. Baymard: Расположение кнопки поиска в интернет-магазинах.

6. Виталий Дуленко: Разбор интерфейса того самого OnlyFans.

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

2021-06-03 10:24:06 Собрал дайджест продуктового дизайна за май 2021. Android 12, тексты в интерфейсах, тестирование дизайн-систем, шпаргалка по опросам, CSS container queries, развитие дизайнеров, сессии дизайн-критики, глоссарий профессиональных терминов, новые инструменты дизайна и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.

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

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

2021-05-31 11:24:05 ​В свежем мини-дайджесте про пользовательские исследования вас ждёт вот что:

1. Jeff Sauro и Jim Lewis продолжают разбирать нюансы проведения опросов. Вот несколько свежих материалов:

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

— Почему респонденты некорректно отвечают.

— Четыре типа вопросов: атрибуты, поведение, возможности, оценки.

— Четыре проблемы в качестве данных: от выборки до формулировок.

2. Jeff Sauro и Jim Lewis: Мощная памятка по выбору качественных и количественных методов исследований. Это набор из 27 характерных ключевых слов из вопроса исследования.

3. Facebook: Фокус-группы на удалёнке. Это текстовые ответы респондентов в группе на вопросы модератора, без видео-звонка.

4. Emanuela Cozzi и Lennart Overkamp: Альтернатива персонажам — «динамические личности». Они не пытаются схлопнуть множество респондентов в один профиль, а показывают спектр поведения в разных контекстах.

5. Yao Ding: Проверка интерфейсных решений, которые ориентированы на пользователей с ограниченными возможностями.

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