1 октября стартует шестнадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
На первых пятнадцати отучились более 1000 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Astra Linux, Astrum, Aviasales, Avito, Avon, А101, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, Брусника, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, Домклик, ДОМ.РФ, EPAM, Exness, Foodplex, Freedom Bank, Group-IB, HeadHunter, Heads & Hands, Hoff, inDrive, JPMorgan Chase, Joom, Kaspi, Klarna, Комитет, Красцветмет, Купер, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, Онтико, OpenWeb, Opera, Островок, Открытие, ОТП Банк, Ozon, PayPal, Петрович, ПИК, Pinkman, Postgres Pro, ПСБ, QIWI, Qlean, Работа.ру, Райффайзен Банк, Rambler Group, РБК, Readdle, Redmadrobot, Reg.ru, Ренессанс Страхование, РЕСО-Гарантия, restore, Росбанк, Россельхозбанк, Ростелеком, Rutube, S7, Самолёт, Сбер, Сибур, Ситимобил, Совкомбанк, Sokolov Jewelry, Спортмастер, Сравни.ру, Столото, Selectel, Semrush, Skyeng, Social Discovery Group, Softline, T1, Tabby, Tele2, Tengri News, Тинькофф/ТБанк, Трипстер, TomTom, Touch Instinct, Точка, Учи.ру, Уралсиб, Уралхим, Финам, ЦИАН, Эвалар, Эксмо, Uzum, Voximplant, Wargaming, Wildberries, Winline, Wrike, X5, Xsolla, Юрент, Yappy, Yota, Яндекс и многих других.
Курс и книга идеально работают вместе. Они построены на одинаковой теории (фреймворке), но курс добавляет к ней практику. Его результат — рабочая дизайн-стратегия, которая основана на проблемах и целях вашей компании. Для этого мы делаем много диагностики дизайн-команды и организации. Я постепенно добавляю и улучшаю шаблоны для домашних заданий, которые здорово структурируют мысли. Проверяю все домашки сам — получается синхронно-асинхронный коучинг.
Это огромный массив знаний из 37 уроков на 10 часов — 32 паттерна и 5 обзорных уроков, а также несколько инструментов-приложений к ним (помогут подниматься по уровням зрелости). Курс идёт 4 месяца. Помимо видео-лекций есть домашние задания и вебинары после каждого блока.
На каждом потоке интересный состав участников, которые обмениваются своим личным опытом и решениями заданий курса. Самые вовлечённые студенты внедряли улучшения в дизайн-командах по ходу курса, так что к окончанию получили осязаемый выхлоп.
Здорово развили поддержку ИИ-агентов. Они могут создавать страницы на основе компонентов в ветке, с ними можно работать через популярные чатботы.
Третья версия модели для генерации фото, видео и звука.
Aaron Sagray из Mural показывает, как поменялся дизайн-процесс и вообще отношение к дизайну интерфейсов при переходе от deterministic к вероятностным продуктам. В статье отличный чеклист того, как меняются привычные подходы. И толковая инструкция по переходу в новый мир.
Taniya Vij рассказывает, как проектировали и исследовали дизайн интерфейса одного из самых интересных запусков Adobe последних лет — функции Turntable в Illustrator. Она позволяет быстро создать дополнительные ракурсы иллюстрации персонажа или объекта
Инструмент дизайна про совместную работу людей и ИИ-агентов на одном холсте. Все актуальные вещи со теснейшей связкой кода и интерактивных прототипов. Есть плагины для основных ИИ-агентов.
Каталог дизайн-систем с поддержкой ИИ. Для каждой из них показан уровень внедрения.
Figma Make: Панель редактирования элементов экрана и аннотаций. Как дизайнер может обновлять код в репозитории проекта прямо из инструмента.
Статьи:
Коллекция текстовых запросов для нейро-фотосессий.
Nathan Curtis продолжает разбирать тему компонентов дизайн-системы, которые генерируются из спецификации. В этой статье он проходит по всем важным частям такого документа.
Kaelig Deloumeau-Prigent построил мощную фабрику ИИ-агентов по созданию компонентов дизайн-системы. Он во всех деталях рассказывает о том, как сделать такую же.
Christine Vallaure также пишет о контрактах компонентов. Они потенциально позволяют полноценно связать компоненты в коде и Figma. О них также пишет Cristian Morales.
Наглядный словарик названий компонентов и элементов интерфейса. Каждый показан с интерактивным примером.
Набор навыков для ИИ, которые помогают прорабатывать разные уровни дизайна интерфейса. От общих сценариев взаимодействия до деталей экранов.
Lola Famulegun из Nielsen/Norman Group показывает связь метрик дизайна и бизнеса. Как показать её.
Nathan Curtis продолжает искать единый контракт для описания компонентов дизайн-системы. Он позволит связать разные сферы их применения — компоненты в коде, Figma и версии для ИИ-агентов.
Murphy Trueman рассуждает о надёжности ИИ в работе над дизайн-системой. Сколько и каких слоёв сверки нужно построить, чтобы результат был предсказуемым.
Тарас Бакушевич проанализировал гайдлайны и памятки по дизайну для ИИ от Google, IBM, Microsoft, Anthropic и OpenAI. И собрал отличный набор из 39 принципов дизайна для ИИ.
Ещё один каталог спецификаций DESIGN.md для разных сайтов в интернете. Сам подход, правда, на стыке с легализацией воровства — такие сайты стимулируют делать клоны чужого дизайна.
Patrick Neeman подсвечивает, что информационная архитектура снова актуальна в эпоху ИИ. Она даёт семантический слой, который помогает решать задачи точнее.
MeasuringU опубликовали новое сравнительное исследование сайтов американских страховых компаний. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Забавный тест: угадать, какая ИИ-модель сгенерировала этот дизайн.
Команда Replit рассказывает, как они построили самоуправляемую компанию с помощью ИИ-агентов.
Большая коллекция индикаторов загрузки. У каждого есть готовый код.
Коллекция индикаторов загрузки в матричном стиле. Есть версии для популярных фреймворков.
История развития веба с примерами ключевых сайтов и событий.
Тест на знание принципов и правил accessibility.
Коллекция интересных по дизайну сайтов, разбитая по категориям.
Лиза из Контур Экстерна рассказывает о методе тест-сессий. Это упрощённая версия юзабилити-тестирования с сотрудниками компании вместо пользователей. В таком подходе много оговорок, но он точно поможет выявить очевидные проблемы перед тем, как идти к реальным пользователям.
Jeff Sauro и Jim Lewis пробуют вывести стандартизированный способ замера UX для ИИ-интерфейсов. Они начали с серии потенциальных вопросов для опросника.
Калькулятор Steve Bromley, который помогает посчитать отдачу от игровых тестов на разных этапах создания игры. Идея применима и к обычным пользовательским исследованиям.
Victor Yocco рассуждает о формате дневниковых исследований для ИИ-продуктов. В чём особенности и отличия этого метода для такого взаимодействия.
Kitty Xu описывает своё понимание Т-образного пользовательского исследователя. Почему важно делать фокус не только на методах, но и на влиянии на продукт.
Chris Chapman считает, что точность для пользовательского исследования — это не только про методы. Это во многом про менеджерскую зрелость — как выбирать над чем работать относительно стратегии компании и как добиваться внедрения рекомендаций.
Анастасия Лестова из Контура перекладывает когнитивную психологию и принципы работы мозга на простой язык сценариев взаимодействия. Она здорово объясняет, как реагирует мозг пользователя на непривычные или непонятные вещи.
Новая книга Greg Nudelman «UX for AI» посвящена дизайну для ИИ-продуктов и технологий.
Новая книга Greg Nudelman «UX for AI» посвящена дизайну для ИИ-продуктов и технологий.
MeasuringU опубликовали новое сравнительное исследование ИИ-чат-ботов. Как пользователи оценивают их по метрикам SUPR-Q, NPS и UX-Lite.
Шейдеры для инструмента дизайна Paper от Cursor.
Как сделать эмуляцию эффекта полутонов в браузере.
Памятка Georgia Kenderova и Tanner Kohler из Nielsen/Norman Group по грамотному проектированию ИИ-чатботов на сайтах. Получилось 5 принципов.
Памятка Huei-Hsin Wang из Nielsen/Norman Group по использованию выпадающих списков в формах. Когда они уместны и нет.
Tony Alicea из Nielsen/Norman Group предлагает формат файла UX.md по аналогии с DESIGN.md. Он хранит контекст знаний о пользователях. Ключевые выводы из пользовательских исследований, стандарты пользовательского взаимодействия, глоссарий, модели пользователей и мира.
Kat Homan разбирает парадокс — приложения для ментального здоровья должны снижать стресс и когнитивную нагрузку пользователя. Но своим ярким и передовым дизайном они делают обратную работу — кричат на пользователя, которому и без того несладко.
Huei-Hsin Wang из Nielsen/Norman Group предлагает модель зрелости дизайн-системы. В ней 6 составляющих: поддержка на уровне организации, эффективность команды, инфраструктура, развитие, поддержка и покрытие.
Сервис zeroheight сделал свою оценку зрелости дизайн-системы по 6 параметрам: основы, документация, команда, покрытие, метрики, поддержка ИИ.
Figma собрала многих руководителей дизайна на своей недавней конференции Config поговорить о внедрении ИИ в компаниях и том, как то меняет работу дизайн-команд. Они назвали это Leadership Collective. Leonardo de la Rocha побывал там и поделился впечатлениями.
Sharma Hendel и Brenda Weitzer из Adobe приводят пять вопорсов исследования, котороые помогают делать хорошие продукты.
Sheila Kazan рассказывает, как дизайнеры Slack прокачивались в работе с ИИ. Они в том числе устроили 3-дневную сессию практики, где многие хорошо набили руку.
Обзор нового подхода к редактированию генеративных изображений в инструменте Reve от Luke Wroblewski. Он позволяет редактировать изображение как будто послойно, т.е. отдельные объекты на нём.
