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

9 ноября стартует третий поток моего нового курса — «Копилот цифрового брендинга» вместе с Bang Bang Education. Он поможет связать бренд с интерфейсом — это задача, которую я решал в Muse Group (продукты Ultimate Guitar, MuseScore, Audacity и другие), Райффайзен Банке и Mail.ru Group. А теперь и в Точка Банк.   За это время я описал и обкатал фреймворк, помогающий решить два главных разрыва: 1. Сначала между стратегией и визуальной концепцией. Они зачастую никак не связаны, а значит айдентика такого бренда не передаёт его суть. И работает в лучшем случае на самом базовом уровне визуальной целостности. 2. А потом — между концепцией и её масштабированием. Гайдлайны не получается применить на практике и они остаются пылиться на полке. А значит и значительная часть всего проекта по брендингу была сделана зря.   Этот фреймворк помог вести проекты с топовыми глобальными агентствами вроде Collins, Design Studio (теперь — Further) и Verve. На каждом из уровне фреймворка есть набор инструментов и шаблонов к ним. Они помогают связать все уровни работы над брендом. В том числе убрать разрыв между цифровым продуктом и его маркетинговой коммуникацией.   Я постарался разложить пошаговый процесс работы над брендом на конкретные инструменты (их 26). К каждому из них идёт серия шаблонов, заполняя которые вы постепенно продвигаетесь к созданию того самого бренда, который выглядит, работает и ощущается цельно.   Я не буду учить вас делать конкретный визуальный стиль в конкретном инструменте дизайна. Но я научу вас тому, как найти этот стиль. А позже, при работе над любым стилем: 1. Убедиться, что он работает везде, в том числе в интерфейсе. 2. Он передаёт целевой характер. Так что получается тот самый эмоциональный дизайн.   На первых потоках отучились арт-директоры, дизайн-директоры, креативные директоры, ведущие дизайнеры из отечественных компаний: 2GIS, Aviasales, ВТБ, Дом.ру, Иви, Kolesa Group, Lamoda, Mango Office, Mos.ru, МТС, Ozon, Палиндром, Pinkman, QIC Digital Hub, Райффайзен Банк, Ренессанс Страхование, Skyeng, Спортс.ру, Фоксфорд, VK, Циан, X5, Яндекс и других.   Курс будет идти на моей новой учебной платформе. Кстати, первый черновик книги на эту тему готов. Надеюсь принести ими ещё много пользы рынку и пользователям.   #branding

Много разного полезного про адаптацию дизайн-систем в ИИ-мире: 1. Matt Rothenberg: Как задавать нейронкам правила генерации интерфейсов на базе дизайн-системы. Важно идти дальше просто компонентов и токенов, чтобы предсказуемой была сборка всего экрана. 2. Ky Decker: Регулярный опросник коллег по качеству дизайн-системы Scribe. И показывает, как он помог улучшить работу по всем этим показателям. 3. Patrick Neeman: Стандарты и форматы, которые позволят ИИ-агентам и просто разным платформам генерировать предсказуемые интерфейсы на базе дизайн-системы. Он разбирает протоколы Google A2UI, Microsoft Adaptive Cards и другие. В эпоху, когда всё больше интерфейсов генерируются на лету — это обязательная часть дизайн-системы. 4. Christoph Hellmuth: Анализатор готовности дизайн-системы к использованию с ИИ. Он проверяет дизайн-систему по набору параметров и выдаёт баллы по ним. 5. tiks и UI SFX: Библиотеки для добавления звуков в интерфейс, которая интегрируется в дизайн-систему на React. Ставится как npm-пакет, позволяет описать звук на языке его параметров: частота, форма волны, огибающая громкости, фильтры и другие. 6. Nathan Curtis: Продолжает разбирать универсальные спецификации компонентов. Он попробовал агентские циклы для проверки сходимости — как они на основе спецификации генерируются компоненты в коде и Figma. Он также показывает, как генерировать код компонентов с помощью его плагина Specs для Figma. И разбирается, как лучше передавать правила дизайн-системы в коде внутри версии для Figma. Он показывает разные примеры — иконки, изображения, суб-компоненты. 7. Donny D'Amato: Простой способ задать типографическую шкалу в токенах. 8. Eva Nudea Hörner: Как адаптировать дизайн-систему для ИИ-агентов. 9. Balsa UI: Фреймворк дизайн-систем для ИИ-агентов на React и Vue. Помогает правильно стилизовать интерфейс и отслеживать его целостность. 10. Libraries.dev: Коллекция эффектных компонентов на React с анимацией от легендарного Jakub Antalik. Они адаптированы для использования в ИИ-агентах. 11. Beautiful UI: Коллекция React-компонентов для ИИ-интерфейсов с анимацией и звуком. #designsystems

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

Как всегда в последнее время, подборки о пользовательских исследованиях — на стыке классики и передового: 1. Dovetail запустили цифровых двойников пользователей — они собирают вместе все прошедшие исследования, обратную связь, опросники и т.п. По сути это другой способ работать с базой знаний и инсайтов — не просто искать, а задавать вопросы в формате диалога. Они рекомендуют собрать типовых персонажей из всех этих данных. И дают хорошую инструкцию, как это сделать. Само собой, всё это работает при условии, что цифровые двойники явно говорят, где их ответ основан на реальных данных, а где — галлюцинации (тем более, что сами Dovetail уже обжигались тут). Но это одно из немногих здравых использований ИИ в исследованиях. 2. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем. А теперь — проверили повторяемость результата (первые выводы подтвердились). 3. NN/g: Как анализировать качество ответов ИИ-систем, которые они выдают пользователю. Она рекомендует делать выборку из множества результатов одного и того же запроса, чтобы выявить потенциальные проблемные. 4. Jim Lewis и Jeff Sauro: Провели пользовательское исследование популярных ИИ-чатботов. И вывели из него 6 критериев отношения пользователей к таким интерфейсам. 5. NN/g: Напоминают, что замена цитат реальных пользователей на ИИ-генерацию при построении карт эмпатии — бессмыслица. Это про всех сразу и ни про кого конкретно, при том что реальные инсайты богаты на детали и личную боль. 6. Jenna Herring и Jeff Sauro: Качества хорошего модератора исследования. И как построить раппорт с респондентом. 7. Wildberries: Прогноз тепловых карт внимания для карточек товаров. Он предполагает типичное поведение пользователей. 8. Steve Bromley: Как проводить игровые тесты основной истории. И как правильно подбирать респондентов. #research

В этом году растратил бюджет личного времени на дайджест в пользу запуска новой учебной платформы для моих авторских курсов. Поэтому выпуски были чуть реже. Зато когда вся эта штука заведётся и заработает как надо — я смогу делать более точечные подборки материалов под задачу. Да и в целом планов и идей много. Благодаря этому собираю небольшую группу дизайн-менеджеров (около 10 человек) для пилота нового подхода к моему курсу «Паттерны дизайн-менеджмента». Она стартует 1 октября. Я хочу попробовать формат между менторством и курсом. В чём задумка? 1. Персональное менторство. Я и так единственный учитель на своём курсе и уже даю асинхронное менторство по ходу программы. Но я хочу сделать эти рекомендации ещё более заточенными под ваши текущие вызовы. Моя конечная цель — доработать новую платформу так, чтобы это было доступно большинству студентов. Но в этом пилоте это будет полу-ручное менторство от меня, включая персональные сессии. 2. Та самая новая учебная платформа. На старте она будет простой, но дальше должна превратиться в повседневный помощник дизайн-менеджера. 3. Буду показывать черновики нового материала для фреймворка. Я много насобирал с момента первого издания книги — теперь это опыт уже 4 компаний. И то, как меняется управление дизайном в эпоху ИИ в продуктовом процессе. Основной курс «Паттерны дизайн-менеджмента» будет идти параллельно в привычном формате. Он также будет использовать новую учебную платформу (сдвинул старт следующего потока на месяц, чтобы дополировать всё). Так что если вы интересовались персональным менторством в структурированном формате (или вам интерес новый формат курса) — напишите мне в Телеграм @jvetrau.

Компактная подборка свежего о дизайн-менеджменте: 1. NN/g: Связь метрик дизайна и бизнеса. Как показать её. 2. Alex Williams: В деталях рассказывает об изменении интерфейса Meridian, которое помогло улучшить конверсию и годовую прибыль. Это наглядная калькуляция эффекта изменения дизайна и подробная памятка по такому мышлению для дизайнеров. 3. Chris Chapman: Считает, что точность для пользовательского исследования — это не только про методы. Это во многом про менеджерскую зрелость — как выбирать над чем работать относительно стратегии компании и как добиваться внедрения рекомендаций. 4. Slack: Как дизайнеры прокачивались в работе с ИИ. Они в том числе устроили 3-дневную сессию практики, где многие хорошо набили руку. 5. Сегодня в 19:00 делаю открытый вебинар перед стартом нового потока курса «Паттерны дизайн-менеджмента». Что будем делать: — Тизерну новую учебную платформу, которую писал с начала года. — Расскажу о структуре и формате курса. — Сделаем вживую упражнение по анализу кредита доверия. Залетайте поштормить. #patterns

Некоторое количество свежих интерфейсных паттернов и лучших практик: 1. Mural: Как поменялся дизайн-процесс и вообще отношение к дизайну интерфейсов при переходе от предопределённых к вероятностным продуктам. В статье отличный чеклист того, как меняются привычные подходы. И толковая инструкция по переходу в новый мир. 2. Layers: Набор навыков для ИИ, которые помогают прорабатывать разные уровни дизайна интерфейса. От общих сценариев взаимодействия до деталей экранов. 3. Name That UI: Наглядный словарик названий компонентов и элементов интерфейса. Каждый показан с интерактивным примером. 4. Adobe: Как проектировали и исследовали дизайн интерфейса одного из самых интересных запусков последних лет — функции Turntable в Illustrator. Taniya Vij позволяет быстро создать дополнительные ракурсы иллюстрации персонажа или объекта 5. David Hoang: Адаптировал свой блог для ИИ-агентов, чтобы им было удобнее искать и анализировать материалы. Он подробно рассказывает, как сделал. 6. Firefox: Как проводят юзабилити-тесты с помощью вайбкодовых прототипов. #patterns

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

Теперь все свежие публикации о дизайн-системах говорят про их создание и использование с помощью ИИ. Переход полный и бесповоротный: 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