Дайджест продуктового дизайна, февраль 2025

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои… Сообщение Дайджест продуктового дизайна, февраль 2025 появились сначала на Юрий Ветров об интерфейсах.

Мар 16, 2025 - 15:00
 0
Дайджест продуктового дизайна, февраль 2025

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-январь 2025.

Дайджест продуктового дизайна, февраль 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.

Дизайн-системы и гайдлайны

On Theme — Design Systems in Depth

Подкаст о дизайн-системах.

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-обратную связь в мобильных приложениях.

Paper

Новый инструмент для дизайна интерфейсов. Обещают связку с ИИ, интеграцию с разработкой.

Пользовательские исследования и тестирование

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

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 появились сначала на Юрий Ветров об интерфейсах.