Неразобранные с прошлого года свежие ссылки про лучшие интерфейсные паттерны и практики, пока руки и глаза не дошли до самого новья:
 
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. Jeff Sauro и Jim Lewis: Разбираются, по-разному ли пользователи оценивают простоту и удовлетворённость. Они подняли разные способы замера на уровне всего продукта и конкретного сценария. Вторая статья показывает, что оценки пользователей этих двух метрик часто близки.
 
2. NN/g: Памятка по составлению вопросов для записей дневникового исследования. Как оптимизировать их для качества данных и простоты их дальнейшего анализа.
 
3. Контур: Как проводить исследования API и других решений без явного интерфейса.

4. Jeff Sauro и Jim Lewis: Виды итоговых документов, которые создаются в ходе исследований. От планирования до итоговых результатов.
 
5. Контур: Советы исследователям, которые находятся вне продуктовой команды. Как принести им пользу.

6. Контур: Подход к оценке проведённых количественных исследований. Это во многом похоже на дизайн-ревью, но для результатов работы экспертов начинающего или среднего уровня.
 
#research

Первый в этом году мини-подбор свежего о дизайн-системах:
 
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 марта стартует пятнадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на 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

Последние накопительные ссылки, настаивающиеся с конца прошлого года — теперь по дизайн-менеджменту:

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. 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

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

Осенью запустил исследование отношения к продуктовым дизайн-командам в России. Наконец-то собрал результаты. Участвовал 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

Пачка свежего уже точно из 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. NN/g: Насколько уместны ИИ-модераторы пользовательских исследований?. В целом — нет, если только для некоторых видов структурированных интервью. Во-первых, они не могут раскапывать инсайты, отходя от сценария исследования. Во-вторых, ведут себя максимально кринжово.
 
athenahealth тоже попробовали. Результат спорный.

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

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

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

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

Что там свежего по пользовательским исследованиям? Нормально так:
 
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

Свежее об алгоритмическом дизайне. Фокус на фокусном, чтобы не размазывать на два выпуска:
 
Взаимодействие с такими инструментами
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: Паттерны взаимодействия с ИИ-агентами на основе своей серии предыдущих статей. Как они должны действовать перед, во время и после выполнения задачи пользователя.

2. Ishan Korde: Рассуждает о динамических интерфейсах и разных способах ИИ помочь строить их.

Роль дизайнера и специалиста вообще
1. Luke Wroblewski: Размышляет, какая роль в итоге будет у пользователя при работе с ИИ-продуктами. Он показывает, как она менялась на примере разработки.
 
Видео
1. Google Flow: Интерфейс генератора изображений и видео обновили, добавили больше возможностей редактирования.

Разработка
1. Addy Osmani: Разница между вайб-кодером и инженером агентов (это новый термин от Andrej Karpathy). Первое изначально описывало быстрые и узкоспециализированные наброски, второе — полноценный рабочий цикл.

2. Hardik Pandya: Оптимизировал код своего сайта с помощью Claude Code (производительность, accessibility, SEO, качество кода). Он показал пошаговый текстовый запрос для этого, который в том числе делает скриншоты до и после изменений — убедиться, что дизайн не развалился.
 
3. Cursor 2.5: Магазин плагинов и суб-агенты, которые могут делать мелкие задачи асинхронно.

4. Rork: ИИ-генератор мобильных приложений по текстовому запросу или скриншотам.

Управление продуктами
1. Boris Tane: Типичный цикл разработки программ. Как он радикально меняется в эпоху ИИ-агентов и какая роль в нём у человека.
 
ИИ-агенты
1. OpenClaw: Автономные ИИ-агенты на базе популярных ИИ-моделей. С ними можно просто общаться через мессенджеры. Вот, например, как он купил машину по выгодной цене. Как быстро развернуть его для себя.
 
Другие обновления на рынке
1. Выражение AI;DR наподобие TL;DR для обозначения ИИ-контента.
 
#ai #algorithms

Разное свежее про дизайн-системы в привычном и ИИ-шном понимании.

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. 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. 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