Дайджест продуктового дизайна

Теперь все свежие публикации о дизайн-системах говорят про их создание и использование с помощью ИИ. Переход полный и бесповоротный: 1. Kaelig Deloumeau-Prigent: Мощная фабрика ИИ-агентов по созданию компонентов. Он во всех деталях рассказывает о том, как сделать такую же. 2. Nathan Curtis: Продолжает искать единый контракт для описания компонентов. Он позволит связать разные сферы их применения — компоненты в коде, Figma и версии для ИИ-агентов. 3. Christine Vallaure: Также пишет о контрактах компонентов. Они потенциально позволяют полноценно связать компоненты в коде и Figma. О них пишет ещё и Cristian Morales. 4. Nathan Curtis: Продолжает разбирать тему компонентов, которые генерируются из спецификации. В этой статье он проходит по всем важным частям такого документа. 5. State of AI in Design Systems — July 2026: Каталог дизайн-систем с поддержкой ИИ. Для каждой из них показан уровень внедрения. 6. Murphy Trueman: Надёжность ИИ в работе над дизайн-системой. Сколько и каких слоёв сверки нужно построить, чтобы результат был предсказуемым. 7. Murphy Trueman: В эпоху ИИ стало сложнее измерять покрытие дизайн-системой. Часть из этих использований — правдоподобные ответвления, а не правильное переиспользование. #designsystems

Что нового среди лучших интерфейсных паттернов и практик: 1. Тарас Бакушевич: Проанализировал гайдлайны и памятки по дизайну для ИИ от Google, IBM, Microsoft, Anthropic и OpenAI. И собрал отличный набор из 39 принципов дизайна для ИИ. 2. Luke Wroblewski: Обзор нового подхода к редактированию генеративных изображений в инструменте Reve. Он позволяет редактировать изображение как будто послойно, т.е. отдельные объекты на нём. 3. NN/g: Памятка по использованию выпадающих списков в формах. Когда они уместны и нет. 4. a11y.quest: Тест на знание принципов и правил accessibility. 5. Kat Homan: Парадокс — приложения для ментального здоровья должны снижать стресс и когнитивную нагрузку пользователя. Но своим ярким и передовым дизайном они делают обратную работу — кричат на пользователя, которому и без того несладко. 6. NN/g: Памятка по грамотному проектированию ИИ-чатботов на сайтах. Получилось 5 принципов. 7. Loading UI: Большая коллекция индикаторов загрузки. У каждого есть готовый код. 8. MeasuringU: Новое сравнительное исследование ИИ-чат-ботов и сайтов американских страховых компаний. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite. #patterns

Передовой край мысли в пользовательских исследованиях и просто хорошая крепкая база: 1. Adobe: Пять вопросов исследования, которые помогают делать хорошие продукты. 2. Steve Bromley: Калькулятор, который помогает посчитать отдачу от игровых тестов на разных этапах создания игры. Идея применима и к обычным пользовательским исследованиям. 3. Jeff Sauro и Jim Lewis: Пробуют вывести стандартизированный способ замера UX для ИИ-интерфейсов. Они начали с серии потенциальных вопросов для опросника. 4. NN/g: Предлагают формат файла UX.md по аналогии с DESIGN.md. Он хранит контекст знаний о пользователях. Ключевые выводы из пользовательских исследований, стандарты пользовательского взаимодействия, глоссарий, модели пользователей и мира. 5. Jeff Sauro и Jim Lewis: Пытаются непредвзято разобраться: можно ли хоть где-то использовать ИИ-модераторов пользовательских исследований? Это новая серия статей и они начали её с изучения существующих исследований и публикаций. 6. Marvin: Сервис базы знаний и инсайтов из пользовательских исследований провёл опрос 300 исследователей и потребителей исследований. Они попытались сделать срез того, как работает профессия сейчас. 7. Контур: Перекладывают когнитивную психологию и принципы работы мозга на простой язык сценариев взаимодействия. Анастасия Лестова здорово объясняет, как реагирует мозг пользователя на непривычные или непонятные вещи. 8. Chris Chapman: Точность для пользовательского исследования — это не только про методы. Это во многом про менеджерскую зрелость — как выбирать над чем работать относительно стратегии компании и как добиваться внедрения рекомендаций. 9. Victor Yocco: Формат дневниковых исследований для ИИ-продуктов. В чём особенности и отличия этого метода для такого взаимодействия. 10. Kitty Xu: Своё понимание Т-образного пользовательского исследователя. Почему важно делать фокус не только на методах, но и на влиянии на продукт. 11. Контур: Метод тест-сессий. Это упрощённая версия юзабилити-тестирования с сотрудниками компании вместо пользователей. В таком подходе много оговорок, но он точно поможет выявить очевидные проблемы перед тем, как идти к реальным пользователям. #research

1 сентября стартует шестнадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.   На первых пятнадцати отучились более 1000 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Astra Linux, Astrum, Aviasales, Avito, Avon, А101, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, Брусника, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, Домклик, ДОМ.РФ, EPAM, Exness, Foodplex, Freedom Bank, Group-IB, HeadHunter, Heads & Hands, Hoff, inDrive, JPMorgan Chase, Joom, Kaspi, Klarna, Комитет, Красцветмет, Купер, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, Онтико, OpenWeb, Opera, Островок, Открытие, ОТП Банк, Ozon, PayPal, Петрович, ПИК, Pinkman, Postgres Pro, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, РЕСО-Гарантия, restore, Росбанк, Россельхозбанк, Ростелеком, Rutube, S7, Самолёт, Сбер, Сибур, Ситимобил, Совкомбанк, Sokolov Jewelry, Спортмастер, Сравни.ру, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, T1, Tabby, Tele2, Tengri News, Тинькофф/ТБанк, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралсиб, Уралхим, Финам, ЦИАН, Эвалар, Эксмо, Uzum, Voximplant, Wargaming, Wildberries, Winline, Wrike, X5, Xsolla, Юрент, Yappy, Yota, Яндекс и многих других.   Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Для этого мы делаем много диагностики дизайн-команды и организации. Я постепенно добавляю и улучшаю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю все домашки сам — получается синхронно-асинхронный коучинг.   Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.   На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)   Записаться.   #management

Дайджест продуктового дизайна за июнь 2026. iOS 27, Figma Config, дизайн-системы для ИИ, haptic, accessibility, синтетические пользователи, MD для анимации, компоненты скелетонов, музей ОС, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.   Напомню, что его можно получать разными способами: — vc.ru — Дизайнерс — ВКонтакте — RSS

Небольшой пакет свежего о дизайн-менеджменте: 1. Модель зрелости дизайн-системы. А точнее, сразу две: — zeroheight: оценка по 6 параметрам: основы, документация, команда, покрытие, метрики, поддержка ИИ. — NN/g: тоже 6 составляющих: поддержка на уровне организации, эффективность команды, инфраструктура, развитие, поддержка и покрытие. 2. GOV.uk: Обновили карту компетенций для роли контент-дизайнера. Полная карта. 3. Salesforce: Рабочая группа для совместного изучения и внедрения ИИ-инструментов. Это похоже на то, как сейчас происходит в других компаниях. 4. Leonardo de la Rocha: Временная команда дизайнеров и разработчиков, чтобы разобраться с дизайн-долгом. Благодаря тому, что задачи не переходили от одного этапа процесса к другому в классических спринтах разных команд, они смогли перебрать многомесячный беклог за неделю. 5. Aurélie Radom: Как усложняется цепочка принятия решений в компаниях по мере их роста. И как это ухудшает общее качество. 6. Figma: Собрали многих руководителей дизайна на своей недавней конференции Config поговорить о внедрении ИИ в компаниях и том, как то меняет работу дизайн-команд. Они назвали это Leadership Collective. Leonardo de la Rocha побывал там и поделился впечатлениями. #designmanagement

Кусок из пачки свежих интерфейсных паттернов и практик: 1. Joas Pambou: Особенности относительно новой концепции «стриминговых интерфейсов», Когда они строятся на ходу в ответ на запрос пользователя (например, чат-боты). Как правильно проектировать и оптимизировать их. 2. Каталог когнитивных искажений и эвристик для подталкивания пользователя к выбору. Сама тема избитая, но тут каждая карточка сопровождается наглядным полу-интерактивным примером. 3. Emil Kowalski: Серия простых упражнений на тренировку чуйки уместности анимации в интерфейсе. 4. Boneyard: Библиотека создает экран загрузки (скелетон) на базе вашего обычного экрана. Причём выдаёт готовый код на React. 5. GitHub: ИИ-агент для улучшения accessibility в коде. Eric Bailey описывает, как это работает и какие проблемы отлавливает. 6. Readymag: Как адаптировать истории и сайты для мобильных. Почему нормально сильно пересматривать подачу и повествование. 7. Slack: Как он прототипировал с помощью ИИ достаточно сложные комбинации размеров компонента под реальные ситуации. Правда, история с карточной сортировкой через ИИ — чистое шарлатанство. 8. Михаил Просмицкий: На пальцах объясняет, почему ИИ плохо влияет на accessibility. Плохие решения генерировать проще и дешевле. 9 Baymard: Новое масштабное исследование сервисов бронирования авиабилетов. И делятся основными выдержками оттуда. #patterns

Всё больше нового в дизайн-системах — о том как управлять ими в эпоху ИИ. Ну и использовать при сборке продуктов:   1. Murphy Trueman: Чеклист по подготовке дизайн-системы для использования ИИ-агентами. Как строить архитектуру и конкретные решения для этого.   И ещё несколько отличных статей от неё: — Шикарные рассуждения о том, как меняется управление дизайн-системой как продуктом и командой в эпоху ИИ-агентов. Что уже происходит, какие новые проблемы приходится или придётся решать, куда всё движется дальше.   — Активная генерация интерфейсов с помощью ИИ вроде как на базе токенов и компонентов дизайн-системы всё равно часто приводит к плохим экранам и сценариям взаимодействия.   — Косяки ИИ в использовании дизайн-системы вызваны не только галлюцинациями. Часто это двойственность и нечёткость самих правил дизайн-системы — в таком и обычный дизайнер путается.   2. @web-kits/audio: Библиотека для добавления звуков в интерфейс, которая интегрируется в дизайн-систему на React. Ставится как npm-пакет, позволяет описать звук на языке его параметров: частота, форма волны, огибающая громкости и другие.   3. Storybook 10.4: Автоматическая сборка живого гайдлайна для готовых компонентов через ИИ, простое отслеживание изменений компонентов, можно поделиться рабочей версией без публикации репозитория, поддержка фреймворка React TanStack, упрощение работы с React Native, meta-файлы компонентов для сторонних ИИ теперь идут из коробки.   4. Ben Callahan: Мощная памятка-шпаргалка по всем аспектам создания, развития и внедрения. Что важно знать и уметь современному специалисту по теме.   5. Много примеров реальных дизайн-систем, которые адаптированы под ИИ:   — Astryx Design System: Открытая от Меты, которой помогла случиться команда Storybook. Она изначально ориентирована на ИИ. — Atlassian. — CMS. — IBM. — Nord Health   6. Design System Documentation Spec: PJ Onori предложил свой стандарт спецификации дизайн-систем. Это набор описаний важных частей и составляющих, без привязки к конкретному фреймворку. Что в него входит и зачем он это затеял.   7. Ben Callahan: Команда дизайн-системы поднимает нижнюю планку того, какими могут быть продукты. И уже продуктовая команда — повышает потолок.   8. Nathan Curtis: Как лучше давать примеры наполнения компонентов. И в Storybook, и в Figma.   9. Donny D'Amato: Призывает помнить о законе Conway — организационная структура определяет развитие в том числе дизайн-системы. Его подход радикальный — позволить управляемый хаос. Но общая мысль про столкновение идеи управляемости и этого хаоса — верная.   10. Webflow: Компоненты теперь могут использовать анимацию на GSAP.   #designsystems

Что нового в пользовательских исследования? А вот:   1. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем. А дальше проверили повторяемость результата и сравнили с оценками реальных специалистов. Итоговый результат предсказуемый — значительная часть проблем, выявленных ИИ — это или ложная тревога, или галлюцинации.   2. NN/g: Способы вознаграждения для респондентов дневниковых исследований. Они длительные и трудозатратные — важно, чтобы пользователи не отваливались и не давали мусорные записи.   3. Elisa Maira и Niels-Peter Foppen: Метод пользовательских исследований для людей с ограниченными возможностями. Как отличается процесс и что важно учитывать.   4. User Interviews: Опрос 150 исследователей о том, как они относятся к синтетическим респондентам и как используют их в работе.   5. Jim Lewis и Jeff Sauro: 5 типов синтетических пользователей. Их особенности, ограничения.   6. athenahealth: Передовой подход к работе с базой знаний и инсайтов из пользовательских исследований. Благодаря связке Figma Make и репозитория инсайтов Marvin они пробуют генерировать прототипы улучшений интерфейса на базе проблем, которые подсветили пользователи.   7. NN/g: Как определить и отсечь ответы ботов в опросниках.   8. Jim Lewis и Jeff Sauro: Сколько лет опыта нужно пользовательскому исследователю, чтобы считаться старшим (senior) специалистом. Они опросили экспертов, прошлись по профилям LinkedIn и объявлениям о работе. Общее мнение — не меньше 5 лет.   9. Maze: Опрос около 500 пользовательских исследователей об использовании ИИ в их работе. Получился срез трендов в профессии, инструментах и методах.   10. Контур: Когда достаточно малого количества респондентов в исследованиях, а когда — нет.   11. NN/g: Памятка по отбору респондентов.   12. Jeffrey Sokolov: Обзор современного состояния инструментов для исследований в связке с ИИ. Что уже работает, а что пока сыровато.   13. Kate Kalcevich: Наглядно показывает, какие проблемы испытывают пользователи с особенностями восприятия информации по сравнению с обычными. Она провела тест на трёх прототипах и привела количетво проблем для обеих групп.   #research

Дайджест продуктового дизайна за май 2026. Android 17, каталог примеров DESIGN.md, внедрение рекомендаций из исследований, библиотека знаний о дизайн-системах, как отработать после сессии дизайн-критики, звуковой брендинг, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.   Напомню, что его можно получать разными способами: — vc.ru — Дизайнерс — ВКонтакте — RSS