Дайджест продуктового дизайна, май 2024
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои… Сообщение Дайджест продуктового дизайна, май 2024 появились сначала на Юрий Ветров об интерфейсах.
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-апрель 2024.
Паттерны и лучшие практики
Keep it together — 5 essential design patterns for dev tool UIs
Интерфейсы для разработчиков должны быть оптимизированы под высокую продуктивность. Глеб Строганов и Travis Turner из Evil Martians описывают самые частые паттерны.
Furniture and Home Decor UX — Deprioritize “View in Room” Augmented Reality (AR) Features
Режим примерки товара в дополненной реальности в интернет-магазинах на мобильных работает коряво и достаточно бесполезно. Sonia Weaver делится выводами из свежего исследования Baymard Institute.
Are you designing with the right keyboard in mind?
Толковый анализ возможностей экранных клавиатур в Android и iOS от Ксении Толокновой. Что и когда можно использовать в ваших приложениях.
UI Density
Matthew Ström разбирает разные виды информационной плотности в интерфейсе — насыщенность на единицу пространства, во времени и в плане ценности.
Навигатор по килл-фичам платежей, переводов и информации о транзакциях в мобильных банках мира
Markswebb проанализировали более 70 банков из разных стран мира и отметили интересную реализацию функциональности платежей и переводов. Анонс.
Mind the Gap
Текст и видео презентации Luke Wroblewski о трёх разрывах в UX: организационном, сути продукта и его реализации, которые мешают получить ценность от продукта.
Handheld Design — Discover best-in-class mobile design inspiration
Коллекция паттернов мобильных приложений.
Always Allow Users to Navigate across User Reviews via Reviewer-Submitted Images
Sonia Weaver из Baymard Institute рекомендует делать навигацию между фото пользователей в отзывах о товаре. Обычно они открываются поодиночке, что заставляет делать много лишних телодвижений.
UX and NPS Benchmarks of Flower Delivery Websites (2024)
MeasuringU опубликовали новое сравнительное исследование сайтов заказа цветов. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Дизайн-системы и гайдлайны
Android 15 для дизайнеров
Ежегодная конференция Google I/O 2024 прошла 14 мая в онлайне (в основном). Как и в прошлый раз, всё внимание ушло на битву ИИ-вооружений — выше крыши новостной пищи про Gemini, маловато про Android и Material Design. Но чуток есть:
Android
Детальный обзор экранов и функций Android 15. Самое заметное:
Визуальное облегчение статусной строки:
Можно делиться не всем экраном, а его частью:
Обновление интерфейса камеры:
Постоянная панель приложений на больших экранах:
Предиктивная логика возврата назад в истории навигации:
Пары приложений, которые сразу запускаются с разделением экрана:
Насильное включение тёмной темы даже для приложений, которые её не поддерживают:
- Приватный раздел, где можно спрятать приложения под пароль.
- Project Gameface позволяет управлять телефоном глазами и мимикой людям с ограниченными возможностями.
- ИИ будет анализировать телефонный разговор в реальном времени, чтобы словить типичные вопросы мошенников и предупредить пользователя.
- Защита данных от воровства (телефон определит, если его вырвали из рук и побежали наутёк).
- Отслеживание вредоносных приложений в реальном времени.
- Можно сфотографировать билет или карту лояльности — Google Wallet отсканирует её и добавит в коллекцию.
Gemini полностью встроен в Android. Он запускается как слой поверх текущего приложения.
Можно задать вопрос о видео с YouTube или PDF. Ещё он будет искать внутри Google Photos, объяснять решение проблемы из видео-ролика.
Другие платформы
Анонсировали раннюю версию WearOS 5. Расширение возможностей для сторонних циферблатов и API для отслеживания здоровья, повышение энергоэффективности.
Обновление Android Auto (платформа доступна уже на 200 млн машинах). Можно передавать медиа с телефона через Google Cast, есть новые приложения.
Google Home открывает свою платформу для сторонних продуктов.
Другие новости про Gemini
Новые версии модели Gemini 1.5: более компактная Flash и совсем портативная Nano для запуска на устройстве.
Обновились модели Imagen и Veo для генерации картинок и видео.
В Gmail и Docs появится боковая панель для работы с Gemini.
Project Astra использует камеру телефона для анализа того, что видит пользователь. Они сделали демо с очками дополненной реальности.
Gemini Live поможет подготовиться к презентации или собеседованию — с ним можно вести диалоги. Виртуальный коллега в Google Workspace сможет мониторить статус проектов, поможет раскопать контекст из предыдущей переписки, анализировать тренды и организовывать информацию.
Liam Spradlin тизерит толковые рассказы от дизайнеров, James Williams показывает обновления компонентов для Android, а Abla Hamilton учит использовать Gemini для анализа дизайна на базе Material Design (например, он подскажет какие компоненты нужно использовать для конкретного макета).
Полезные выступления:
Вот такая окрошка новостей на тархуне (такая вся неоднородная), отправленная со смартфона Vivo (меметичная аналогия навязчивости Gemini). 10 июня сравним всё это с обновлением iOS.
Decision Trees For UI Components
Виталий Фридман собрал примеры блок-схем для выбора правильного компонента под задачу.
Affordance in Design System Components
Sjoerd Beentjes предлагает использовать концепцию «аффорданса» для создания и описания компонентов дизайн-системы. Идея отличная — это поможет внутренним пользователям правильно использовать их.
Shades of Grey with color-mix()
Michelle Barker показывает, как сделать систему серых цветов разной насыщенности с помощью функции CSS color-mix().
Fumadocs
Фреймворк для создания сайтов документаций и живых гайдлайнов дизайн-систем на платформе Vercel.
Понимание пользователя
25 Neuroscience Myths. Busting Common Pop Psychology Myths
Adam Palanica решил разобраться с мифами о поведении людей. Зачастую это клише, искажённые научпопом, которые не подтверждаются реальными исследованиями или сильно искажены относительно первоисточника.
Новые инструменты дизайна интерфейсов
Figma
DIA Tools
Брендинговое агентство DIA, популяризировавшее в своё время кинетическую типографику, выложило в открытый доступ свои инструменты для анимации.
SVG Viewer
Редактор SVG в браузере.
Endless Tools
Набор экспериментальных инструментов в браузере для ярких композиций со шрифтами, объектами и текстурами.
Sketch 100
Собрали достаточно много улучшений: любые варианты прокрутки в прототипах и дополнительные состояния элементов при взаимодействии, редизайн веб-версии, панель быстрого поиска, навигация по большим файлам, плюс много общих улучшений интерфейса.
Пользовательские исследования и тестирование
Unlocking the Potential of Research Repos — Dive into a Collection of Articles
Структурированная подборка статей о построении базы знаний и инсайтов из пользовательских исследований от Faten Habachi. Как инициировать, построить, наполнить, использовать и т.п.
How customer insights saved us from the AI echo chamber
Со-основатель и глава Dovetail (базы знаний и инсайтов из пользовательских исследований) Benjamin Humphrey рассказал об изначальной задумке при создании продукта и том, как её удалось реализовать только сейчас, с помощью недавних наработок рынка в ИИ. Он также рассказал о новых алгоритмических функциях для упрощения работы с инсайтами.
Tailoring insight delivery across an organization
Команда пользовательских исследований Jared Forney в Okta умеет здорово миксовать разные методы под запрос команды. Он рассказал о нескольких подходах, используя метафору меню в ресторанах.
UX Research Recruiting Tips from 19 UX Experts [+ Checklist]
Мощнейшая памятка по поиску респондентов для пользовательских исследований от сервиса UXtweak. Они опросили экспертов, которые дали много толковых советов.
How much playtesting is enough?
Отличная памятка Steve Bromley: когда и сколько игровых тестов нужно проводить на каждом этапе работы над игрой. Какие риски есть на этих этапах и что за методы помогут их снизить.
Changes to Rating Scale Formats Can Matter, But Usually Not That Much
Jeff Sauro и Jim Lewis собрали памятку по всем своим исследованиям шкал опросов, которые они делали в последние годы. Они пытались разобраться, есть ли разница в результатах при изменении формы.
Из последнего — они испытали необычный вариант — сплошную полоску, где можно кликнуть в любое место, а не классические радио-кнопки. В целом заметной разницы нет.
There’s No Magic Bullet
Chris Chapman напоминает, что пользовательские исследования не всегда могут дать простой ответ на сложные бизнес-гипотезы. Он предлагает отличный обзор разных аспектов бизнеса, в каждом из которых можно принести много годных инсайтов.
Principles for reducing research waste in product development
Принципы хорошей базы знаний и инсайтов из пользовательских исследований от Jake Burghardt.
Beyond specialization with John Garvie of Uber
Из-за массовых сокращений в ИТ 2020 и 2022-2023 года рынок сильно изменился, включая пользовательские исследования в компаниях. John Garvie из Uber делится своим пониманием обязанностей и возможностей генералистов в такой ситуации.
Informed consent — vetting research software for privacy
Noreen Whysel разобралась, делятся ли сервисы для пользовательских исследований какими-то данными со сторонними платформами. Есть нюансики.
Визуальное программирование и дизайн в браузере
Popover API lands in Baseline
Una Kravets говорит, что API popover для попапов получило достаточную поддержку браузеров на рынке, так что их создание в вебе упростится.
Shipping Ship: Behind the Particle Shader Effect for Vercel’s Conf
Как делали эффектную анимацию «распадания» объектов под курсором на частицы для конференции платформы Vercel.
Метрики и ROI
How To Harness Mouse Interaction Data For Practical Machine Learning Solutions
В браузере можно собрать много метрик об использовании мыши — перемещения, нажатия и т.п. Eduard Kuric собрал подробный список таких показателей (хотя их полезность не так очевидна).
Брендинг цифровых продуктов
Brilliant
Ребрендинг обучающего сервиса Brilliant от британо-американского агентства Koto.
From stale to stand out — How to create a brand voice that speaks volumes
Принципы дизайна и голос бренда финтеха Wise, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании.
История
Emoji history — the missing years
Matt Sephton раскопал историю эмоджи сильно дальше устоявшегося мнения, что они появились в 1997 году в Японии. Да, в Японии — но заметно раньше.
Тренды
Алгоритмический дизайн
GPT-4o
OpenAI выпустили новую модель GPT-4o (omni), которая может анализировать текст, звук, изображения и видео в реальном времени. И выдавать результат также в реальном времени. Получается фактически легендарный фильм «Она» (они даже имитировали голос Скарлетт Йохансон, пока она не подала в суд). На презентации показали мощные демки с синхронным переводом на другой язык, адаптацией интонации под собеседника и контекстными шутками, обсуждением помещения собеседника (захват картинки с камеры), диалогом двух ИИ.
A Hierarchical 3D Gaussian Representation for Real-Time Rendering of Very Large Datasets
Экспериментальное решение позволяет генерировать сцены города в реальном времени — примерно как в живых панорамах карт.
AI Hallucination Examples and Why They Happen
Команда Everypixel описывает типы «галлюцинаций» в инструментах алгоритмического дизайна.
AnimateDiff meets VR
Эксперимент с генеративной сценой в виртуальной реальности.
AnimateDiff meets VR 
Читать Далее
