На ежегодной конференции 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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

#patterns

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

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

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

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

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

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

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

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

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

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

#research

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

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

#digest

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

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

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

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

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

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

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

#patterns

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

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

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

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

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

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

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

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

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

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

iPadOS

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

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

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

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

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

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

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

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

#ios #trends #events

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

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

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

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

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

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

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

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

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

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

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

#management

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

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

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

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

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

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

#patterns