Ежегодный обзор обзоров трендов для 2026 года. Они капают понемногу в течение ноября, декабря и января, так что статья — традиционно обновляющаяся по ходу дела.
Разносол из итогов 2025 года
— Яркие проекты на Readymag.
— Тренды по результатам 2025 года от Behance и лучшие проекты года.
— Пиво.
— Упаковка.
— Логотипы.
— Новые шрифты.
— Иллюстрации по версии The Association of Illustrators.
— Лучшие приёмы графического дизайна, иллюстрации, видео и анимация от It's Nice That.
— Лучшие приложения на Android и iOS.
— Лучшие эксперименты CodePen.
— Лучшие плакаты к фильмам по версии Mubi и Creative Review.
— Лучшие обложки книг по версии Literary Hub, NY Times, Penguin Books, PRINT Magazine, SPINE и Creative Review.
— Лучшие обложки альбомов по версии журнала Wallpaper*.
— Лучший дизайн по версии журнала Core77.
— Лучший дизайн от американского музея Cooper Hewitt.
— Как работают сайты для бизнеса в отчёте Webflow.
— Заметные инновации от Fast Company, TIME и Popular Science
— Исследование профессии пользовательского исследователя от User Interviews.
И немного визуальных всплесков 2025 года:
— Жидкое стекло от Apple.
— Подборка генеративных шрифтов, которые можно подключить через Google Fonts.
Про 2026 расклад такой:
1. Общедизайнерские тренды выделяют VistaPrint, CreativeBloq, Milo, Canva, Depositphotos, Envato и Adobe.
2. Pantone объявляет цвет года: Cloud Dancer (облачный белый). Цветовые тренды также выделяют VistaPrint.
3. Письма рассылки и сайты от Designmodo.
4. Шрифтовые от Fontfabric и VistaPrint.
5. Культурные от Pinterest.
6. Упаковка от Pentawards и VistaPrint.
7. Фото от Stocksy.
8. Логотипы от VistaPrint.
9. Веб от VistaPrint.
10. Обзор трендов от John Maeda. Он в формате видео.
11. Технологические от Gartner: стратегические.
12. Главный бонус — гигантская коллекция всех обзоров трендов.
Интересные дизайнерско-технологические подвижки:
1. Ключевые обновления CSS в 2025 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2025 года. Ну и состояние CSS.
2. Отчёт о трендах в ИИ на 2025 год от Стенфордского университета.
До выставки CES 2026 всего пара недель, а там завсегда есть на что поглазеть.
Для сравнения: что обещали на 2025, 2024, 2023, 2022, 2021, 2020, 2019 и 2018 год.
#trends
Разносол из итогов 2025 года
— Яркие проекты на Readymag.
— Тренды по результатам 2025 года от Behance и лучшие проекты года.
— Пиво.
— Упаковка.
— Логотипы.
— Новые шрифты.
— Иллюстрации по версии The Association of Illustrators.
— Лучшие приёмы графического дизайна, иллюстрации, видео и анимация от It's Nice That.
— Лучшие приложения на Android и iOS.
— Лучшие эксперименты CodePen.
— Лучшие плакаты к фильмам по версии Mubi и Creative Review.
— Лучшие обложки книг по версии Literary Hub, NY Times, Penguin Books, PRINT Magazine, SPINE и Creative Review.
— Лучшие обложки альбомов по версии журнала Wallpaper*.
— Лучший дизайн по версии журнала Core77.
— Лучший дизайн от американского музея Cooper Hewitt.
— Как работают сайты для бизнеса в отчёте Webflow.
— Заметные инновации от Fast Company, TIME и Popular Science
— Исследование профессии пользовательского исследователя от User Interviews.
И немного визуальных всплесков 2025 года:
— Жидкое стекло от Apple.
— Подборка генеративных шрифтов, которые можно подключить через Google Fonts.
Про 2026 расклад такой:
1. Общедизайнерские тренды выделяют VistaPrint, CreativeBloq, Milo, Canva, Depositphotos, Envato и Adobe.
2. Pantone объявляет цвет года: Cloud Dancer (облачный белый). Цветовые тренды также выделяют VistaPrint.
3. Письма рассылки и сайты от Designmodo.
4. Шрифтовые от Fontfabric и VistaPrint.
5. Культурные от Pinterest.
6. Упаковка от Pentawards и VistaPrint.
7. Фото от Stocksy.
8. Логотипы от VistaPrint.
9. Веб от VistaPrint.
10. Обзор трендов от John Maeda. Он в формате видео.
11. Технологические от Gartner: стратегические.
12. Главный бонус — гигантская коллекция всех обзоров трендов.
Интересные дизайнерско-технологические подвижки:
1. Ключевые обновления CSS в 2025 году и их влияние на дизайн в вебе. А так же базовый уровень возможностей CSS, которые поддерживает значительное количество браузеров на конец 2025 года. Ну и состояние CSS.
2. Отчёт о трендах в ИИ на 2025 год от Стенфордского университета.
До выставки CES 2026 всего пара недель, а там завсегда есть на что поглазеть.
Для сравнения: что обещали на 2025, 2024, 2023, 2022, 2021, 2020, 2019 и 2018 год.
#trends
Jvetrau
Тренды 2026 года
Ежегодный обзор обзоров трендов для 2026 года. Они капают понемногу в течение ноября, декабря и января, так что статья — традиционно обновляющаяся по ходу дела.
🔥23❤14
И снова залежался выпуск про алгоритмический дизайн, и опять его не разобрать, не объять. Буду в два захода публиковать, не вечно ему в черновиках страдать:
Взаимодействие с такими инструментами
1. NN/g: Структурированная подборка своих статей о понимании пользователями ИИ-продуктов и их интерфейсов.
2. Scott Jenson: Заложенное в человека стремление антропоморфизации всего и вся. И как это влияет на восприятие ИИ-интерфейсов (спойлер: завышенные ожидания).
3. NN/g: Исследование пользовательской реакции на советы ИИ-чатботов. Им лучше доверяют, если они ощущаются как компетентные, а не эмоциональные — это говорит о том, что не следует увлекаться антропоморфностью для повышения доверия.
4. Big Medium: Интерфейсы, которые сами собирают себя по ситуации. Собрали примеры реально существующих продуктов и концепты на тему.
5. Frank Chimero: Толковая профессиональная философия вокруг ИИ-инструментов. Он предлагает считать их инструментами ближе к музыкальным, а не утилитарными вроде строительных.
Дизайн-процесс
1. NN/g: Структурированная подборка своих статей об использовании ИИ при дизайне интерфейсов.
2. NN/g: Провели отличный эксперимент — попробовали сделать прототип страницы профиля слушателя своих курсов в разных ИИ-инструментах, разными способами (от простого текстового запроса до более детального и даже наброска). Советы вдогонку.
3. Егор Гилёв: Подход к ИИ-прототипированию. Он описывает концептуальную модель взаимодействия и даёт компоненты дизайн-системы, чтобы получился реалистичный и детальный прототип. Часть 2.
4. Lyndon Cerejo: Попробовал применить ИИ-инструменты по ходу этапов дизайн-спринта. Он представил вымышленного дизайнера, которая советовалась с ИИ на каждом этапе фантазийной задачи. И показал, что из этого вышло.
5. Нотамедиа: Как запускать прототипы мобильных приложений из Figma на телефоне, которые выглядят нативно. Они используют связку Cursor и Expo для React Native.
Инструменты дизайна
1. Figma купила Weavy — один из главных инструментов алгоритмического дизайна на базе нодовой логики. Теперь он называется Figma Weave и это одна из лучших вещей, что случалась с Фигмой.
2. Framer Workshop: Генератор интерактивных компонентов для Framer с помощью текстового запроса. С ними можно работать и докручивать их в инструменте как с любыми остальными.
3. Framer Wireframer: Генерирует wireframe сайта по текстовому запросу. Дальше его можно стилизовать самому.
4. Alloy: Прототипы. Он делает копию вашего сайта и позволяет делать в нём изменения с помощью текстового запроса.
5. Pomelli: Анализирует айдентику бренда на основе сайта. А потом гененирует баннеры и графику для них в этом стиле. Анонс.
6. Nano Banana Pro: Новое поколение модели умеет рисовать инфографику и диаграммы, менять углы обзора камеры и освещение, собирать на одной композиции до 5 персонажей и 14 объектов (пример из первой версии), генерировать фоны и текстуры, воспроизводить шрифты, каллиграфию и рукописный текст.
Что можно делать в Figma с помощью Nano Banana Pro и Gemini 3 Pro.
7. Razorpay: Плагин для Figma, который улучшает интерфейсные тексты сервиса помощью алгоритмического дизайна. Он натренирован на гайдлайнах редактуры сервиса.
8. Figma Make: Как продуктовые команды используют его для работы над новыми функциями в LinkedIn, ServiceNow и других компаниях.
Они провели глобальный хакатон. И показали 6 самых интересных концептов. А вот что можно сделать в инструменте с помощью Gemini 3 Pro.
9. Lovable: Может взять спецификацию из Miro и сгенерировать интерактивный прототип на её основе.
10. Magic Patterns: Превращает видео интерфейса в интерактивный прототип. Смысл непонятен (чтобы сделать такое видео — нужен интерактивный прототип), но в копилку use cases полезно.
11. LLMapper: Jorge Arango улучшил свой ИИ-генератор концептуальных карт.
12. Новые версии моделей для генерации изображений Flux 2, Seedream 4.5 и ChatGPT Images 1.5.
13. Adobe: Photoshop, Express и Acrobat теперь можно вызвать через ChatGPT.
#ai #algorithms
Взаимодействие с такими инструментами
1. NN/g: Структурированная подборка своих статей о понимании пользователями ИИ-продуктов и их интерфейсов.
2. Scott Jenson: Заложенное в человека стремление антропоморфизации всего и вся. И как это влияет на восприятие ИИ-интерфейсов (спойлер: завышенные ожидания).
3. NN/g: Исследование пользовательской реакции на советы ИИ-чатботов. Им лучше доверяют, если они ощущаются как компетентные, а не эмоциональные — это говорит о том, что не следует увлекаться антропоморфностью для повышения доверия.
4. Big Medium: Интерфейсы, которые сами собирают себя по ситуации. Собрали примеры реально существующих продуктов и концепты на тему.
5. Frank Chimero: Толковая профессиональная философия вокруг ИИ-инструментов. Он предлагает считать их инструментами ближе к музыкальным, а не утилитарными вроде строительных.
Дизайн-процесс
1. NN/g: Структурированная подборка своих статей об использовании ИИ при дизайне интерфейсов.
2. NN/g: Провели отличный эксперимент — попробовали сделать прототип страницы профиля слушателя своих курсов в разных ИИ-инструментах, разными способами (от простого текстового запроса до более детального и даже наброска). Советы вдогонку.
3. Егор Гилёв: Подход к ИИ-прототипированию. Он описывает концептуальную модель взаимодействия и даёт компоненты дизайн-системы, чтобы получился реалистичный и детальный прототип. Часть 2.
4. Lyndon Cerejo: Попробовал применить ИИ-инструменты по ходу этапов дизайн-спринта. Он представил вымышленного дизайнера, которая советовалась с ИИ на каждом этапе фантазийной задачи. И показал, что из этого вышло.
5. Нотамедиа: Как запускать прототипы мобильных приложений из Figma на телефоне, которые выглядят нативно. Они используют связку Cursor и Expo для React Native.
Инструменты дизайна
1. Figma купила Weavy — один из главных инструментов алгоритмического дизайна на базе нодовой логики. Теперь он называется Figma Weave и это одна из лучших вещей, что случалась с Фигмой.
2. Framer Workshop: Генератор интерактивных компонентов для Framer с помощью текстового запроса. С ними можно работать и докручивать их в инструменте как с любыми остальными.
3. Framer Wireframer: Генерирует wireframe сайта по текстовому запросу. Дальше его можно стилизовать самому.
4. Alloy: Прототипы. Он делает копию вашего сайта и позволяет делать в нём изменения с помощью текстового запроса.
5. Pomelli: Анализирует айдентику бренда на основе сайта. А потом гененирует баннеры и графику для них в этом стиле. Анонс.
6. Nano Banana Pro: Новое поколение модели умеет рисовать инфографику и диаграммы, менять углы обзора камеры и освещение, собирать на одной композиции до 5 персонажей и 14 объектов (пример из первой версии), генерировать фоны и текстуры, воспроизводить шрифты, каллиграфию и рукописный текст.
Что можно делать в Figma с помощью Nano Banana Pro и Gemini 3 Pro.
7. Razorpay: Плагин для Figma, который улучшает интерфейсные тексты сервиса помощью алгоритмического дизайна. Он натренирован на гайдлайнах редактуры сервиса.
8. Figma Make: Как продуктовые команды используют его для работы над новыми функциями в LinkedIn, ServiceNow и других компаниях.
Они провели глобальный хакатон. И показали 6 самых интересных концептов. А вот что можно сделать в инструменте с помощью Gemini 3 Pro.
9. Lovable: Может взять спецификацию из Miro и сгенерировать интерактивный прототип на её основе.
10. Magic Patterns: Превращает видео интерфейса в интерактивный прототип. Смысл непонятен (чтобы сделать такое видео — нужен интерактивный прототип), но в копилку use cases полезно.
11. LLMapper: Jorge Arango улучшил свой ИИ-генератор концептуальных карт.
12. Новые версии моделей для генерации изображений Flux 2, Seedream 4.5 и ChatGPT Images 1.5.
13. Adobe: Photoshop, Express и Acrobat теперь можно вызвать через ChatGPT.
#ai #algorithms
Nielsen Norman Group
How AI Works and How Users Think About It: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn about how artificial intelligence works, and how users think about it.
🔥13❤8👍6
Продолжение отгрузки об алгоритмическом дизайне:
Дизайн таких инструментов
1. NN/g: Структурированная подборка своих статей о дизайне интерфейсов ИИ-продуктов.
2. Austin Henley: Проанализировал исследование 90 существующих ИИ-инструментов и концептов для разработчиков. Он предложил свою категоризацию для них.
3. NN/g: Концепция объясняющего ИИ в чат-ботах. Это набор интерфейсных паттернов, где система показывает логику и принципы принятых решений. Ещё одна статья на тему от Victor Yocco.
Роль дизайнера и специалиста вообще
1. Tim Harford: Любая работа — это серия отдельных задач. Сейчас ИИ заменяет в основном отдельные задачи. Но это меняет и саму работу — причём для кого-то в лучшую, а для кого-то в худшую сторону.
2. Elroy: Платиновая статья о том, как ИИ меняет порог входа для разных ситуаций и ролей. Где-то это и правда помогает быстро накопить достаточные знания, где-то разницы нет, а где-то это вообще не работает. Главное ограничение — уровень высокой экспертизы, с которым ИИ мало поможет.
3. Brian Merchant: Реальные истории дизайнеров и иллюстраторов, чью работу забрал или сократил ИИ. Как именно это происходило, что именно менялось и смогли ли они перестроиться.
4. Carly Ayres: Почему на рынке пропадают роли стажёров и младших дизайнеров. Как это работало раньше, как именно на это влияет ИИ и как меняется точка входа дизайнеров в профессию после этого.
5. Tey Bannerman: Фреймворк для вовлечения человека в ИИ-системы. Когда и зачем это нужно.
6. Shreya Shankar: Проблема с доверием к контенту, сгенерированному ИИ. На его проверку уходит слишком много времени и сил.
Пользовательские исследования
1. Jake Burghardt (автор главной книги о базах знаний и инсайтов пользователей): Размышляет на тему интеграции ИИ-сервисов и агентов в этот процесс. Это пока его размышления, не практический опыт.
Анализ интерфейсов
1. Baymard: Добились 95% точности в экспертной оценке интерфейсов через свой ИИ-анализатор UX Ray 2.0.
2. Банк N26: Сделали ИИ-агента для анализа интерфейсов. Он даёт рекомендации по улучшению макета.
Шрифты
1. drFonts: Генерирует полноценный шрифт на основе изображения нескольких символов.
2. Font AI: Генератор шрифтов по текстовому описанию.
Кейсы
1. Luna Wang: Брендинг хобби-проекта сделанный в связке ИИ-инструментов.
2. Figma: Как креативная студия использует ИИ-редактирование на базе модели Nano Banana. Они ускорили создания макетов, показывающих концепты в реальном контексте реальной улицы или мерч в жизни.
Видео
1. Вышли новые поколения моделей для генерации видео Runway Gen 4.5, LumaAI Ray 3 и Ray 3 Modify, Kling AI 01.
Игры
1. Magica 2: Генератор игровых миров, которые создаются на лету.
2. Playables Builder: Экспериментальный инструмент команды YouTube для создания мини-игр по текстовому описанию, изображению или видео.
Презентации
1. Google Gemini: Может собирать простые презентации из кусочков информации от пользователя.
Обучение промптам
1. Wise: Как прокачивали навык написания хороших текстовых запросов для ИИ-чат-ботов. Это серия обучающих мероприятий, для которой сделали ИИ-коуча на базе Gemini.
2. Lyndon Cerejo: Метод составления текстовых запросов к ИИ-чатботам. Он назвал его WIRE+FRAME и описал все нюансы составления хорошей спецификации.
Звук
1. Suno Studio: Запустили свой аудио-редактор, который позволяет работать с несколькими звуковыми дорожками. Можно напеть мелодию и сгенерировать из этого партию любого инструмента. Итоговую композицию можно экспортировать в другие редакторы.
Персональная продуктивность
1. Karan Sharma: Одна из главных ценностей вайб-кодинга — эксперты в предметной области без знаний разработки могут создавать себе собственные мини-инструменты для упрощения жизни. Тут тоже много побочек и муторной возни с непредсказуемым результатом ИИ-генерации, но для таких узких утилит оно терпимо.
#ai #algorithms
Дизайн таких инструментов
1. NN/g: Структурированная подборка своих статей о дизайне интерфейсов ИИ-продуктов.
2. Austin Henley: Проанализировал исследование 90 существующих ИИ-инструментов и концептов для разработчиков. Он предложил свою категоризацию для них.
3. NN/g: Концепция объясняющего ИИ в чат-ботах. Это набор интерфейсных паттернов, где система показывает логику и принципы принятых решений. Ещё одна статья на тему от Victor Yocco.
Роль дизайнера и специалиста вообще
1. Tim Harford: Любая работа — это серия отдельных задач. Сейчас ИИ заменяет в основном отдельные задачи. Но это меняет и саму работу — причём для кого-то в лучшую, а для кого-то в худшую сторону.
2. Elroy: Платиновая статья о том, как ИИ меняет порог входа для разных ситуаций и ролей. Где-то это и правда помогает быстро накопить достаточные знания, где-то разницы нет, а где-то это вообще не работает. Главное ограничение — уровень высокой экспертизы, с которым ИИ мало поможет.
3. Brian Merchant: Реальные истории дизайнеров и иллюстраторов, чью работу забрал или сократил ИИ. Как именно это происходило, что именно менялось и смогли ли они перестроиться.
4. Carly Ayres: Почему на рынке пропадают роли стажёров и младших дизайнеров. Как это работало раньше, как именно на это влияет ИИ и как меняется точка входа дизайнеров в профессию после этого.
5. Tey Bannerman: Фреймворк для вовлечения человека в ИИ-системы. Когда и зачем это нужно.
6. Shreya Shankar: Проблема с доверием к контенту, сгенерированному ИИ. На его проверку уходит слишком много времени и сил.
Пользовательские исследования
1. Jake Burghardt (автор главной книги о базах знаний и инсайтов пользователей): Размышляет на тему интеграции ИИ-сервисов и агентов в этот процесс. Это пока его размышления, не практический опыт.
Анализ интерфейсов
1. Baymard: Добились 95% точности в экспертной оценке интерфейсов через свой ИИ-анализатор UX Ray 2.0.
2. Банк N26: Сделали ИИ-агента для анализа интерфейсов. Он даёт рекомендации по улучшению макета.
Шрифты
1. drFonts: Генерирует полноценный шрифт на основе изображения нескольких символов.
2. Font AI: Генератор шрифтов по текстовому описанию.
Кейсы
1. Luna Wang: Брендинг хобби-проекта сделанный в связке ИИ-инструментов.
2. Figma: Как креативная студия использует ИИ-редактирование на базе модели Nano Banana. Они ускорили создания макетов, показывающих концепты в реальном контексте реальной улицы или мерч в жизни.
Видео
1. Вышли новые поколения моделей для генерации видео Runway Gen 4.5, LumaAI Ray 3 и Ray 3 Modify, Kling AI 01.
Игры
1. Magica 2: Генератор игровых миров, которые создаются на лету.
2. Playables Builder: Экспериментальный инструмент команды YouTube для создания мини-игр по текстовому описанию, изображению или видео.
Презентации
1. Google Gemini: Может собирать простые презентации из кусочков информации от пользователя.
Обучение промптам
1. Wise: Как прокачивали навык написания хороших текстовых запросов для ИИ-чат-ботов. Это серия обучающих мероприятий, для которой сделали ИИ-коуча на базе Gemini.
2. Lyndon Cerejo: Метод составления текстовых запросов к ИИ-чатботам. Он назвал его WIRE+FRAME и описал все нюансы составления хорошей спецификации.
Звук
1. Suno Studio: Запустили свой аудио-редактор, который позволяет работать с несколькими звуковыми дорожками. Можно напеть мелодию и сгенерировать из этого партию любого инструмента. Итоговую композицию можно экспортировать в другие редакторы.
Персональная продуктивность
1. Karan Sharma: Одна из главных ценностей вайб-кодинга — эксперты в предметной области без знаний разработки могут создавать себе собственные мини-инструменты для упрощения жизни. Тут тоже много побочек и муторной возни с непредсказуемым результатом ИИ-генерации, но для таких узких утилит оно терпимо.
#ai #algorithms
Nielsen Norman Group
Designing AI Products and Features: Study Guide
Unsure where to start? Use this collection of links to our articles and videos to learn about recommendations for designing AI products and features.
🔥10❤5👍3
Завершение продолжения отгрузки об алгоритмическом дизайне:
Управление продуктами
1. Bandan Jot Singh: Платинова про слепой нажим на вайб-кодинг, который подменяет смысл продуктовой работы. Столько лет профессия говорила о том, что «output ≠ outcome», но моментально забыла об этом, когда можно получить быстрый результат. В итоге компании быстрее и дешевле пробегают исследовательский этап, чтобы закопать кучу ресурсов и времени на запуск не того решения не той проблемы.
2. Rob Bowley: Для в большинстве случаев для рывка в эффективности компании нужно сначала делать организационные изменения и только потом уже внедрять технологии для них. В обратном порядке это даёт меньшую отдачу, хотя многие пытаются идти именно так.
3. Amazon: Перестройка процесса разработки продуктов вокруг ИИ-агентов. Чтобы прирост в скорости сработал на деле, нужно переосмыслить подходы к тестированию, релизам и координации команд в целом. Это справедливо и для дизайна, где скорость тоже будет расти.
Разработка
1. Design Prompts: Коллекция текстовых запросов для инструментов вайб-кодинга. Фактически это новый подход к готовым шаблонам сайтов.
2. Steve Krouse: Напоминает, что вайб-кодинг превращается в технический долг, когда становится нужно поддерживать этот код. Ведь изначально эта идея касалась только быстрых прототипов, которые выбрасываются после начала полноценной разработки.
3. Chris Loy: Реальный процесс разработки состоит не только из написания кода, который обещают сэкономить ИИ-инструменты. И показывает, что в реальных крупных проектах это относительно небольшая часть.
4. Cursor 2.0 и 2.2: Вышла вторая версия редактора кода на базе их собственной модели Composer. Они сфокусировались на скорости и параллельной работе множества ИИ-агентов с возможностью голосового управления и отслеживания изменений от ИИ. Весь интерфейс перестроен вокруг этого, а не файлов.
А ещё можно генерировать диаграммы и схемы, появился режим отладки.
Cursor Visual Editor: Визуальный редактор для кода. Можно дорабатывать отдельные блоки в панели инструментов, менять их порядок.
5. OpenAI: Современный процесс разработки с активным использованием ИИ-агентов. Они сами работают по нему.
6. Rocket, Anything и HeroUI: Генераторы сайтов и приложений по текстовому запросу. Последний — с фокусом на переиспользуемые компоненты на React.
7. AI Studio: Google обновили раздел Build, чтобы упростить вход новых пользователей в вайб-кодинг.
Внедрение ИИ в компаниях
1. NN/g: Проблема типичного для компаний требования к сотрудникам «внедряйте ИИ». Обычно оно абстрактное — не имеет целей, измеримых критериев, да и в целом происходит хаотично. Она даёт советы, как грамотно организовать этот процесс.
ИИ-агенты
1. Claude: Расширение для браузера Chrome.
2. Dafdef: Флешка для iPhone — может работать в любых приложениях.
Операционные системы
1. Nothing: ИИ-операционка для телефонов. Они запустили инструмент Essential Apps для создания приложений и виджетов по текстовому запросу.
Найм
1. Yusuf Aytas: Детально показывает, как ИИ-сервисы подорвали доверие к техническим собеседованиям — часть кандидатов жульничает. И как можно вернуть добротные проверки.
Другие обновления на рынке
1. ChatGPT: Может подключать сторонние приложения для части задач. Например, сделать диаграмму в FigJam или показать урок с Coursera. На старте есть Canva и всякие бытовые сервисы вроде Booking и Spotify.
2. Anil Dash: В шоке от браузера OpenAI Atlas. Это анти-интернет — он галлюцинирует страницы, факапит с агентскими задачами и пытается переизобрести привычные паттерны, а на их полировку уходят многие годы.
3. Google Disco: Экспериментальный браузер на базе Google Chrome. Он превращает вкладки в интерактивные веб-приложения, логику которых можно описать текстовым запросом.
4. Google Gemini появился в Android Auto. Он помогает управлять интерфейсом голосом, чтобы меньше отвлекаться на экран.
5. Shopify: Собрали все свои ИИ-решения для электронной торговли на одной эффектной странице.
#ai #algorithms
Управление продуктами
1. Bandan Jot Singh: Платинова про слепой нажим на вайб-кодинг, который подменяет смысл продуктовой работы. Столько лет профессия говорила о том, что «output ≠ outcome», но моментально забыла об этом, когда можно получить быстрый результат. В итоге компании быстрее и дешевле пробегают исследовательский этап, чтобы закопать кучу ресурсов и времени на запуск не того решения не той проблемы.
2. Rob Bowley: Для в большинстве случаев для рывка в эффективности компании нужно сначала делать организационные изменения и только потом уже внедрять технологии для них. В обратном порядке это даёт меньшую отдачу, хотя многие пытаются идти именно так.
3. Amazon: Перестройка процесса разработки продуктов вокруг ИИ-агентов. Чтобы прирост в скорости сработал на деле, нужно переосмыслить подходы к тестированию, релизам и координации команд в целом. Это справедливо и для дизайна, где скорость тоже будет расти.
Разработка
1. Design Prompts: Коллекция текстовых запросов для инструментов вайб-кодинга. Фактически это новый подход к готовым шаблонам сайтов.
2. Steve Krouse: Напоминает, что вайб-кодинг превращается в технический долг, когда становится нужно поддерживать этот код. Ведь изначально эта идея касалась только быстрых прототипов, которые выбрасываются после начала полноценной разработки.
3. Chris Loy: Реальный процесс разработки состоит не только из написания кода, который обещают сэкономить ИИ-инструменты. И показывает, что в реальных крупных проектах это относительно небольшая часть.
4. Cursor 2.0 и 2.2: Вышла вторая версия редактора кода на базе их собственной модели Composer. Они сфокусировались на скорости и параллельной работе множества ИИ-агентов с возможностью голосового управления и отслеживания изменений от ИИ. Весь интерфейс перестроен вокруг этого, а не файлов.
А ещё можно генерировать диаграммы и схемы, появился режим отладки.
Cursor Visual Editor: Визуальный редактор для кода. Можно дорабатывать отдельные блоки в панели инструментов, менять их порядок.
5. OpenAI: Современный процесс разработки с активным использованием ИИ-агентов. Они сами работают по нему.
6. Rocket, Anything и HeroUI: Генераторы сайтов и приложений по текстовому запросу. Последний — с фокусом на переиспользуемые компоненты на React.
7. AI Studio: Google обновили раздел Build, чтобы упростить вход новых пользователей в вайб-кодинг.
Внедрение ИИ в компаниях
1. NN/g: Проблема типичного для компаний требования к сотрудникам «внедряйте ИИ». Обычно оно абстрактное — не имеет целей, измеримых критериев, да и в целом происходит хаотично. Она даёт советы, как грамотно организовать этот процесс.
ИИ-агенты
1. Claude: Расширение для браузера Chrome.
2. Dafdef: Флешка для iPhone — может работать в любых приложениях.
Операционные системы
1. Nothing: ИИ-операционка для телефонов. Они запустили инструмент Essential Apps для создания приложений и виджетов по текстовому запросу.
Найм
1. Yusuf Aytas: Детально показывает, как ИИ-сервисы подорвали доверие к техническим собеседованиям — часть кандидатов жульничает. И как можно вернуть добротные проверки.
Другие обновления на рынке
1. ChatGPT: Может подключать сторонние приложения для части задач. Например, сделать диаграмму в FigJam или показать урок с Coursera. На старте есть Canva и всякие бытовые сервисы вроде Booking и Spotify.
2. Anil Dash: В шоке от браузера OpenAI Atlas. Это анти-интернет — он галлюцинирует страницы, факапит с агентскими задачами и пытается переизобрести привычные паттерны, а на их полировку уходят многие годы.
3. Google Disco: Экспериментальный браузер на базе Google Chrome. Он превращает вкладки в интерактивные веб-приложения, логику которых можно описать текстовым запросом.
4. Google Gemini появился в Android Auto. Он помогает управлять интерфейсом голосом, чтобы меньше отвлекаться на экран.
5. Shopify: Собрали все свои ИИ-решения для электронной торговли на одной эффектной странице.
#ai #algorithms
Substack
Vibe Coding and The Illusion of Progress
When AI can spin up features in minutes, it’s easy to lose sight of whether those features still solve the problems that matter.
👍8🔥7❤6🤔1
Дайджест продуктового дизайна за декабрь 2025. Тренды 2026 года, дизайн-системы, простота и удовлетворённость, менторство, пользовательские исследования, умные дома, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
❤8🔥2
Год в дайджесте традиционно стартует с «чего там напоказывали» на выставке CES 2026 — она прошла с 6 по 9 января в Лас-Вегасе. Всё, что имеет прямое или косвенное отношение к интерфейсам:
Гибкие и складные экраны
1. Растягивающийся вширь экран ноутбука Lenovo Region Pro Rollable и вверх XD Rollable.
2. Телефон Samsung Galaxy Z TriFold с тройным гибким экраном.
3. Samsung Flexible L для авто.
4. Ноутбук ASUS ROG Zephyrus Duo с двойным экраном.
Компьютеры
1. Экран ноутбука Lenovo ThinkBook Plus Gen 7 Auto Twist сам поворачивается за пользователем.
2. Процессор Intel Core Ultra Series 3 позволяет играть в мощные игры на простых компьютерах за счёт ИИ-улучшения.
3. Ноутбук Acer с самым большим в мире тачпадом, с которым можно работать ещё и стилусом.
4. Компьютер HP EliteBoard внутри обычной клавиатуры.
Телефоны
1. Blackberry-подобный телефон Clicks Communicator на базе Android и их же магнитная клавиатура для других телефонов.
2. Ikko MindOne Pro: Что-то среднее между маленьким телефоном и ИИ-помощником.
Очки и шлемы
1. Игровые очки ASUS и XREAL создают широкий виртуальный монитор.
2. Очки LG и XGIMI с ИИ-ассистентом.
3. Новые технологии для очков от Lumus.
4. Линзы для очков IXI с автофокусом.
5. Очки Ray-Ban от Меты работают как телесуфлёр и могут сканировать рукописный текст.
ТВ, проекторы и мониторы
1. Displace Hub может сделать любой телевизор беспроводным.
2. Настенный плакат InkPoster на электронной бумаге.
3. Настенная фото-рамка Fraimic на электронной бумаге генерирует изображения с помощью OpenAI. А Vinabot анимирует фото и персонажей через ИИ.
4. Семейный календарь Cozyla в виде интерактивного экрана.
5. Редизайн интерфейса Amazon Fire TV.
6. Google Gemini теперь есть и в телевизорах. Поможет с настройками, объяснит термин или тему, обработает фото.
Авто
1. Управление информационными системами машины с помощью жестов от Меты и Garmin.
Носимые устройства
1. Основатели Pebble перезапустили часы и сделали умные кольца.
2. Кроссовки Dephy помогают ходить.
3. Наушники NAOX умеют мониторить электроэнцефалограмму мозга.
4. Маска Wearphone для общения с ИИ-помощниками глушит голос в публичных местах.
ИИ-устройства и помощники
1. Наушники Razer Project Motoko работают как ИИ-ассистент. В них есть камеры и микрофоны, которые анализируют окружающий мир.
2. Кольцо Vocci с транскрипцией записи диктофона.
3. Банка Razer Project Ava с голографической фигурой ИИ-помощника.
4. ИИ-помощник Qira для устройств Lenovo и Motorola.
5. Amazon Alexa теперь работает просто в браузере.
6. Ожерелье Nirva работает как ИИ-помощник.
Игры
1. Модульный контроллер Hyperskin и Gamesir для телефонов и планшетов.
2. Магнитный контроллер для телефонов OnSnap доработали и расширили сопутствующими устройствами.
3. Контроллер JogCon с небольшим рулём посередине.
4. Портретный контроллер 8BitDo для телефонов.
5. Клавиатура Corsair с сенсорным экраном для горячих клавиш.
6. Игровое кресло Razer Project Madison с подсветкой, звуковой и тактильной отдачей.
7. Кубики Lego Smart Brick светятся, издают звук, могут взаимодействовать с другими объектами.
Умный дом
1. Холодильник GE сканирует содержимое и помогает закупать заканчивающиеся продукты, готовить по рецептам из того что в наличии.
2. Смесь будильника и умной колонки Dreamie.
3. Устройства платформы Emerson Smart управляются голосом даже без интернета.
4. Робот-пылесос Dreame может подниматься по лестнице.
5. Агрегат Nosh готовит до 500 блюд из заранее подготовленных ингредиентов.
Крейзота
1. Электропитомцы OlloBot, Cocomo и Takway (развивается в духе тамагочи)
2. Накладные ногти iPolish сами меняют цвет.
3. Леденец Lollipop Star передаёт звук песни через челюсть, пока ешь его.
Чего-то совсем нового мало, больше инкрементального «вставим ИИ везде, где можно». Тем хуже, что кризис чипов памяти и другого железа из-за этого же ИИ приведёт к удорожанию компьютеров и телефонов.
#ces #trends #events
Гибкие и складные экраны
1. Растягивающийся вширь экран ноутбука Lenovo Region Pro Rollable и вверх XD Rollable.
2. Телефон Samsung Galaxy Z TriFold с тройным гибким экраном.
3. Samsung Flexible L для авто.
4. Ноутбук ASUS ROG Zephyrus Duo с двойным экраном.
Компьютеры
1. Экран ноутбука Lenovo ThinkBook Plus Gen 7 Auto Twist сам поворачивается за пользователем.
2. Процессор Intel Core Ultra Series 3 позволяет играть в мощные игры на простых компьютерах за счёт ИИ-улучшения.
3. Ноутбук Acer с самым большим в мире тачпадом, с которым можно работать ещё и стилусом.
4. Компьютер HP EliteBoard внутри обычной клавиатуры.
Телефоны
1. Blackberry-подобный телефон Clicks Communicator на базе Android и их же магнитная клавиатура для других телефонов.
2. Ikko MindOne Pro: Что-то среднее между маленьким телефоном и ИИ-помощником.
Очки и шлемы
1. Игровые очки ASUS и XREAL создают широкий виртуальный монитор.
2. Очки LG и XGIMI с ИИ-ассистентом.
3. Новые технологии для очков от Lumus.
4. Линзы для очков IXI с автофокусом.
5. Очки Ray-Ban от Меты работают как телесуфлёр и могут сканировать рукописный текст.
ТВ, проекторы и мониторы
1. Displace Hub может сделать любой телевизор беспроводным.
2. Настенный плакат InkPoster на электронной бумаге.
3. Настенная фото-рамка Fraimic на электронной бумаге генерирует изображения с помощью OpenAI. А Vinabot анимирует фото и персонажей через ИИ.
4. Семейный календарь Cozyla в виде интерактивного экрана.
5. Редизайн интерфейса Amazon Fire TV.
6. Google Gemini теперь есть и в телевизорах. Поможет с настройками, объяснит термин или тему, обработает фото.
Авто
1. Управление информационными системами машины с помощью жестов от Меты и Garmin.
Носимые устройства
1. Основатели Pebble перезапустили часы и сделали умные кольца.
2. Кроссовки Dephy помогают ходить.
3. Наушники NAOX умеют мониторить электроэнцефалограмму мозга.
4. Маска Wearphone для общения с ИИ-помощниками глушит голос в публичных местах.
ИИ-устройства и помощники
1. Наушники Razer Project Motoko работают как ИИ-ассистент. В них есть камеры и микрофоны, которые анализируют окружающий мир.
2. Кольцо Vocci с транскрипцией записи диктофона.
3. Банка Razer Project Ava с голографической фигурой ИИ-помощника.
4. ИИ-помощник Qira для устройств Lenovo и Motorola.
5. Amazon Alexa теперь работает просто в браузере.
6. Ожерелье Nirva работает как ИИ-помощник.
Игры
1. Модульный контроллер Hyperskin и Gamesir для телефонов и планшетов.
2. Магнитный контроллер для телефонов OnSnap доработали и расширили сопутствующими устройствами.
3. Контроллер JogCon с небольшим рулём посередине.
4. Портретный контроллер 8BitDo для телефонов.
5. Клавиатура Corsair с сенсорным экраном для горячих клавиш.
6. Игровое кресло Razer Project Madison с подсветкой, звуковой и тактильной отдачей.
7. Кубики Lego Smart Brick светятся, издают звук, могут взаимодействовать с другими объектами.
Умный дом
1. Холодильник GE сканирует содержимое и помогает закупать заканчивающиеся продукты, готовить по рецептам из того что в наличии.
2. Смесь будильника и умной колонки Dreamie.
3. Устройства платформы Emerson Smart управляются голосом даже без интернета.
4. Робот-пылесос Dreame может подниматься по лестнице.
5. Агрегат Nosh готовит до 500 блюд из заранее подготовленных ингредиентов.
Крейзота
1. Электропитомцы OlloBot, Cocomo и Takway (развивается в духе тамагочи)
2. Накладные ногти iPolish сами меняют цвет.
3. Леденец Lollipop Star передаёт звук песни через челюсть, пока ешь его.
Чего-то совсем нового мало, больше инкрементального «вставим ИИ везде, где можно». Тем хуже, что кризис чипов памяти и другого железа из-за этого же ИИ приведёт к удорожанию компьютеров и телефонов.
#ces #trends #events
www.ces.tech
CES - The Most Powerful Tech Event in the World
CES® is the most powerful tech event in the world — the proving ground for breakthrough technologies and global innovators. Owned and produced by the Consumer Technology Association (CTA)®, CES is the only trade show that showcases the entire tech landscape…
❤18👍3🔥1
Неразобранные с прошлого года свежие ссылки про лучшие интерфейсные паттерны и практики, пока руки и глаза не дошли до самого новья:
1. Linear: Воссоздали эффекты «жидкого стекла» в своём приложении для iOS. Им нужна была расширенная нижняя панель навигации, так что стандартных решений ОС не хватало.
2. Creative Navy: Фундаментальная статья о проблемах в интерфейсах научных программ. И способах посчитать ROI их улучшения — это лучшее, что я встречал на эту тему.
3. NN/g: Советы по дизайну интерфейса контекстных меню.
4. Website Inspo: Галерея примеров интересных по дизайну сайтов, разбитая по типовым компонентам.
5. Сайт собрал классические эвристики Нильсена и новые принципы дизайна для ИИ.
6. NN/G: Дневниковое исследование пользователей умных домов. Что им важно, как строятся их потребности и ожидания.
7. Виталий Фридман: Как интерфейсы могут помочь пользователям в стрессе лучше справляться с задачами.
8. Bad UX World Cup: Конкурс на худший интерфейс выбора даты.
9. NHS: Принципы дизайна команды британской системы здравоохранения.
10. Adobe: Как снизить негативное влияние анимации в интерфейсе на пользователей с ограниченными возможностями. Это техники на стыке с разработкой.
11. Fernando Rojo: В деталях разбирает дизайн интерфейса приложения Vercel v0 и его реализацию. Много подробностей про самые мелкие нюансы взаимодействия с чатом.
12. Adobe Express: Пример решения задачи growth. Как здесь сработала связка дизайнера и исследователя.
#patterns
1. Linear: Воссоздали эффекты «жидкого стекла» в своём приложении для iOS. Им нужна была расширенная нижняя панель навигации, так что стандартных решений ОС не хватало.
2. Creative Navy: Фундаментальная статья о проблемах в интерфейсах научных программ. И способах посчитать ROI их улучшения — это лучшее, что я встречал на эту тему.
3. NN/g: Советы по дизайну интерфейса контекстных меню.
4. Website Inspo: Галерея примеров интересных по дизайну сайтов, разбитая по типовым компонентам.
5. Сайт собрал классические эвристики Нильсена и новые принципы дизайна для ИИ.
6. NN/G: Дневниковое исследование пользователей умных домов. Что им важно, как строятся их потребности и ожидания.
7. Виталий Фридман: Как интерфейсы могут помочь пользователям в стрессе лучше справляться с задачами.
8. Bad UX World Cup: Конкурс на худший интерфейс выбора даты.
9. NHS: Принципы дизайна команды британской системы здравоохранения.
10. Adobe: Как снизить негативное влияние анимации в интерфейсе на пользователей с ограниченными возможностями. Это техники на стыке с разработкой.
11. Fernando Rojo: В деталях разбирает дизайн интерфейса приложения Vercel v0 и его реализацию. Много подробностей про самые мелкие нюансы взаимодействия с чатом.
12. Adobe Express: Пример решения задачи growth. Как здесь сработала связка дизайнера и исследователя.
#patterns
linear.app
A Linear spin on Liquid Glass - Linear
❤11🔥2
И ещё один выпуск, который ждал с декабря — новое о пользовательских исследованиях:
1. Jeff Sauro и Jim Lewis: Разбираются, по-разному ли пользователи оценивают простоту и удовлетворённость. Они подняли разные способы замера на уровне всего продукта и конкретного сценария. Вторая статья показывает, что оценки пользователей этих двух метрик часто близки.
2. NN/g: Памятка по составлению вопросов для записей дневникового исследования. Как оптимизировать их для качества данных и простоты их дальнейшего анализа.
3. Контур: Как проводить исследования API и других решений без явного интерфейса.
4. Jeff Sauro и Jim Lewis: Виды итоговых документов, которые создаются в ходе исследований. От планирования до итоговых результатов.
5. Контур: Советы исследователям, которые находятся вне продуктовой команды. Как принести им пользу.
6. Контур: Подход к оценке проведённых количественных исследований. Это во многом похоже на дизайн-ревью, но для результатов работы экспертов начинающего или среднего уровня.
#research
1. Jeff Sauro и Jim Lewis: Разбираются, по-разному ли пользователи оценивают простоту и удовлетворённость. Они подняли разные способы замера на уровне всего продукта и конкретного сценария. Вторая статья показывает, что оценки пользователей этих двух метрик часто близки.
2. NN/g: Памятка по составлению вопросов для записей дневникового исследования. Как оптимизировать их для качества данных и простоты их дальнейшего анализа.
3. Контур: Как проводить исследования API и других решений без явного интерфейса.
4. Jeff Sauro и Jim Lewis: Виды итоговых документов, которые создаются в ходе исследований. От планирования до итоговых результатов.
5. Контур: Советы исследователям, которые находятся вне продуктовой команды. Как принести им пользу.
6. Контур: Подход к оценке проведённых количественных исследований. Это во многом похоже на дизайн-ревью, но для результатов работы экспертов начинающего или среднего уровня.
#research
Measuringu
What Is the Difference Between Ease and Satisfaction? – MeasuringU
🔥12👍3❤1
Первый в этом году мини-подбор свежего о дизайн-системах:
1. Shaun Bent: Проблемы федеративной модели поддержки и развития дизайн-системы. Spotify, где он работал, дважды пытался запустить её и она дважды проваливалась по двум причинам: недостаточная централизованная команда и её полное отсутствие.
2. Figma и Design Executive Council (DXC): Исследование того, как команды дизайн-систем доносят их ценность до бизнеса. Выдержки из него.
3. Lukas Oppermann: Обзор стандарта W3C для токенов. Предыстория его появления, разбор видов переменных и форматов их описания, советы по миграции на него.
4. Nathan Curtis: Необычный подход к описанию свойств компонентов в Figma, которые нужны только разработчикам. Он помещает их в скрытые слои — тогда они не мешают просмотру документов, но видны в панели свойств.
5. Romina Kavcic: Новый проект по использованию ИИ в дизайн-системах. Памятки, инструкции, шаблоны и всё такое.
6. Figma: Мнения экспертов по дизайн-системам о том, как они меняются благодаря ИИ.
7. 8bitcn/ui: 8-битная тема оформления для фреймворка дизайн-систем shadcn/ui.
#designsystems
1. Shaun Bent: Проблемы федеративной модели поддержки и развития дизайн-системы. Spotify, где он работал, дважды пытался запустить её и она дважды проваливалась по двум причинам: недостаточная централизованная команда и её полное отсутствие.
2. Figma и Design Executive Council (DXC): Исследование того, как команды дизайн-систем доносят их ценность до бизнеса. Выдержки из него.
3. Lukas Oppermann: Обзор стандарта W3C для токенов. Предыстория его появления, разбор видов переменных и форматов их описания, советы по миграции на него.
4. Nathan Curtis: Необычный подход к описанию свойств компонентов в Figma, которые нужны только разработчикам. Он помещает их в скрытые слои — тогда они не мешают просмотру документов, но видны в панели свойств.
5. Romina Kavcic: Новый проект по использованию ИИ в дизайн-системах. Памятки, инструкции, шаблоны и всё такое.
6. Figma: Мнения экспертов по дизайн-системам о том, как они меняются благодаря ИИ.
7. 8bitcn/ui: 8-битная тема оформления для фреймворка дизайн-систем shadcn/ui.
#designsystems
Shaun Bent
Why Federated Design Systems Keep Failing
Why do federated design systems keep failing? I watched it happen twice at Spotify. Here's what actually happened, where they broke down, and why centralised models usually work better.
🔥21
1 марта стартует пятнадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых четырнадцати отучились около 1000 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Astrum, Aviasales, Avito, Avon, 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, inDriver, 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, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралсиб, Уралхим, Финам, ЦИАН, Эвалар, Эксмо, Uzum, Voximplant, Wargaming, Wildberries, Winline, Wrike, X5, Юрент, Yappy, Yota, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
Записаться.
#management
На первых четырнадцати отучились около 1000 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Astrum, Aviasales, Avito, Avon, 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, inDriver, 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, Tele2, Tengri News, Тинькофф, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралсиб, Уралхим, Финам, ЦИАН, Эвалар, Эксмо, Uzum, Voximplant, Wargaming, Wildberries, Winline, Wrike, X5, Юрент, Yappy, Yota, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Я постепенно добавляю шаблоны для домашних заданий, которые здорово структурируют мысли (проверяю всё сам). Получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп :)
Записаться.
#management
❤12🔥4
Последние накопительные ссылки, настаивающиеся с конца прошлого года — теперь по дизайн-менеджменту:
1. Uber: Одна из лучших статей о сессиях дизайн-критики и процессе дизайн-ревью в целом. Parvaneh Toghiani разделяет их на три типа ситуаций — договориться верхнеуровнево, улучшить решение и получить финальное добро.
2. Самокат: Как проходит кросс-ревью дизайна. Это оценка коллегами-дизайнерами, которую они смогли наладить. Они также поделились своим чеклистом для оценщиков.
3. NN/g: Формат рабочей сессии по выбору интерфейсных метрик. Как привязать их к целям бизнеса и продукта, а потом запустить измерения.
4. Георгий Путилов: Собрал мнения о причинах и предпосылках редизайна продуктов у дизайн-менеджеров Т2, Точка Банк, Билайн, Альфа-Инвестиции, Битрикс24 и Лига Ставок. Они делятся деталями процесса обновления в своих компаниях.
5. Nate Schloesser: Чем плохо отсутствие менторства для лидеров в компании. Он описывает свой подход к их развитию.
6. Ted Goas: Становление дизайн-менеджером. Как он балансировал между управлением людьми и сохранением дизайнерской экспертизы, а также помогает команде в целом.
7. Виталий Фридман: Фреймворк TARS (Target Audience, Adoption, Retention, Satisfaction) от Adrian H. Raudschl. Он помогает измерять качество реализации функциональности в продукте, в том числе с точки зрения UX.
И напомню про новый поток моего курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться.
#designmanagement
1. Uber: Одна из лучших статей о сессиях дизайн-критики и процессе дизайн-ревью в целом. Parvaneh Toghiani разделяет их на три типа ситуаций — договориться верхнеуровнево, улучшить решение и получить финальное добро.
2. Самокат: Как проходит кросс-ревью дизайна. Это оценка коллегами-дизайнерами, которую они смогли наладить. Они также поделились своим чеклистом для оценщиков.
3. NN/g: Формат рабочей сессии по выбору интерфейсных метрик. Как привязать их к целям бизнеса и продукта, а потом запустить измерения.
4. Георгий Путилов: Собрал мнения о причинах и предпосылках редизайна продуктов у дизайн-менеджеров Т2, Точка Банк, Билайн, Альфа-Инвестиции, Битрикс24 и Лига Ставок. Они делятся деталями процесса обновления в своих компаниях.
5. Nate Schloesser: Чем плохо отсутствие менторства для лидеров в компании. Он описывает свой подход к их развитию.
6. Ted Goas: Становление дизайн-менеджером. Как он балансировал между управлением людьми и сохранением дизайнерской экспертизы, а также помогает команде в целом.
7. Виталий Фридман: Фреймворк TARS (Target Audience, Adoption, Retention, Satisfaction) от Adrian H. Raudschl. Он помогает измерять качество реализации функциональности в продукте, в том числе с точки зрения UX.
И напомню про новый поток моего курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться.
#designmanagement
Medium
How to Stop the Stakeholder Swirl
And finally enjoy your big-company design reviews
❤21
Всякое разное полезное интересное про алгоритмический дизайн, появившееся уже в новом году:
Инструменты дизайна
1. Pencil: Новый инструмент от Cursor. Он умеет работать через MCP в обе стороны (не только читать, но и отдавать результат обратно). Несколько агентов могут генерировать разные ветки пользовательских сценариев в параллели. Работает через свой формат дизайн-файлов.
2. Kimi 2.5: Модель может воссоздать дизайн интерфейса на основе картинки или скринкаста с его прокруткой.
3. LukeW Character Maker: Luke Wroblewski сделал генератор иллюстраций для своего фирменного персонажа. Он воспроизводит стилистику и показывает его в разных ситуациях. Анонс с предысторией.
4. Claude: Теперь тоже может генерировать диаграммы в FigJam.
Взаимодействие с такими инструментами
1. NN/g: Парадокс человечности в ИИ-продуктах. С одной стороны, интерфейсы должны быть дружелюбными и помогать пользователю. С другой — сейчас она фейковая, гипертрофированная и вводит в заблуждение о реальных способностях чат-ботов.
Дизайн-процесс
1. Interfere: Подход дизайн-инженера к прототипированию через ИИ. Как он настраивает окружение и примеряет конкретные решения.
2. Figma: Подход к текстовым запросам в ИИ-инструментах. Это формат TC-EBC (Task, Context, Elements, Behavior, Constraints), который балансирует между структурированностью и простотой.
Анализ интерфейсов
1. Christian и Jamie Holst: Интервью с основателями Baymard Institute об их опыте анализа интерфейсов с помощью ИИ.
Кейсы
1. Aaron Veale: MVP двухстороннего маркетплейса для фермеров и их покупателей с помощью Figma Make. Это помогло привлечь инвестиции, ведь бизнес уже работал.
Игры
1. Google Genie: Открыли доступ к генератору игровых миров. По текстовому описанию или изображению-примеру можно создать персонажей, сцену и игровую механику. Анонс и примеры экспериментов пользователей.
Презентации
1. Adobe Acrobat: Может собрать презентацию из документов или редактировать PDF по текстовому запросу.
ИИ-агенты
1. Claude Cowork: Работает с файлами и папками на компьютере.
2. UCP (Universal Commerce Protocol): Протокол под онлайн-покупки от Google и группы компаний электронной торговли.
Найм
1. Thomas Wolf: Почему именно стали нанимать меньше младших специалистов в эпоху ИИ. Он выделяет три составляющих профессионала: исполнение, суждения и самостоятельность. ИИ пока справляется с первым, а джуны в основном про это.
2. Mike Fisher: Подробно разложил суть парадокса Jevons на примере нескольких отраслей. И считает, что ИТ-профессии пойдут по тому же пути — например, если компании смогут писать код быстрее, то они смогут запускать больше продуктов и их функций, ведь аппетит растёт.
Другие обновления на рынке
1. Google Gemini: Встроили в Chrome с кучей прав и возможностей. Это и советчик, и агент одновременно.
#ai #algorithms
Инструменты дизайна
1. Pencil: Новый инструмент от Cursor. Он умеет работать через MCP в обе стороны (не только читать, но и отдавать результат обратно). Несколько агентов могут генерировать разные ветки пользовательских сценариев в параллели. Работает через свой формат дизайн-файлов.
2. Kimi 2.5: Модель может воссоздать дизайн интерфейса на основе картинки или скринкаста с его прокруткой.
3. LukeW Character Maker: Luke Wroblewski сделал генератор иллюстраций для своего фирменного персонажа. Он воспроизводит стилистику и показывает его в разных ситуациях. Анонс с предысторией.
4. Claude: Теперь тоже может генерировать диаграммы в FigJam.
Взаимодействие с такими инструментами
1. NN/g: Парадокс человечности в ИИ-продуктах. С одной стороны, интерфейсы должны быть дружелюбными и помогать пользователю. С другой — сейчас она фейковая, гипертрофированная и вводит в заблуждение о реальных способностях чат-ботов.
Дизайн-процесс
1. Interfere: Подход дизайн-инженера к прототипированию через ИИ. Как он настраивает окружение и примеряет конкретные решения.
2. Figma: Подход к текстовым запросам в ИИ-инструментах. Это формат TC-EBC (Task, Context, Elements, Behavior, Constraints), который балансирует между структурированностью и простотой.
Анализ интерфейсов
1. Christian и Jamie Holst: Интервью с основателями Baymard Institute об их опыте анализа интерфейсов с помощью ИИ.
Кейсы
1. Aaron Veale: MVP двухстороннего маркетплейса для фермеров и их покупателей с помощью Figma Make. Это помогло привлечь инвестиции, ведь бизнес уже работал.
Игры
1. Google Genie: Открыли доступ к генератору игровых миров. По текстовому описанию или изображению-примеру можно создать персонажей, сцену и игровую механику. Анонс и примеры экспериментов пользователей.
Презентации
1. Adobe Acrobat: Может собрать презентацию из документов или редактировать PDF по текстовому запросу.
ИИ-агенты
1. Claude Cowork: Работает с файлами и папками на компьютере.
2. UCP (Universal Commerce Protocol): Протокол под онлайн-покупки от Google и группы компаний электронной торговли.
Найм
1. Thomas Wolf: Почему именно стали нанимать меньше младших специалистов в эпоху ИИ. Он выделяет три составляющих профессионала: исполнение, суждения и самостоятельность. ИИ пока справляется с первым, а джуны в основном про это.
2. Mike Fisher: Подробно разложил суть парадокса Jevons на примере нескольких отраслей. И считает, что ИТ-профессии пойдут по тому же пути — например, если компании смогут писать код быстрее, то они смогут запускать больше продуктов и их функций, ведь аппетит растёт.
Другие обновления на рынке
1. Google Gemini: Встроили в Chrome с кучей прав и возможностей. Это и советчик, и агент одновременно.
#ai #algorithms
Pencil
Pencil – Design on canvas. Land in code.
Pencil fundamentally increases your engineering speed by bringing designing directly into your preferred IDE.
❤12🔥3👍2
Дайджест продуктового дизайна за январь 2026. CES 2026, федеративные дизайн-системы и слоты, интервью с пользователями через ИИ, управление ИИ-агентами, agent journey map, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
🔥11❤3👍2
Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовал 1291 человек.
В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.
Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:
1. Т-Банк
2. Яндекс
3. Dodo
4. Авито
5. Aviasales
6. Ozon
7. Альфа-Банк
8. Точка Банк
9. Сбер
10. Самокат
Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018 годы.
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.
P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — «Оди», Илоне Саркисовой, Мише Розову, Антону Черногорову, дизайнерс, Сергею Кондаурову, Антону Григорьеву, Bang Bang Education.
#designmanagement #survey #research
В России хватает сильных продуктовых компаний и команд, в которых работают мощные дизайнеры и выпускаются крепкие продукты международного уровня. Многие из них помогают дизайн-сообществу конференциями, митапами, конкурсами и другими полезными вещами.
Вот, например, топ-10 по вопросу «Оффер какой компании вы бы приняли?»:
1. Т-Банк
2. Яндекс
3. Dodo
4. Авито
5. Aviasales
6. Ozon
7. Альфа-Банк
8. Точка Банк
9. Сбер
10. Самокат
Теперь у каждой команды в каталоге есть динамика рейтинга — как их оценивали в разные годы. Карточки компаний будут развиваться. Результаты за 2024, 2023, 2021, 2020, 2019 и 2018 годы.
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать. Это станет полезным инструментом для оценки вложений в HR-бренд.
P.S. Отдельное спасибо дизайнерским сообществам, которые помогли собрать ответы. В первую очередь — «Оди», Илоне Саркисовой, Мише Розову, Антону Черногорову, дизайнерс, Сергею Кондаурову, Антону Григорьеву, Bang Bang Education.
#designmanagement #survey #research
Dmpatterns
Отношение к продуктовым дизайн-командам: 2025
Ежегодное исследование продуктовых дизайн-команд в России. Как профессиональное сообщество оценивает результаты их работы? Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста.…
❤19🔥11👍2🤔2
Пачка свежего уже точно из 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
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
GoodCart
GoodCart - Ecommerce UI & UX Design Inspiration
Browse the best designed ecommerce websites in one place.
❤13👍10🔥4🤔1
Вот что из свежего о пользовательских исследованиях успел почитать за последние недели:
1. NN/g: Насколько уместны ИИ-модераторы пользовательских исследований?. В целом — нет, если только для некоторых видов структурированных интервью. Во-первых, они не могут раскапывать инсайты, отходя от сценария исследования. Во-вторых, ведут себя максимально кринжово.
athenahealth тоже попробовали. Результат спорный.
2. Jeff Sauro и Jim Lewis: Стандартизированные метрики для оценки выполнения задачи в интерфейсе. А также сравнивают их с метрикой SEQ.
3. Victor Yocco: Метод исследований ИИ-агентов, а также построения карты взаимодействия пользователя с ними.
4. NN/g: Обзорно о создании своей панели респондентов. Когда они полезны, как и где их создавать.
#research
1. NN/g: Насколько уместны ИИ-модераторы пользовательских исследований?. В целом — нет, если только для некоторых видов структурированных интервью. Во-первых, они не могут раскапывать инсайты, отходя от сценария исследования. Во-вторых, ведут себя максимально кринжово.
athenahealth тоже попробовали. Результат спорный.
2. Jeff Sauro и Jim Lewis: Стандартизированные метрики для оценки выполнения задачи в интерфейсе. А также сравнивают их с метрикой SEQ.
3. Victor Yocco: Метод исследований ИИ-агентов, а также построения карты взаимодействия пользователя с ними.
4. NN/g: Обзорно о создании своей панели респондентов. Когда они полезны, как и где их создавать.
#research
Nielsen Norman Group
AI-Moderated Interviews: If, When, and How to Use Them
AI interviews offer faster feedback at scale, but they're not a replacement for in-depth, human-led semistructured interviews.
❤6👍4
Под конец 2025 года напечатано уже 16 000 книг «Паттерны дизайн-менеджмента» — это уже в полтора раза выше моих первичных ожиданий.
Было семь доп.тиражей по мере продаж с небольшими багфиксами всплывших опечаток. Ни разу не ожидал такого ажиотажа вокруг нишевой узкопрофессиональной литературы, но приятно, чо уж тут :) Если тираж докапает до 25 000 — буду счастливее некуда.
Напомню, что её можно заказать в любую страну мира (или тут).
P.S. И чтобы два раза не вставать — черновик второй книги «Копилот цифрового брендинга» готов. Сейчас заканчивается первый поток этого же курса и я буду дорабатывать фреймворк по обратной связи весь 2026. Если всё будет понятно-предсказуемо — есть шанс открыть предпродажи в конце 2027. И тогда же смогу заняться вторым изданием «Паттернов дизайн-менеджмента» — накопилась уйма свежего материала.
P.P.S. И напомню про новый курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться.
#book
Было семь доп.тиражей по мере продаж с небольшими багфиксами всплывших опечаток. Ни разу не ожидал такого ажиотажа вокруг нишевой узкопрофессиональной литературы, но приятно, чо уж тут :) Если тираж докапает до 25 000 — буду счастливее некуда.
Напомню, что её можно заказать в любую страну мира (или тут).
P.S. И чтобы два раза не вставать — черновик второй книги «Копилот цифрового брендинга» готов. Сейчас заканчивается первый поток этого же курса и я буду дорабатывать фреймворк по обратной связи весь 2026. Если всё будет понятно-предсказуемо — есть шанс открыть предпродажи в конце 2027. И тогда же смогу заняться вторым изданием «Паттернов дизайн-менеджмента» — накопилась уйма свежего материала.
P.P.S. И напомню про новый курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться.
#book
❤23🔥20👍5
Малышечная подборка свежего о дизайн-системах:
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
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
Substack
Configuration Collapse
As Figma Slots Push Composability, Be Ready to Drop Props
❤17👍6
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 и других.
Кстати, первый черновик книги на эту тему готов. Надеюсь принести ими ещё много пользы рынку и пользователям.
#branding
За это время я описал и обкатал фреймворк, помогающий решить два главных разрыва:
1. Сначала между стратегией и визуальной концепцией. Они зачастую никак не связаны, а значит айдентика такого бренда не передаёт его суть. И работает в лучшем случае на самом базовом уровне визуальной целостности.
2. А потом — между концепцией и её масштабированием. Гайдлайны не получается применить на практике и они остаются пылиться на полке. А значит и значительная часть всего проекта по брендингу была сделана зря.
Этот фреймворк помог вести проекты с топовыми глобальными агентствами вроде Collins, Design Studio (теперь — Further) и Verve. На каждом из уровне фреймворка есть набор инструментов и шаблонов к ним. Они помогают связать все уровни работы над брендом. В том числе убрать разрыв между цифровым продуктом и его маркетинговой коммуникацией.
Я постарался разложить пошаговый процесс работы над брендом на конкретные инструменты (их 26). К каждому из них идёт серия шаблонов, заполняя которые вы постепенно продвигаетесь к созданию того самого бренда, который выглядит, работает и ощущается цельно.
Я не буду учить вас делать конкретный визуальный стиль в конкретном инструменте дизайна. Но я научу вас тому, как найти этот стиль. А позже, при работе над любым стилем:
1. Убедиться, что он работает везде, в том числе в интерфейсе.
2. Он передаёт целевой характер. Так что получается тот самый эмоциональный дизайн.
На первом потоке и интенсиве отучились арт-директоры, дизайн-директоры, креативные директоры, ведущие дизайнеры из отечественных компаний: 2GIS, Aviasales, Дом.ру, Lamoda, Mos.ru, МТС, Ozon, Pinkman, Райффайзен Банк, Ренессанс Страхование, Спортс.ру, Циан, X5 и других.
Кстати, первый черновик книги на эту тему готов. Надеюсь принести ими ещё много пользы рынку и пользователям.
#branding
🔥14❤8🤔1
Немного свежего о лучших интерфейсных паттернах и практиках:
1. Baymard Institute: Плагин для Figma на основе своего ИИ-анализатора интерфейсов UX-Ray. Он сопоставляет ваш макет с паттернами и лучшими практиками из их гигантской базы знаний.
2. Lazyweb: Сервис помогает быстро анализировать экраны и сценарии мобильных приложений в нужной отрасли. Это связка классической коллекции паттернов и гибкого ИИ-поиска по ней.
3. Victor Ayomipo: Памятка по психологии и дизайну интерфейса мотивационной системы streaks для пользователей.
4. NN/g: Памятка о проектировании полезных уведомлений для устройств умного дома. Они могут быть реактивными, проактивными и оптимизационными.
5. NN/g: Несколько простых интерфейсных паттернов в ИИ-чат-ботах, которые помогают пользователям общаться с ними. Это чекбоксы и варианты выбора из списка в Google и Claude — вроде бы банальные, но очень уместные в контексте задачи.
#patterns
1. Baymard Institute: Плагин для Figma на основе своего ИИ-анализатора интерфейсов UX-Ray. Он сопоставляет ваш макет с паттернами и лучшими практиками из их гигантской базы знаний.
2. Lazyweb: Сервис помогает быстро анализировать экраны и сценарии мобильных приложений в нужной отрасли. Это связка классической коллекции паттернов и гибкого ИИ-поиска по ней.
3. Victor Ayomipo: Памятка по психологии и дизайну интерфейса мотивационной системы streaks для пользователей.
4. NN/g: Памятка о проектировании полезных уведомлений для устройств умного дома. Они могут быть реактивными, проактивными и оптимизационными.
5. NN/g: Несколько простых интерфейсных паттернов в ИИ-чат-ботах, которые помогают пользователям общаться с ними. Это чекбоксы и варианты выбора из списка в Google и Claude — вроде бы банальные, но очень уместные в контексте задачи.
#patterns
Figma
UX-Ray by Baymard | Figma
Design experiences that actually convert. Analyze your designs against Baymard's research-backed UX best practices.
Scan your frames and identify critical usability issues that hurt conversions and user experiences.
With UX-Ray for Figma you can:
Identify…
Scan your frames and identify critical usability issues that hurt conversions and user experiences.
With UX-Ray for Figma you can:
Identify…
🔥21👍5❤3
Дайджест продуктового дизайна за февраль 2026. Слоты в дизайн-системах, внедрение рекомендаций из пользовательских исследований, дизайн ИИ-агентов, разбор итогов проекта, техническая подкованность пользователей в ИИ, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
🔥11❤2