Вкрации расскажу тута чучуть о лудший интерфейсный практики и паттерны. Кокраз туды ивойный и примените:
 
1. Ahmad Shadeed: Что значит «адаптивный дизайн» в 2023 году.
 
2. Виталий Фридман: Показ субтитров к видео.
 
3. Creative Navy: Интерфейсы программ для управления космическими полётами.
 
4. NN/g: Классические путеводители по интерфейсу после регистрации не работают. Примеры хороших контекстных подсказок.
 
5. Peter Ramsey: Сценарий перевыпуска карты в британских банках.
 
6. Chiara Aliotta: Использование сторителлинга в дизайне на примере подачи одного из курсов Smashing Magazine.
 
7. Wix: Разные грани локализации. От простого перевода текстов до региональных доменов и конкретных посылов.
 
8. Baymard Institute: Хорошая и плохая реализация покупки без регистрации в интернет-магазинах.
 
9. Sandrina Pereira: Памятка по валидации форм с учётом требований accessibility.
 
10. Creative Navy: Медицинские интерфейсы шприцевых помп.
 
11. Creative Navy: Интерфейсы программ для 3D-моделирования.
 
12. Jim Lewis и Jeff Sauro: Обновили своё сравнительное исследование интернет-магазинов одежды. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
 
13. Creative Navy: Интерфейсы управления популярными тепловыми насосами.
 
14. Baymard Institute: Заметные проблы сайтов бронирования.
 
Вообщем, выпий за любовь к лутышые решения.
 
#patterns

Собрал дайджест продуктового дизайна за февраль 2023. Адаптивность по-новому, конец дизайн-мышления, покрытие дизайн-системой, видение будущего, алгоритмический дизайн, техническая подкованность пользователей, ChatGPT для поиска исследований и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— ВКонтакте
— RSS

Кажется, я забыл включить в недавнюю мини-подборку о пользовательских исследованиях вот эти штуки:
 
1. Atlassian: Плюсы и минусы централизованного и погружённого формата для исследователей.
 
2. NN/g: Ограничения метода опросов и советы по минимизации проблем.
 
3. User Interviews: Делят методы на 4 ситуации, в которых они могут помочь продуктовой команде: видение, стратегия, поиск продуктового решения и его оценка.
 
4. User Interviews: Метод анти-персонажей. Это те, кто может использовать продукт в злонамеренных целях.
 
5. NN/g: Поиск времени на разведочные исследования в гибкой разработке.
 
6. NN/g: Структурированная подборка своих статей об омниканальности пользовательского опыта.
 
7. User Interviews: Памятка по выбору инструмента. Они, конечно, много говорят о своём продукте User Interviews, но сами критерии и подход универсальны.
 
8. NN/g: Как использовать карты эмпатии для планирования исследований, во время их проведения и для записи результатов.
 
9. User Interviews: Продуктивное взаимодействие исследователей и команды поддержки.

#research

Собралась большая пробка из свежих ссылок, так что темы типа свежих интерфейсных паттернов и лучших практик всплывают чаще обычного. Но по весне это нормально:
 
1. Microsoft: Расширили свои гайдлайны по инклюзивному дизайну — появился раздел про когнитивные ограничения и работу с ними. Tracy Jones сделала обзор основных тезисов и приводит примеры решений из продуктов компании.
 
2. Acronis: Опыт работы с текстами в интерфейсе. Как добиться согласованности по всему продукту.
 
3. Frank Rausch: Простая памятка по современным навигационным паттернам в iOS.
 
4. NN/g: Советуют ограничивать использование технического жаргона в интерфейсах. Он уместен только для узкоспециализированных сервисов, для остальных — стоит давать расшифровку или вообще избегать их.
 
5. Creative Navy: Большой обзор интерфейсных паттернов, которые используются в сервисах-дашбордах.
 
6. NN/g: Подходы к китайским «интернет-магазинам на диване». Как они ведут трансляции и связывают их с покупкой товара.
 
7. Gil Bouhnik: Примеры манипуляции с данными на графиках. Как искажают информацию с помощью тёмных паттернов.
 
8. Подборка иконок-переключаетелей тёмной темы оформления с кодом на CSS.
 
9. Creative Navy: Интерфейсы приложений для отслеживания симптомов хронических болезней.
 
10. Daley Wilhelm: Заметила популярность эмоджи и иконок искр в интерфейсах. Она копнула, откуда они появились и не советует увлекаться ими.
 
#patterns

Щепотка дизайн-менеджмента в начале недели:
 
1. Figma: Новая версия карьерной лестницы для дизайнеров. Они опубликовали свой шаблон и виджет для FigJam. А ещё показали свой старый подход.
 
2. NN/g: Структурированная подборка своих статей о UX-стратегии.
 
3. Слава Шестопалов: Подробная памятка по проведению воркшопов по дизайну. Много советов по разным этапам подготовки и проведения, а также инструкция по решению возникающих проблем по ходу.
 
4. User Interviews: Большое исследование стоимости поиска респондентов разными способами, включая собственную панель. К статье идёт калькулятор ROI и версия в PDF.
 
5. Indeed: Способы оценить качество текстов в интерфейсе, которые готовит команда редакторов.
 
6. Jeff Patton: Важность видения будущего в продуктовой работе. Он показывает, как собрать его.
 
7. Scott Jenson: Советы по обсуждению дизайна и работе с обратной связью.
 
#management

Выгрузил пачку обновлений на сайт-коллекцию алгоритмического дизайна:
 
1. Adobe Firefly: Генератор фото и иллюстраций по текстовому запросу от Adobe на базе их платформы Sensei. Их можно быстро редактировать всеми модными способами, которые они показывали последние годы в основные продукты.
 
2. Midjourney 5: В новой версии лучше получаются руки, глаза и зубы, больше детализация и размер 1024x1024 (было 512x512).
 
3. GPT-4: OpenAI выпустили свою новую языковую модель: Она умеет анализировать и анализировать изображения (что на них происходит, включая пояснительную бригаду для мемов), менять стиль общения, превращать бумажный набросок интерфейса в готовую вёрстку, создать готовое мобильное приложение по описанию концепции. Они также сделали плагины — уже есть е-ком (Shopify, Klarna), бронирование билетов (Expedia, Kayak), еда (Instacart, OpenTable), автоматизация (Zapier) и другие. А также интеграцию через API. Ну и Luke Bechtel создал выдуманный язык программирования с помощью него.
 
4. Uizard Autodesigner: Инструмент алгоритмического дизайна обещает делать экраны интерфейса по текстовому описанию.
 
5. Noya: Инструмент алгоритмического дизайна от бывших дизайнеров Airbnb. Он превращает набросок интерфейса в готовый макет на базе компонентов дизайн-системы. Анонс.

6. Tome: Инструмент алгоритмического дизайна для презентаций. Может сгенерировать черновик с графикой на основе тезисов.
 
7. Piggy: Инструмент генерирует простые сайты-презентации для мобильных с помощью алгоритмического дизайна.
 
8. Плагин Stable Diffusion для Blender. Помогает создавать и анимировать объекты.
 
9. Neural3D: Инструмент генерирует 3D-объекты по текстовому запросу.
 
10. ECON: Экспериментальный алгоритм позволяет создать 3D-модель человека на основе фото.
 
11. Chris Lueders: Попробовал написать гайдлайны для компонента в дизайн-системе с помощью ChatGPT. В целом работает, хотя и слишком общо — важна специфика продуктов конкретной компании. Ведь такие тексты пишутся для облегчения жизни потребителей дизайн-системы, а не автора документации.
 
12. Рассказ об экспериментальной игре Tales of Syn, графику для которой делали с целой связкой инструментов, включая Stable Diffusion.

13. Opera: Краткий пересказ статей в браузере — его делает ChatGPT. По кнопке «Сократить» появится пересказ в боковой панели.
 
14. Telega.in: Генератор постов в Телеграме и картинок к ним.
 
15. Ray Wang: Иллюстрации для своей детской книги «Say Yes to Doing» с помощью Midjourney. На работу ушло около двух недель.
 
16. ArtFair: Концепция сервиса, который платит авторам иллюстраций и фотографий, которые использовались при тренировке инструментов алгоритмического дизайна.
 
17. Josh W Comeau: ChatGPT не заменит разработчиков, несмотря на широкие возможности GPT-4. Это как визуальные конструкторы сайтов — они снизят порог входа, но помимо этого сделают разработчиков продуктивнее. У Christian Heilmann похожее мнение.
 
18. GitHub Copilot X: Новая версия пишет описания для pull-запросов, генерирует юнит-тесты, исправляет ошибки в коде, помогает разобраться в документации, а также доступна из командной строки.
 
19. Microsoft 365 Copilot: Приложения вроде Word, Excel, PowerPoint, Outlook и Teams могут генерировать и анализировать документы. Это большой рывок в продуктивности. У Google Docs похожие планы.
 
20. Shopify: Генерация описания товара человеческим языком по набору ключевых слов.

21. Genius: Новый загадочный проект от команды Diagram.

22. Salesforce: Встроили ChatGPT в свою CRM, так что обещают генерировать и адаптировать контент для неё. Анонс.
 
23. Intercom: Встроили ChatGPT в свой сервис поддержки пользователей — он обрабатывает часть запросов. Как его делали.
 
24. Экспериментальный сервис помогает определить текст, написанный с помощью ChatGPT. Пока, правда, только для модели GPT-2.
 
Эта коллекция — мой второй из четырёх запланированных проектов на Webflow — в этом году должен запустить ещё много интересного.
 
#al #algorithms

Собрал дайджест продуктового дизайна за март 2023. Навигация на мобильных, рифма иконок и шрифта, дизайн-системы, развитие дизайнеров, воркшопы, дизайн-менеджмент, ResearchOps, аудит контента, алгоритмический дизайн, обратная связь от пользователей и ещё сотня свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru — https://vc.ru/u/8729-yury-vetrov
— ВКонтакте — https://vk.com/pdigest
— RSS — https://jvetrau.com/feed/

Design Prosmotr опубликовали моё выступление про фреймворк брендинга цифровых продуктов. Первые кусочки появились ещё в Mail.ru Group, а в Райффайзен Банке всё сложилось в цельную картинку. С тех пор я работаю по нему и это здорово помогает снижать риски того, что концепция айдентики останется только на уличных плакатах и в кейсе агентства. А сам бренд будет не только про фирменных стиль, а про то как всё выглядит, работает и ощущается. Ведь в сильной компании бренд и продукт — тождественны.
 
С прошлого года занимаюсь упаковкой этого подхода в интенсив, так что ждите анонсов.
 
Кстати, вот примеры в тему из выходившего на рынке с начала года:
 
1. Brand New запустили раздел, посвящённый командам бренда внутри продуктовых компаний. У каждой команды развёрнутый профиль с описанием формата работы, команды, ярких работ.
 
1. Алиса: Эволюция визуального языка.
 
2. Wise: финтех от американского агентства Ragged Edge.
 
3. Mode: аналитический сервис от американского агентства Gretel.
 
4. Whatsapp: мессенджер от британского агентства Koto.
 
5. Cohere: платформа алгоритмической работы с контентом от американского агентства Pentagram.

6. Bolt: платёжный сервис от британского агентства Koto.
 
7. Going: сервис бронирования авиабилетов от британского агентства Design Studio.
 
8. Manychat: сервис автоматизации общения с клиентами в мессенджерах от американского агентства Collins.
 
9. The Org: сервис для нетворкинга от голландского агентства Verve.
 
10. Homa: игровая студия от американского агентства Ragged Edge.
 
11. F-Secure: приложения для кибербезопасности от британского агентства Nomad.
 
12. Яндекс Маркет: Создание визуального языка.
 
13. Oppo: мобильные телефоны от шведского агентства Stockholm Design Lab.
 
14. Netflix: иконки, иллюстрации и типографика от британского агентства Koto.
 
15. Frame.io: дочерняя компания Adobe, сделано внутренними силами.
 
16. Amazon Prime Video: видео-сервис от американского агентства Pentagram.
 
17. Brite: платёжный сервис от британского агентства MultiAdaptor.
 
18. Around Pet: сервис мониторинга домашних питомцев от немецкого агентства Navarra.
 
#branding

Что там нового по лучшим интерфейсным паттернам и практикам?
 
1. Alex Hollender: Недавний редизайн Wikipedia. Какие проблемы решали, как шёл дизайн-процесс и насколько сложно было согласовать выкатку.
 
2. Slack: Поддержка accessibility. Как прорабатывали эти возможности и тестировали с пользователями.
 
3. Daley Wilhelm: Разбирает интерфейс игровой приставки Playdate.
 
4. Baymard: Подсказки точного адреса в интернет-магазинах.
 
5. Julien Martin: Все этапы работы над брендом и интерфейсом сервиса Zenly, который недавно закрылся.
 
6. NN/g: Лучшие практики проектирования «магазинов на диване» в мобильных приложениях.
 
7. Chamjo: Ещё одна коллекция интерфейсных паттернов.
 
8. Peter Ramsey: Лютый схематоз со скидками на сайте Domino's Pizza. Жёсткий тёмный паттерн ценообразования.
 
9. Rosie Hoggmascall: Анализ процесса встречи нового пользователя в приложении для знакомств Bumble.
 
10. Growth Design: Анализ процесса встречи нового пользователя в сервисе Loom. Как они ненапряжно вовлекают.
 
11. Swiggy: Виджет live activity и «динамический остров» в iOS для сервиса доставки.
 
12. NN/g: Типичные проблемы в информационной архитектуре.
 
13. Eva Katharina Wolf: Поддержке пользователей с дислексией в интерфейсах.
 
#patterns

Традиционно насыщенная информационным мяском мини-подборка о пользовательских исследованиях:
 
1. Сообщество ResearchOps: Каталог инструментов для всех видов и задач исследований. Они также провели опрос про их популярность. Как его делали.

2. Jake Burghardt: Фешенебельный фреймворк помогает оценить текущее влияние исследований в компании на продуктовую работу на разных этапах. Он показывает текущую ситуацию и помогает выбрать следующие шаги в повышении влияния.
 
3. Jeff Sauro, Christopher Roberts, Kelly Palmer и Jim Lewis: Советы по организации постоянно идущих пользовательских исследований (rolling research). Эта концепция пришла из Lean UX.
 
4. NN/g: Удачные и плохие примеры запроса обратной связи в интерфейсе. В какой момент показывать их и как делать короткими.
 
5. User Interviews: Шаблоны и методы для ведения заметок по ходу исследования. Она также тезисно описала лучшие практики. Бонус: шаблоны для проведения исследований в целом, а также персонажей, Jobs to Be Done и других ментальных моделей.
 
6. Connor Joyce: Роль и задачи специалиста по поведенческой науке.
 
7. User Interviews: Когнитивные искажения исследователей. Как бороться с ними и вообще замечать на ранней стадии.
 
8. Emily DiLeo: Описание отчётов и других документов о прошедших исследованиях в базе знаний и инсайтов.
 
9. NN/g: Разница между данными, выводами и инсайтами из качественных и количественных исследований.
 
10. Condens: Особенности подхода к демократизации исследований.
 
11. Indeed: Встречи по генерации идей, которые проходят после проведения исследований.
 
12. NN/g: Этические дилеммы, которые возникают в процессе исследований.
 
13. User Interviews: Исследования в классическом офлайновом формате постепенно возвращаются после пандемии. Памятка по обеспечению безопасности для них.
 
#research

Что выпустили и готовят к выходу из свежих книг по дизайну интерфейсов:
 
1. Marcin Wichary «Shift Happens» об истории клавиатур. Он проследил её за 150 лет от печатных машинок до современных.
 
2. Erica Jorgensen «Strategic Content Design. Tools and Research Techniques for Better UX» о пользовательских исследованиях контента. Выдержка из главы №1.
 
3. Maria Giudice и Christopher Ireland «Changemakers» об управлении изменениями с помощью дизайна. Глава №1 в открытом доступе.
 
4. Yael Ben-David «The Business of UX Writing» о «продаже» бизнесу ценности системной работы с контентом.
 
5. Eli Woolery и Aarron Walter «Collaborate Better Handbook». Она основана на серии подкастов и посвящена командному взаимодействию.
 
6. Sheryl Cababa «Closing the Loop» о системном мышлении для дизайнеров. Выдержка из главы №1.
 
7. Donna Lichaw «The Leader’s Journey. Transforming Your Leadership to Achieve the Extraordinary» о дизайн-менеджменте и лидерстве.
 
8. Preston So «Immersive Content and Usability» о дизайне и юзабилити интерактивного контента.
 
А вот что на подходе у Rosenfeld Media:
— Jake Burghardt «Stop Wasting Research». Он несколько лет писал серию статей о базах знаний и инсайтов из пользовательских исследований и теперь упаковал это в книгу. Обещает быть ультрапередовой и полезной.
— Rachel Posman и John Calhoun «The Design Conductors».
— Erin Weigel «Design for Impact».
— Sarah Doody «The Product of You».
 
#books

Собрал дайджест продуктового дизайна за апрель 2023. Брендинг цифровых продуктов, кто придумал термин UX, алгоритмический дизайн, свежие книги, история мобильных, пользовательские исследования, dynamic island, accessibility и ещё полсотни свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Если вы заметили — я стартую поэтапное обновление бренда дайджеста. В прошлом году подготовил обновлённую концепцию, вокруг которой описал роль бренда («Утоли информационный голод»), проработал методологическую часть с Кирой Чубенко, сделал основу айдентики с Funky Agency и первый подход к фирменному шрифту с Бюробукв. В течение года всё это должно раскрыться в цельную визуальную систему. Ну и самое главное — сам дайджест обновится концептуально как информационный продукт. В общем, не переключайтесь :)

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

P.S. Огромное спасибо Саше Орлову за прошлые два визуальных направления!

Ежегодная конференция Google I/O 2023 прошла 10 мая в онлайне (в основном). Основная часть ставила рекорд по количеству повторений слова «AI», так что больших изменений в Android и Material Design кроме выхода телефона Pixel Fold с гибким экраном — нет. Но вот что накопалось:
 
MATERIAL DESIGN
Сильно обновили гайдлайны по поддержке больших экранов и планшетов (обзор и ещё один). Ещё про работу с ними
— Дизайн
— Разработка
— Тестирование
 
Расширяется набор компонентов Jetpack для Material 3. Один из необычных — карусель со своим флёром.
 
Более предсказуемая анимация для перемещения назад (ещё про это).
 
Контрастные темы оформления для поддержки accessibility. Есть даже полностью монохромный вариант
 
Обновили UI Kit для Figma.
 
Улучшенная работа с цветом и темами оформления на их основе.
 
Видео-презентация их видения «forms follows feelings» — они обосновывают логику Material You. Зачем-то оскорбляют изначальную концепцию Material Design (где этот термин имел смысл), не предлагая сопоставимой по силе метафоры.
 
Видео-презентация более мягкого языка анимации.
 
ANDROID 14
Новый сайт Design for Android собрал всё о работе над интерфейсами для любых веток ОС (обзор).
 
В Android Studio появился бот а-ля GitHub Copilot, который помогает писать код.
 
Появился визуальный линтинг для поиска проблем с accessibility.
 
Можно будет транслировать приложения с Android-телефона на Chromebook.
 
Более гибкая шкала масштабирования шрифтов.
 
Упрощение паролей через их менеджер и метод passkeys.
 
ANDROID AUTO
Получение и использование части данных о состоянии машины (например, уровень заправки).
 
Объединение всех экранов в машине (включая пассажирские).
 
Поддержка игр.
 
Как портировать планшетные приложения.
 
Текстовый обзор.
 
Раздел для дизайнеров и разработчиков.
 
К концу 2023 года Android Auto будет доступна в 200 млн машин
 
Вот вообще все видео выступлений конференции, если обзора мало.

В прошлом году я вообще пропустил традиционный обзор изменений в дизайне Android, потому что было негусто. Тут кой-чего есть, но тоже без революций. Посмотрим, что там будет на WWDC 5–9 июня.
 
#materialdesign #designsystems