Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 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 🤯🎆 pic.twitter.com/XqV86LZgbn
— AP (@angrypenguinPNG) April 6, 2024
Feedback loop between Midjourney and ChatGPT-4
Robert Hodgin несколько раз прогнал цикл «Midjourney генерирует картинку → ChatGPT описывает её → Midjourney делает новую картинку по этому описанию». Он показал, как менялось это изображение от запроса к запросу.
Runway Studios Gen:48 — A two day short film competition
Конкурс Runway для режиссёров — они должны были создать за 48 часов фильм на основе этого инструмента алгоритмического дизайна с условиями по сценарию.
Runway AI Film Festival 2024
Runway второй раз провели фестиваль кино, сделанного при помощи ИИ.
Showrunner
Экспериментальный онлайн-кинотеатр от студии Fable генерирует сериалы по вашему запросу. С нужным стилем и сюжетом.
Exactly.ai
Инструмент алгоритмического дизайна для создания иллюстраций в заданном стиле.
Microsoft’s Copilot AI chatbot can help you play ‘Minecraft’ and other Xbox games
Microsoft Copilot появится в играх. Они показали демо для Minecraft.
The rise of Generative AI-driven design patterns
Ещё один набор паттернов для инструментов алгоритмического дизайна предлагает Connor Joyce.
The agentic era of UX
Alex Klein описывает концепцию интерфейсов на базе ИИ-агентов. Они не просто выполняют отдельные куски задач, а помогают по всему user journey.
Design Taste vs. Technical Skills in the Era of AI
Sarah Gibbons и Kate Moran из Nielsen/Norman Group рассуждают о роли дизайнера в эпоху инструментов алгоритмического дизайна. Какие навыки становятся важны вместо технических.
Loom AI
Автоматическая расшифровка видео в текст, который можно превратить в документ или задачу Jira.
Возрождённая коллекция
Сбер вместе с музейными специалистами попытался восстановить картины, утерянные во время войны. Они сделали уже два проекта для Волгограда и Воронежа.
IKI AI — Intelligent Knowledge Interface
Сервис поможет анализировать набор документов в разных форматах.
Съедать по камню в день и заправлять пасту бензином: какие странные советы пользователи получили от нейросети в Google
Google Gemini в поиске выдаёт бредовые и опасные рекомендации типа клея в пицце. Они обучали его в том числе на данных Reddit, где много такого стёба.
Microsoft Copilot в Telegram
Официальный бот Copilot для Telegram.
Wildberries запустил тестовую генерацию описаний товаров с помощью нейросети
Wildberries тоже внедряет генеративное описание товаров.
Нейросеть «Яндекс Маркета» научилась составлять подборки товаров для пользователей
Яндекс Маркет предлагает генеративные подборки товаров.
Yandex Cloud начала тестировать технологию генеративных ответов для бизнеса
Yandex Cloud тестирует корпоративные генеративные ответы, которые собираются на основе сайтов и веб-приложений компании.
Люди и компании в отрасли
How DeviantArt died — A.I. and greed turned a once-thriving community into a ghost town
Некогда популярный DeviantArt устроил самострел с огромным потоком генеративного контента. Статья разбирает ситуацию и судебные иски вокруг неё.
Материалы конференций
Dovetail Insight Out 2024
Сервис Dovetail для ведения базы знаний и инсайтов из пользовательских исследований провёл свою конференцию Insight Out 11 апреля в Сан-Франциско. Они начали публиковать видео и транскрипции выступлений.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
