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

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

Новое о новых и старых интерфейсных паттернах и лучших практиках:1. Florian Shulz: Как делать современные подсказки по заполнению поля ввода. Т.е. прямо в контексте этого поля.2. Jakub Krehel: Пачка простых, но добротных советов по улучшению деталей реализации дизайна интерфейса. Он упаковал их в навык для ИИ-сред разработки, так что можно проще применить их к своему проекту.3. Luke Wroblewski: Как менялось взаимодействие с продуктами на базе ИИ в их интерфейсах. От невидимой логики до смены рабочего процесса вообще.4. Daniel Rodrigues и Lucas Fischer: Дизайне интерфейса приложения для заметок Monologue от Every. Как они искали и внедряли конкретные решения.5. Buzz Usborne: Проблема в интерфейсах ИИ-продуктов, которые часто оставляют пользователя с белым листом наедине. Это древняя проблема в дизайне интерфейсов и здесь она проявляется как и всегда до этого — пользователь не понимает, что можно делать и с чего начать.6. Adobe Photoshop: Как запускали дизайн интерфейса ИИ-функции для вставки картинки-примера в существующее изображение. Процесс исследований и прототипирования с промежуточными решениями.7. NN/g: Разбираются с полезностью и находимостью чат-ботов на сайтах компаний. В основном всё плохо и вообще не имеет смысла.8. Виталий Фридман: Отдельный экран или модальное окно? Памятка по выбору для конкретной ситуации в интерфейсе9. Intercom: Как пользователям важно получать разные модели общения от ИИ в зависимости от среды и контекста. И как это влияет на уместность и доверие.10. Taylor Dykes: Примеры трёх критериях хороших информационных текстов в интерфейсе. Они должны быть понятными, ёмкими и передавать характер бренда.11. Terry Godier: Серия эссе об избыточной роли цифровых продуктов в жизни пользователя. И напоминание о том, чего избегать дизайнерам интерфейсов.12. Elizabeth Lin: Бесплатный текстовый мини-курс о продуктовом дизайне и карьере в нём. #patterns

Новые книги по дизайну интерфейсов, которые вышли за последние месяцы: 1. Donnie D'Amato «Mise en Mode» о токенах в дизайн-системах. 2. Catt Small «The Staff Designer» о развитии дизайнера как эксперта в компании. Вводная глава из неё. 3. Cheryl Platz «The Game Development Strategy Guide» о процессе создания игр. Отрывок из главы 1 об игровом дизайне — https://rosenfeldmedia.com/sample-chapter-game-development-strategy-guide/. 4. Laura Kalbag «Accessibility For Everyone» теперь доступна бесплатно в интернете. 5. Christopher Noessel «Designing Assistant Technology» о дизайне ИИ-ассистентов. Выдержка из первой главы. 6. Robert Stribley «Design for Privacy» об учёте приватности данных пользователей в дизайне. Выдержка из первой главы. 7. Smashing Magazine готовят к выходу книгу Ben Callahan «Maturing Design Systems». А вот что на подходе у Rosenfeld Media:— David Eisner «Product Design Engineering for Designers»— Stefanie Hutka «Designing Automated Futures» #books

Разное свежее про дизайн-системы в привычном и ИИ-шном понимании.1. Hardik Pandya: Пошаговая инструкция по подготовке дизайн-системы для использования ИИ. Как адаптировать токены, компоненты и принципы в формат .MD и положить в найстройки чат-бота или агента. 2. OpenUI: Фреймворк на React для адаптации дизайн-системы под ИИ. Они используют свой язык OpenUI Lang, чтобы переводить компоненты и токены в инструкции для чатботов и агентов. 3. AirOps: Гайдлайны и дизайн-система бренда имеют два представления — живой гайдлайн для людей и инструкция для ИИ. 4. Nathan Curtis: Отличная пошаговая памятка по аккуратной миграции компонентов Figma на слоты. Так, чтобы ничего не развалилось и работало на правильной архитектуре. Он также поделился своим шаблоном для планирования переезда. Бета-версия слотов стала доступна всем пользователям. Как они работают и что можно делать с их помощью. Кстати, они переписали внутреннюю архитектуру компонентов для запуска слотов. 5. IBM Carbon: Плагин для Figma, чтобы пользователи не открепляли компонент таблицы. Они сложные и каждая задача со своими нюансами, так что раньше приходилось допиливать стандартный компонент вручную. 6. Tyler Coderre: Чеклист по созданию дизайн-системы. 7. Google: Гайдлайны для интерфейса очков дополненной реальности. Обзор основных принципов и UI Kit в Figma. 8. Ruben Ferreira Duarte: Относительно простой способ проверить поведение макета интерфейса при изменении размера шрифта. Он использует разные наборы переменных в Figma для этого. Готовый шаблон. 9. Donny D'Amato: Неплохо и наглядно описал, как в проекте появляется потребность в дизайн-системе. И как рождаются костыли по ходу дела. #designsystems

Свежее об алгоритмическом дизайне. Фокус на фокусном, чтобы не размазывать на два выпуска: Взаимодействие с такими инструментами1. NN/g: Техническая грамотность пользователей при использовании ИИ-инструментов. Они выделяют 4 группы по опытности и осознанности. 2. NN/g: Исследование поискового поведения пользователей в ИИ-чат-ботах. Когда они доверяют их результатам, а когда идут в классические поисковики. Инструменты дизайна1. Google Stitch: Обновился. Теперь это привычный бесконечный артборд, а также дизайн-система через DESIGN.MD. Генерировать можно по текстовому запросу или картинке. 2. ai.to.design: Плагин для Figma позволяет генерировать дизайн по текстовому запросу. Можно выбрать одну из популярных моделей. Макеты можно докручивать самостоятельно там же в Figma. 3. Reve: Инструмент алгоритмического дизайна позволяет создавать свои эффекты для обработки графики. В статике и анимации, с управлением параметрами.4. Krea Realtime Edit: Появилось редактирование и генерация изображений в реальном времени. Можно наброском показать, что нужно добавить — и оно моментально появляется. 5. Google Nano Banana 2: Вышла новая версия модели. Повысили точность всего — сохранения вида персонажей и объектов, текста и т.п.6. Adobe Firefly: Можно тренировать на своём собственном стиле.7. Raelume: Нодовый инструмент алгоритмического дизайна, который объединяет много ИИ-моделей и способов работы с ними.8. YouArt: Ещё один нодовый инструмент алгоритмического дизайна.9. Penpot: Запустили свой MCP-сервер. Обзор того, что он умеет.10. Google Pomelli: Может собрать фотосессию на основе фото товара. 11. Figma: Интегрировалась с Claude Code. Можно превратить сгенерированный код в макеты сценария и наоборот.12. Variant: Бесконечная лента примеров дизайна для вдохновения, которые генерируются ИИ по текстовому запросу.13. Claude: Научился создавать диаграммы и графики прямо внутри чата. 14. Sketch: Примеры того, что можно делать благодаря MCP-серверу. Дизайн таких инструментов1. Victor Yocco:

Что там свежего по пользовательским исследованиям? Нормально так: 1. User Interviews: Каталог инструментов для пользовательских исследований за 2026 год. В нём около 800 инструментов. 2. Cisco: Фреймворке RAS (Recommendation-Adoption Score). Он помогает отслеживать реальное внедрение рекомендаций из пользовательских исследований. 3. Steve Bromley: Уровни зрелости компаний в отношении игровых тестов. Как они проходят на каждой стадии. 4. Jeff Sauro и Jim Lewis: Опыт использования ИИ в исследованиях. Насколько он подходит для ролей помощника, аналитика и пользователя.5. NN/g: Концепция практический значимости в дополнение к статистической значимости. Как они балансируют друг друга и помогают принять решение о запуске эксперимента.6. Контур: Как работает пользовательский исследователь, погружённый в продуктовую команду. Как это помогает лучше понимать запросы и боли, ускорять внедрение выводов из исследований.7. User Interviews: Подборка материалов сервиса по использованию ИИ в исследованиях.8. NN/g: Методологические ошибки, которые есть в популярных инструментах для исследований. Важно помнить о них при работе. #research

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

Немного свежего о лучших интерфейсных паттернах и практиках: 1. Baymard Institute: Плагин для Figma на основе своего ИИ-анализатора интерфейсов UX-Ray. Он сопоставляет ваш макет с паттернами и лучшими практиками из их гигантской базы знаний. 2. Lazyweb: Сервис помогает быстро анализировать экраны и сценарии мобильных приложений в нужной отрасли. Это связка классической коллекции паттернов и гибкого ИИ-поиска по ней. 3. Victor Ayomipo: Памятка по психологии и дизайну интерфейса мотивационной системы streaks для пользователей. 4. NN/g: Памятка о проектировании полезных уведомлений для устройств умного дома. Они могут быть реактивными, проактивными и оптимизационными. 5. NN/g: Несколько простых интерфейсных паттернов в ИИ-чат-ботах, которые помогают пользователям общаться с ними. Это чекбоксы и варианты выбора из списка в Google и Claude — вроде бы банальные, но очень уместные в контексте задачи. #patterns

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

Малышечная подборка свежего о дизайн-системах: 1. Nathan Curtis: Как могут упроститься параметры компонента в Figma благодаря появлению слотов. Он разобрал несколько примеров — стало намного легче работать.2. Nathan Curtis: Как слоты в компонентах Figma помогут починить костыли — когда какой-то компонент содержит условный список дочерних (например, элементы списка или вкладки). В слотах можно добавить ровно нужное количество элементов для текущей задачи. 3. Ben Callahan: Рассуждает о целостности дизайн-системы. Зачем именно она нужна и когда это идёт во вред продуктовой линейке. 4. PJ Onori: Рассуждает о распределённой модели поддержки дизайн-системы, когда люди в разных частях компании могут добавлять что-то в неё. По его опыту это работает в основном для небольших команд. 5. IBM: Как дизайнеры генерируют прототипы с помощью ИИ, используя дизайн-систему Carbon. 6. Tool UI: Коллекция компонентов дизайн-системы для ИИ-интерфейсов на базе shadcn/ui, Tailwind и Radix. #designsystems

Под конец 2025 года напечатано уже 16 000 книг «Паттерны дизайн-менеджмента» — это уже в полтора раза выше моих первичных ожиданий. Было семь доп.тиражей по мере продаж с небольшими багфиксами всплывших опечаток. Ни разу не ожидал такого ажиотажа вокруг нишевой узкопрофессиональной литературы, но приятно, чо уж тут :) Если тираж докапает до 25 000 — буду счастливее некуда. Напомню, что её можно заказать в любую страну мира (или тут). P.S. И чтобы два раза не вставать — черновик второй книги «Копилот цифрового брендинга» готов. Сейчас заканчивается первый поток этого же курса и я буду дорабатывать фреймворк по обратной связи весь 2026. Если всё будет понятно-предсказуемо — есть шанс открыть предпродажи в конце 2027. И тогда же смогу заняться вторым изданием «Паттернов дизайн-менеджмента» — накопилась уйма свежего материала. P.P.S. И напомню про новый курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться. #book

Вот что из свежего о пользовательских исследованиях успел почитать за последние недели: 1. NN/g: Насколько уместны ИИ-модераторы пользовательских исследований?. В целом — нет, если только для некоторых видов структурированных интервью. Во-первых, они не могут раскапывать инсайты, отходя от сценария исследования. Во-вторых, ведут себя максимально кринжово. athenahealth тоже попробовали. Результат спорный.2. Jeff Sauro и Jim Lewis: Стандартизированные метрики для оценки выполнения задачи в интерфейсе. А также сравнивают их с метрикой SEQ. 3. Victor Yocco: Метод исследований ИИ-агентов, а также построения карты взаимодействия пользователя с ними. 4. NN/g: Обзорно о создании своей панели респондентов. Когда они полезны, как и где их создавать. #research

Пачка свежего уже точно из 2026 года про свежие интерфейсные паттерны и практики: 1. GoodCart: Коллекция хороших интерфейсов интернет-магазинов.2. Detail Design: Коллекция хороших интерфейсных паттернов — от мелких деталей до экранов.3. NN/g: Типичные проблемы подсказок в интерфейсе. Зачастую вместо простой контекстной помощи они вызывают модальные элементы с водянистым описанием.4. Sai Mohanty и Priyanka Raju: Дельный кейс проектирования сложного интерфейса для безопасников. Они пошагово описывают весь процесс от исследования пользователей до первых концептов и запуска продукта. 5. Александр Шпак: Проанализировал игровые интерфейсы по классическим эвристикам Нильсена. 6. Luke Wroblewski: Вариант интерфейса для управления множеством ИИ-агентов.7. Adobe Photoshop: Дизайн интерфейса работы с разными ИИ-моделями. Он также участвовал в создании знаковой функции Generative Fill, которая показала как можно органично встраивать такие вещи в классические инструменты. 8. Eric Bailey: Огромная справочная таблица горячих клавиш, которые можно и нельзя использовать веб-приложениям для поддержки accessibility. Часть из них заняты на каком-то уровне — браузер, плагины, операционная система, экранный диктор и т.п. 9. Виталий Фридман: Памятка о разных вариантах множественного выбора в формах.  10. Jude Ejike: Концепция нейро-адаптивных интерфейсов для пользователей с особенностями восприятия. Её тестируют в том числе в специализированных областях вроде авиации или обучения. 11. MeasuringU: Новое сравнительное исследование сайтов американских торговых сетей и продаже одежды. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite. #patterns

Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовал 1291 человек. В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами. Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:1. Т-Банк2. Яндекс3. Dodo4. Авито5. Aviasales6. Ozon7. Альфа-Банк8. Точка Банк9. Сбер10. Самокат Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018 годы. Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.  P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — «Оди», Илоне Саркисовой, Мише Розову, Антону Черногорову, дизайнерс, Сергею Кондаурову, Антону Григорьеву, Bang Bang Education. #designmanagement #survey #research

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