Дайджест продуктового дизайна, февраль 2025
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои… Сообщение Дайджест продуктового дизайна, февраль 2025 появились сначала на Юрий Ветров об интерфейсах.
Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-январь 2025.
Паттерны и лучшие практики
The Subtle Art of Designing Physical Controls for Cars
Casper Kessels попробовал сделать сам физическую кнопку управления климатом в машине. Он дотошно записывал все свои находки о нюансах взаимодействия пользователя с ней.
Extending the cursor
Kyle Lambert собрал интересные примеры развития работы с курсором в инструментах и играх. И даёт советы на тему таких экспериментов.
Как проектировать скелетоны
Антон из X5 описывает принципы дизайна экранов загрузки в виде «скелетонов». Получилась очень дотошная и детализированная инструкция.
User-Interface Elements — Glossary
Raluca Budiu и Kara Rivenbark из Nielsen/Norman Group собрали словарик, описывающий типовые элементы интерфейса.
Less Effort, More Completion — The EAS Framework for Simplifying Forms
Huei-Hsin Wang из Nielsen/Norman Group предлагает фреймворк EAS (Eliminate, Automate, Simplify) для упрощения форм в интерфейсах.
Screen Gallery — Лучшие UX/UI решения из России и СНГ
Коллекция паттернов в отечественных мобильных приложениях.
Reactive Haptics
Scott Jenson показывает, как команда Android использовала обратную связь через haptic-эффект для разделения действий в панели быстрых действий: обычное нажатие и длинное для вызова дополнительных действий.
XR Accessibility — for people with moving disabilities
Памятка по поддержке accessibility в интерфейсах дополненной реальности Joe Lamyman из агентства TetraLogical.
10 Desktop Web UX Best Practices
Lars Söderlund сделал обзор недавних исследований Baymard по лучшим практикам интернет-магазинов в большом вебе. Он в том числе выделил 10 типичных проблем.
Accessible Design Checklist
Чеклист по проверке accessibility в дизайне интерфейсов от Laura Kalbag из Penpot.
Consumer Software UX & NPS Benchmarks (2025)
MeasuringU опубликовали новое сравнительное исследование цифровых продуктов. Как пользователи оценивают их по метрикам UMUX-Lite и NPS.
Avoiding tokens
В мире дизайн-систем полное недоумение — Salesforce Lightning, для которой Jina Anne придумала концепцию токенов в 2014 году, отказались от этого термина. Donnie D’Amato раскопал, почему — они сфокусировались на CSS-переменных и в целом считают будущую спецификацию W3C по токенам идущей не туда из-за избыточной сложности.
Designing design systems — How to lay the groundwork that drives decision making
Lynn Hao рассказывает о том, как команда дизайн-системы Adobe работает с её пользователями внутри компании. Собирает обратную связь и пожелания, объясняет, помогает.
How to bring structure and clarity to design system components
Michael Haggerty-Villa делится своим шаблоном для подготовки описания гайдлайнов в дизайн-системе.
Sber Design System
Обзорный рассказ Ярослава Сизова о создании дизайн-системы Nova в Сбере.
Design Systems 104: Making Metrics Matter
Figma собрала советы по анализу использования компонентов дизайн-системы от дизайнеров из athenahealth и Microsoft. Они обновили аналитику библиотек, которая даёт больше возможностей.
State of React 2024
Большой опрос разработчиков на React о том, как им работается с фреймворком.
Понимание пользователя
WhoCanUse
Универсальный анализ восприятия пар цветов людьми с разными ограничениями зрения.
Новые инструменты дизайна интерфейсов
Figma Slides
Появились плагины. Обзор первых интересных среди них.
- pdf.to.design: Превращает PDF в презентацию в инструменте.
- IconScout: Доступ к библиотеке иконок IconScout.
- Clean Deck: Помогает посмотреть на слайды «сверху» и лучше организовать структуру презентации.
- Jitter: Позволяет делать интересную анимацию на слайдах.
- Mesh Gradient: Помогает делать mesh-градиенты.
- Rehearse: Помогает репетировать презентацию — понять, сколько времени по факту уходит на неё.
Figma
Adobe Photoshop Mobile
Новая версия упрощённого Adobe Photoshop для мобильных.
PostSpark
Сервис делает интересную подачу скриншотов интерфейса.
Hapticlabs — No-code haptics
Инструмент помогает прототипировать haptic-обратную связь в мобильных приложениях.
Пользовательские исследования и тестирование
Common-Sense AI Integration — Lessons from the Cofounder of Condens
Alexander Knoll (со-основатель базы знаний и инсайтов Condends) толково разложил применимость ИИ для разных задач в анализе результатов пользовательских исследованияй. Где он помогает, работает с вопросиками и вообще бесполезен.
Streamlining the SUPR-Qm — The SUPR-Qm V2
Jim Lewis и Jeff Sauro предлагают упрощённый стандартизированный опросник The SUPR-Qm V2 для оценки юзабилити мобильных приложений. Они сократили количество вопросов с 16 до 5 без потери валидности.
A Review of Mobile App UX Questionnaires
Jim Lewis и Jeff Sauro сделали обзор стандартизированных опросников для оценки мобильных приложений.
How Much Should You Over-Recruit?
Jeff Sauro и Jim Lewis разбираются, какой запас респондентов нужно приглашать на пользовательские исследования на случай их отказа в последний момент и других проблем. В целом — около 20%.
Setting up a ResearchOps capability — Lessons learnt
Voula Gkatzidou рассказывает о построении ResearchOps в медицинской компании AstraZeneca. Шаблон в Miro, помогающий спланировать инициативы на год.
Won’t Tools with AI Solve Research Waste?
Jake Burghardt трезво смотрит на роль ИИ в построении базы знаний и инсайтов из пользовательских исследований. Он сделал обзор уместного использования.
Human-Centered Design Through AI-Assisted Usability Testing — Reality Or Fiction?
Eduard Kuric изучил, насколько ИИ может помочь в проведении юзабилити-тестирования. А точнее, задавать хорошие дополнительные вопросы респондентам.
Анализ 60+ вакансий на позицию продуктового исследователя (грейд middle)
Катя Халитова из Контура изучила вакансии пользовательских исследователей на рынке. Получился интересный анализ помимания профессии на рынке.
How To Test And Measure Content In UX
Виталий Фридман собрал несколько методов пользовательского тестирования контента в интерфейсе.
Integrating customer research into product goals
Советы Jake Burghardt по более активному использованию инсайтов из пользовательских исследований продуктовыми командами.
Who’s There? Mystery Calling for UX Research
Michael J. Madson, Yoshita Gade и Unnati Srivastava рассказывают о методе пользовательских исследований «mystery calling» (это вариация метода «таинственный покупатель»).
Дизайн-менеджмент и DesignOps
Level Assessment Product Designer v1.0
Интерактивная карта компетенций продуктового дизайнера Dodo в Figma.
How I review design work
Чеклист Ted Goas, который он использует для оценки дизайна в своей команде сервиса Dialpad.
Продуктовый менеджмент и аналитика
Inside the Duolingo Company Handbook
Duolingo выпустили мини-книгу о том, как устроена работа над продуктом и культура в компании.
Методологии, процедуры, стандарты
Карта процесса-опыта. Методичка
Андрей Шапиро опубликовал методичку по методу «Карта процесса-опыта». Он помогает описывать процессы в социо-технических системах.
Карта реализации историй
Андрей Шапиро описывает метод «карта реализации историй». Он помогает сформулировать сценарии использования и требования к их реализации.
Кейсы
Как меняется поведение и метрики пользователей при редизайне продукта
Хороший пример Дениса Теплова о том, что иногда при редизайне нужно дать пользователям привыкнуть к нему. Как Лига Ставок сильно поменяла интерфейс и получила сначала просадку к ключевым метрикам, а потом рост.
Behind the design ― Adobe Acrobat Sign’s new recipient experience
Steven Kramer рассказывает о редизайне процесса подписи документов в Adobe Acrobat.
Брендинг цифровых продуктов
YouTube’s New Red — A Colorful Rebrand
YouTube поменял свой красный цвет на градиент красно-пурпурного. Это делает его из просто утилитарного — запоминающимся ключевым атрибутом бренда.
OpenAI
Ребрендинг OpenAI, сделанный внутренними силами при поддержке голландского агентства Studio Dumbar.
Suno
Ребрединг ИИ-генератора музыки Suno от американского агентства Metalab.
Eventbrite
Ребрендинг календаря событий Eventbrite от американского агентства Buck.
Wise Platform
Wise расширили свой бренд на B2B с помощью того же американского агентства Ragged Edge. Как это работает на их конференции Wise Connect.
Kit
Ребрендинг маркетинговой платформы Kit от британо-американского агентства Koto.
Scribd
Ребрендинг платформы Scribd для хранения электронных документов (публикации, презентации, книги и т.п.) от британского агентства Mother Design.
Mistral AI
Ребрендинг ИИ-чатбота Mistral от французского дизайнера Sylvain Boyer.
Grok
Ребрендинг ИИ-модели Grok от дизайнера Jon Vio.
История
Erin Malone ― In Through the Side Doo. Fifty Years of Women in Interaction Design
Издательство MIT Press выпустило книгу Erin Malone «In Through the Side Doo». Она посвящена женщинам, помогавших становлению дисциплины проектирования взаимодействия.
Тренды
Top 3 Visual Trends of 2024
Тренды по результатам 2024 года от Behance.
Алгоритмический дизайн
Redefining UX — Behavior and Anticipatory Design in the Age of AI
Joana Cerejo предлагает отличный фреймворк для anticipatory-дизайна. Как и в какой степени ИИ может персонализировать интерфейс и адаптировать его под пользователя.
Flora
Комбайн из инструментов алгоритмического дизайна собирает результаты их работы на бесконечном холсте. Умеет в изображения (Flux Pro, Luma Photon, Recraft, Stable Diffusion), видео (Hailuo, Kling, Pika, Runway, Luma Dream Machine), тексты (ChatGPT, Claude).
AI site builder — Build and launch faster with Webflow
Инструмент алгоритмического дизайна от Webflow помогает генерировать и настраивать сайты.
Hello AI Agents — Goodbye UI Design, RIP Accessibility
Jakob Nielsen рассуждает, как ИИ-агенты повлияют на дизайн интерфейсов. И делает обзор текущих решений с исторической справкой.
Evaluating overlay-adjacent accessibility products
Eric Bailey пишет о пользе и ограничениях от сравнительного нового класса ИИ-продуктов, которые улучшают accessibility любого сайта. Большой справочный анализ в довесок.
2025 AI in Marketing and Advertising Trends
Обзор трендов ИИ в маркетинге и рекламе 2025 года от сервиса Leonardo.AI.
AI Stigma — Why Some Users Resist AI’s Help
Jakob Nielsen собрал пачку исследований на тему доверия к ИИ-продуктам и результатам их работы. Спойлер: с доверием проблемы.
The End of Programming as We Know It
Программная статья Tim O’Reilly о смене парадигмы в программировании. Как профессия много менялась в прошлом и как её переформатирует ИИ.
Chip Huyen — AI Engineering
Издательство O’Reilly выпустило книгу Chip Huyen «AI Engineering». Как строится разработка с современными ИИ-инструментами.
Double Click: When Coding Becomes Conversation
Figma собрала мнения разработчиков и дизайнеров о вайб-кодинге — свежем баззворде вокруг разработки через общение с ИИ-чат-ботами.
https://x.com/karpathy/status/1886192184808149383
Meet Firefly Video Model — AI-Powered creation with unparalleled creative control
Adobe Firefly теперь может генерировать видео. Они планируют добавить работу со звуком.
Introducing Muse — Our first generative AI model designed for gameplay ideation
Экспериментальный инструмент от Microsoft генерирует игровой мир и игровые механики на основе примеров. Они хотят адаптировать старые игры с его помощью.
How Service Design Will Evolve with AI Agents
Sarah Gibbons и Pablo Fernández Vallejo из Nielsen/Norman Group задаются хорошим вопросом — как изменится проектирование услуг при повсеместном распространении ИИ-агентов. От картирования пути до процессов.
GoDaddy Airo — An AI-Powered Solution to Help You Grow Online
Генератор логотипов и сайтов от GoDaddy. Он также может помочь в запуске рекламной кампании почте и в соцсетях, а также анализировать её результаты.
Spell by Spline — 3D World model
Spline запустили свой генератор 3D-сцен на основе изображения.
Как отличить оригинальный контент от созданного искусственным интеллектом фейка
Памятка Валерии Ильиной по определению сгенерированного текста, изображений или видео.
OmniHuman-1 — Rethinking the Scaling-Up of One-Stage Conditioned Human Animation Models
Генератор видео выступления персонажа на основе одного изображения и аудио-дорожки с примером голоса от ByteDance.
AI transparency framework
Фреймворк Josh LaMar помогает выбрать степень прозрачности в том, как упоминать использование ИИ в продукте или контенте.
The Great AI UI Unification
MG Siegler удивляется, почему ИИ-чат-боты ломают свой принцип максимального упрощения взаимодействия, добавляя непонятный для большинства пользователей выбор моделей с абракадабрными названиями.
Step-Video-T2V
Генератор видео по текстовому описанию.
Ask LukeW — Conversational AI Usability Study
Luke Wroblewski провёл юзабилити-тестирование своего алгоритмического поиска по сайту Ask LukeW.
Wan AI — Creative Drawing, AI Painting
Генератор видео по текстовому описанию от Alibaba.
Icon — The AI Admaker
Генератор рекламных роликов. На основе материалов съёмки он помогает собрать сценарий и подкрутить его, сгенерировав новые кадры при необходимости.
Pikaswaps и Pikadditions
Pika научилась менять один объект на видео на другой с помощью функции Pikaswaps. И добавлять персонажа на видео на основе фото через Pikadditions.
Imagine it, create it: Veo 2 is coming to YouTube Shorts
YouTube добавил генерацию коротких видео через модель Google Veo 2 внутри инструмента Dream Screen.
PixVerse
Генератор коротких видео со звуком по текстовому запросу.
Claude 3.7 Sonnet
Новая модель прошла игру Pokemon Red. В режиме Code она создаёт игры, мобильные приложения, сайты, SVG-графику и кучу других результатов разработчика.
OpenAI GPT-4.5
Вышла новая версия модели.
AI Hallucinations — What Designers Need to Know
Page Laubheimer из Nielsen/Norman Group описывает причины «галлюцинаций» в генеративных продуктах. Он предлагает несколько интерфейсных решений, которые подсветят риски пользователям.
Introducing deep research
В ChatGPT появился режим дотошных исследований Deep Research. Он долго собирает материалы, но на выходе выдаёт объёмный отчёт по теме.
ChatGPT и Blender
Модель o3-mini в ChatGPT может создать анимированную симуляцию воды в Blender.
Introducing the SWE-Lancer benchmark
OpenAI сделали сравнительный анализ SWE-Lancer — он помогает понять, насколько хорошо ИИ-сервисы справляются с реальными инженерными задачами.
OpenAI tops 400 million users despite DeepSeek’s emergence
Еженедельная аудитория ChatGPT взлетела с 300 млн пользователей в декабре 2024 до 400 млн всего за пару месяцев.
Anthropic Economic Index
Anthropic запустили серию исследований и публикаций о влиянии ИИ на экономику и разные профессии/отрасли. Обзор первого выпуска.
Grok 3
Вышла модель Grok 3 от x.AI.
Amazon Alexa+
Amazon Alexa+ прокачалась с помощью ИИ (они подключают разные модели для разных задач). Это делает умные колонки и другие устройства полезнее — меньше тупиковых веток диалога, больше возможностей ИИ-агента. Также можно генерировать музыку через Suno.
AI Emoji Generator
Генератор эмоджи по текстовому описанию.
New York Times goes all-in on internal AI tools
Журналисты New York Times начнут использовать нейросети для работы над новостями — пока не написание, но помощь в работе над заголовками, версиями для рассылок и т.п.
Christie’s Augmented Intelligence
Аукционный дом Christie’s готовит выставку произведений искусства, которые созданы с помощью ИИ. Само собой, они отхватили кучу негатива.
Генерация уроков Skyeng
Skyeng дают возможность сгенерировать урок и материалы для него.
NotaGen
Генератор нотных партитур.
Для общего и профессионального развития
Desperate UX Portfolio
Грустная ирония над портфолио дизайнера во время отраслевого кризиса, где сложно найти работу.
Help or Hubris ― Certifications in UX and Human-Centered Design
Clemens Lutsch подсказывает, как правильно выбрать профессиональную сертификацию в UX (если она вам действительно нужна).
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
Сообщение Дайджест продуктового дизайна, февраль 2025 появились сначала на Юрий Ветров об интерфейсах.
