1 марта стартует тринадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.

На первых двенадцати отучились более 800 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 1C, ABBYY, AIC, Ак Барс, Альфа-Банк, Apalon, App in the Air, Arrival, Aviasales, Avito, Avon, Badoo, BandLab, BBC, Билайн, БКС, Brainrocket, Брусника, ВТБ, Chatfuel, Clay, Cloud.ru, Газпром и Газпромнефть, de Bijenkorf, Delivery Club, Детский мир, Dodo Pizza, Домклик, ДОМ.РФ, EPAM, Exness, Foodplex, Group-IB, HeadHunter, Heads & Hands, Hoff, inDriver, Joom, Kaspi, Klarna, Комитет, Красцветмет, Купер, Леруа Мерлен, Литрес, Loóna, Луч, MacPaw, Mailchimp, Mail.ru Group, Манго Офис, Магнит, ManyChat, М.Видео, Медси, Microsoft, Miro, Модульбанк, МосБиржа, МТС, Naumen, Netcracker, НЛМК, Okko, OneTwoTrip, OpenWeb, Opera, Островок, Открытие, ОТП Банк, Ozon, PayPal, Петрович, ПИК, Pinkman, ПСБ, 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. Adobe: Как устроена карьерная ветка развития дизайнеров в сторону «эксперта» (principal). Они выделяют 6 «архетипов», куда может склоняться такой лидер по экспертизе.
 
2. Константин Коваленко (Самокат / Мегамаркет): Как обучали коллег основам пользовательских исследований. Они построили мощную и гибкую программу курсов.
 
3. Александр Букин (Магнит): Описыает особенности становления дизайн-менеджером. Что происходит с зоной ответственности и командой в этот момент.
 
4. Дарья Травкина (Авито): Как исследователи помогают формировать и корректировать стратегию продукта.

5. Stephen P. Anderson: Интересный метод для рабочих сессий — «fist to five». Участники высказывают своё отношение к идее или решению не через «да/нет», а шкалу.
 
6. Facebook: Цельный подход к решению дизайн-долга в команде монетизации. Как они организовали «fixathon» для первого рывка и наладили процесс дальше.
 
7. NN/g: Шаблон описания устава команды в Figma.
 
И напомню про новый поток моего курса «Паттерны дизайн-менеджмента», который стартует 1 марта. Записаться.
 
#management

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

Выпуск о дизайн-системах №53:
 
1. On Theme: Подкаст с именитыми гостями.
 
2. Figma: Советы по анализу использования компонентов дизайн-системы от дизайнеров из athenahealth и Microsoft. Они обновили аналитику библиотек, которая даёт больше возможностей.

3. Ozon: Связка трёх локальных дизайн-систем в разных частях компании для покупатеелй, продавцов и складов.
 
4. Adobe: Как команда дизайн-системы работает с её пользователями внутри компании. Собирает обратную связь и пожелания, объясняет, помогает.

5. Michael Haggerty-Villa: Шаблон для подготовки описания гайдлайнов.
 
6. Сбер: Обзорный рассказ создании дизайн-системы Nova.
 
7. WhoCanUse: Универсальный анализ восприятия пар цветов людьми с разными ограничениями зрения.
 
#designsystems

Только пропустишь месяц в дайджестах об алгоритмическом дизайне — приходится делать сразу две части. Первая на этой неделе:

Взаимодействие с такими инструментами
1. Joana Cerejo: Отличный фреймворк для anticipatory-дизайна. Как и в какой степени ИИ может персонализировать интерфейс и адаптировать его под пользователя.

2. Josh LaMar: Фреймворк помогает выбрать степень прозрачности в том, как упоминать использование ИИ в продукте или контенте.

3. Jakob Nielsen: Пачка исследований на тему доверия к ИИ-продуктам и результатам их работы. Спойлер: с доверием проблемы.

4. NN/g: Как адаптировать навыки дизайнеров под эпоху ИИ-инструментов.

5. NN/g: Причины «галлюцинаций» в генеративных продуктах. Он предлагает несколько интерфейсных решений, которые подсветят риски пользователям.

6. Валерия Ильина: Памятка по определению сгенерированного текста, изображений или видео.

Дизайн таких инструментов
1. Подборка дизайн-систем, которые описывают принципы дизайна для ИИ. IBM, Emplifi, SAP, PatternFly, ServiceNow, Microsoft.

2. Luke Wroblewski: Развивает свой алгоритмический поиск по сайту. Оказывается, он постепенно отвечает на вопросы пользователей, на которые пока не было ответов. А ещё он провёл юзабилити-тестирование и поделился выводами.

3. IBM: Рассуждает на примерах о том, как правильно отмечать в интерфейсе контент и функции на базе ИИ.

4. Jorge Arango: Размышляет на тему смены технологического уклада и его влияния на пользовательское взаимодействие. В частности — что произойдёт с встраиванием ИИ в привычные интерфейсы.

5. Figma: Собрали мнения разных дизайнеров, экспертов и продуктовых команд о том, как создаются реальные продукты с использованием ИИ.

6. MG Siegler: Удивляется, почему ИИ-чат-боты ломают свой принцип максимального упрощения взаимодействия, добавляя непонятный для большинства пользователей выбор моделей с абракадабрными названиями.

Инструменты дизайна
1. Adobe Firefly Bulk Create: Можно редактировать сразу пачку изображений: менять размер с генерацией недостающей части, вырезать фон, перекрасить цвета.

2. GoDaddy Airo: Генератор логотипов и сайтов. Он также может помочь в запуске рекламной кампании почте и в соцсетях, а также анализировать её результаты.

3. AI Emojis Generator: Генератор эмоджи по текстовому описанию.

4. Midjourney Patchwork: Памятка по работе с инструментом от Валерии Ильиной.

Пользовательские исследования
1. Alexander Knoll (со-основатель базы знаний и инсайтов Condends): Толково разложил применимость ИИ для разных задач в анализе результатов пользовательских исследованияй. Где он помогает, работает с вопросиками и вообще бесполезен.

3D
1. Krea: Можно сгенерировать 3D-объект на основе изображения и управлять ими.

Видео
1. Adobe Firefly: Теперь может генерировать видео. Они планируют добавить работу со звуком.

2. Icon: Генератор рекламных роликов. На основе материалов съёмки он помогает собрать сценарий и подкрутить его, сгенерировав новые кадры при необходимости.

3. TransPixar: Экспериментальный генератор видео-объектов на прозрачном фоне по текстовому запросу или картинке от Adobe.

4. Luma Ray2: Новая модель для генерации видео — её можно использовать в Dream Machine. Быстрое последовательное движение и сверхреалистичные детали, длина – 20 секунд.

5. Pika: Научилась менять один объект на видео на другой с помощью функции Pikaswaps. И добавлять персонажа на видео на основе фото через Pikadditions.

6. Adobe Premiere: Может искать по содержимому видео и автоматически переводить субтитры.

7. LipDub AI: Генератор дубляжа видео на разных языках с синхронизацией мимики.

8. Step-Video-T2V: Генератор по текстовому описанию.

9. Hailuo AI: Генератор на основе фото.

10. YouTube: Генерация коротких видео через модель Google Veo 2 внутри инструмента Dream Screen.

11. OmniHuman-1: Генератор выступления персонажа на основе одного изображения и аудио-дорожки с примером голоса от ByteDance.

12. Wan AI: Генератор по текстовому описанию от Alibaba.

Продолжим в четверг.

#ai #algorithms

Продолжим царь-подборку об алгоритмическом дизайне:

Игры
1. Microsoft Muse: Экспериментальный инструмент генерирует игровой мир и игровые механики на основе примеров. Они хотят адаптировать старые игры с его помощью.

2. Модель Claude 3.7 прошла игру Pokemon Red.
 
Разработка
1. Tim O'Reilly: Программная статья о смене парадигмы в программировании. Как профессия много менялась в прошлом и как её переформатирует ИИ.

2. Книга Chip Huyen «AI Engineering». Как строится разработка с современными ИИ-инструментами.

3. GitHub Copilot: Может сгенерировать код на основе скриншота интерфейса.

4. Codename Goose: ИИ-агент для разработчиков, который решает много утилитарных повседневных задач и работает прямо на компьютере.

5. Модель Claude 3.7 Sonnet в режиме Code создаёт игры, мобильные приложения, сайты, SVG-графику и кучу других результатов разработчика (примеры).
 
ИИ-агенты
1. Sequoia Capital: Новый прорыв в генеративном ИИ — агенты. Что это значит для рынка и пользовательского взаимодействия. Перевод.

2. Jakob Nielsen: Как ИИ-агенты повлияют на дизайн интерфейсов. И делает обзор текущих решений с исторической справкой.

3. NN/g: Как изменится проектирование услуг при повсеместном распространении ИИ-агентов. От картирования пути до процессов.

4. UI-TARS: ИИ-агент для управления компьютером от ByteDance.

5. Perplexity: ИИ-агент для Android, который частично может управлять телефоном. Они также готовят к запуску агентский браузер Comet.

6. Google запустили ИИ-агента для автопроизводителей. Одна из первых интеграций — в информационную систему Mercedes MBUX.
 
Другие обновления на рынке
1. OpenAI: ChatGPT научился распознавать документы и изображения, создавать анимированную симуляцию воды в Blender

Там появился режим дотошных исследований Deep Research. Он долго собирает материалы, но на выходе выдаёт объёмный отчёт по теме. А также задачи и напоминания.
 
Они сделали сравнительный анализ SWE-Lancer — он помогает понять, насколько хорошо ИИ-сервисы справляются с реальными инженерными задачами.

Еженедельная аудитория продукта взлетела с 300 млн пользователей в декабре 2024 до 400 млн всего за пару месяцев.

2. Alibaba Qwen: Китайская ИИ-модель, которая общается в чате, генерирует изображения и управляет компьютером.

3. Журналисты New York Times начнут использовать нейросети для работы над новостями — пока не написание, но помощь в работе над заголовками, версиями для рассылок и т.п.

3. Grok 3: Новая модель от x.AI.

4. Anthropic: Серия исследований и публикаций Economic Index о влиянии ИИ на экономику и разные профессии/отрасли. Обзор первого выпуска.

5. Аукционный дом Christie's: Готовит выставку произведений искусства, которые созданы с помощью ИИ. Само собой, они отхватили кучу негатива.

6. Skyeng: Дают возможность сгенерировать урок и материалы для него.

7. Leonardo.AI: Обзор трендов ИИ в маркетинге и рекламе 2025 года.
 
#ai #algorithms

И снова плотный информационный выброс о пользовательских исследованиях:

1. Контур: Памятка по составлению сценария юзабилити-тестирования.
 
2. Jeff Sauro и Jim Lewis: Какой запас респондентов нужно приглашать на случай их отказа в последний момент и других проблем. В целом — около 20%.
 
3. Jake Burghardt: Трезво смотрит на роль ИИ в построении базы знаний и инсайтов. Он сделал обзор уместного использования.
 
4. AstraZeneca: История построения ResearchOps. Их шаблон в Miro, помогающий спланировать инициативы на год.
 
5. Jim Lewis и Jeff Sauro: Упрощённый стандартизированный опросник The SUPR-Qm V2 для оценки юзабилити мобильных приложений. Они сократили количество вопросов с 16 до 5 без потери валидности. В другой статье они сделали обзор таких стандартизированных опросников.

6. Катя Халитова: Изучила вакансии пользовательских исследователей на рынке. Получился интересный анализ помимания профессии на рынке.
 
7. Eduard Kuric: Насколько ИИ может помочь в проведении юзабилити-тестирования. А точнее, задавать хорошие дополнительные вопросы респондентам.
 
8. Jake Burghardt: Советы по более активному использованию инсайтов из пользовательских исследований продуктовыми командами.
 
9. Dovetail: Как у них работает выделение тем в базе знаний и инсайтов с помощью ИИ.
 
10. Ariel Wang: Пример плакатов для поиска респондентов для пользовательских исследований. Они могут размещаться в общественных пространствах, где есть целевая аудитория.

11. Виталий Фридман: Несколько методов пользовательского тестирования контента в интерфейсе.
 
12. Michael J. Madson, Yoshita Gade и Unnati Srivastava: Метод пользовательских исследований «mystery calling» (это вариация метода «таинственный покупатель»).
 
#research

Немного лучших интерфейсных паттернов и практик в начале недели:
 
1. Casper Kessels: Попробовал сделать сам физическую кнопку управления климатом в машине. Он дотошно записывал все свои находки о нюансах взаимодействия пользователя с ней.
 
2. NN/g: Словарик, описывающий типовые элементы интерфейса.
 
3. Scott Jenson: Как команда Android использовала обратную связь через haptic-эффект для разделения действий в панели быстрых действий: обычное нажатие и длинное для вызова дополнительных действий.
 
4. NN/g: Фреймворк EAS (Eliminate, Automate, Simplify) для упрощения форм в интерфейсах.
 
5. Kyle Lambert: Интересные примеры развития работы с курсором в инструментах и играх. И даёт советы на тему таких экспериментов.
 
6. Steven Kramer: Редизайн процесса подписи документов в Adobe Acrobat.
 
7. Ted Goas: Чеклист, который он использует для оценки дизайна в своей команде сервиса Dialpad.
 
8. Денис Теплов: Хороший пример о том, что иногда при редизайне нужно дать пользователям привыкнуть к нему. Как Лига Ставок сильно поменяла интерфейс и получила сначала просадку к ключевым метрикам, а потом рост.
 
9. Penpot: Чеклист по проверке accessibility в дизайне интерфейсов.
 
10. MeasuringU: Новое сравнительное исследование цифровых продуктов. Как пользователи оценивают их по метрикам UMUX-Lite и NPS.
 
11. Baymard: Обзор недавних исследований по лучшим практикам интернет-магазинов в большом вебе. В том числе выделили 10 типичных проблем.
 
#patterns

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

На связи бренда с интерфейсом собралась такая вот подборка:

1. In-house In-focus In-person In 2025: Новая конференция от Brand New пройдёт 27–28 марта в Далласе (Техас). Она посвящена внутренним командам бренда на стороне клиента.
 
2. Suno: ИИ-генератор музыки от американского агентства Metalab.
 
3. OpenAI: Сделан внутренними силами при поддержке голландского агентства Studio Dumbar.
 
4. Dropbox: Обновлённый сайт гайдлайнов бренда.

5. YouTube: Поменял свой красный цвет на градиент красно-пурпурного. Это делает его из просто утилитарного — запоминающимся ключевым атрибутом бренда.
 
6. Eventbrite: Календарь событий от американского агентства Buck.
 
7. Wise:
— Поддержка ребрендинга со стороны дизайн-системы. Как она помогла обновить бренд в куче точек контакта в срок.

— Как фирменные анимированные 3D реализовали в мобильных приложениях с помощью кода.

— Расширили свой бренд на B2B с помощью того же американского агентства Ragged Edge. Как это работает на их конференции Wise Connect.
 
8. Workday: Корпоративные сервисы от британско-американского агентства Koto.
 
9. Storytel: Система иллюстраций и анимации для сервиса аудио-книг от итальянского агентства Illo.
 
10. Туту.ру: Как использовать карту эмоционального пути пользователя для выбора правильной тональности текстов в продукте.
 
11. Scribd: Платформа для хранения электронных документов (публикации, презентации, книги и т.п.) от британского агентства Mother Design.
 
12. Mistral: ИИ-чатбот от французского дизайнера Sylvain Boyer.
 
13. Kit: Маркетинговая платформа от британо-американского агентства Koto.
 
14. Grok: ИИ-модель от дизайнера Jon Vio.
 
Наглядный всплеск активности ИИ-сервисов — их так много и часть из них дозрела до цельного подхода к бренду.

#branding

Пяток свежих почиташек о дизайн-менеджменте:
 
1. Karri Saarinen (со-основатель культового сервиса для управления проектами Linear): Принципы создания качественного продукта. Они уделяют много внимания в том числе качеству дизайна.

2. Peter Merholz: Шаблон для дизайн-менеджеров, который поможет описать поэтапный план изменений в дизайне на разных слоях (команда, проекты, процессы, измерения и коммуникация).

3. Dodo: Интерактивная карта компетенций продуктового дизайнера в Figma.

4. Uxinsight: Модель зрелости пользовательских исследований. Она интересна тем, что каждая область имеет свою зрелость.

5. Scott Jenson: Чеклист GIST (Gather, Impact, Sketch, Team Huddle) для анализа и улучшения дизайн-решений вместе с командой.
 
#designmanagement

Компактная подборка свежего о дизайн-системах:
 
1. В мире дизайн-систем полное недоумение — Salesforce Lightning, для которой Jina Anne придумала концепцию токенов в 2014 году, отказались от этого термина. Danny D'Amato раскопал, почему — они сфокусировались на CSS-переменных и в целом считают будущую спецификацию W3C по токенам идущей не туда из-за избыточной сложности.
 
2. Storybook 9: На подходе и он будет включать мощное встроенное тестирование компонентов на accessibility. Dominic Nguyen показывает, как это будет работать. Обещают простой и наглядный обзор проблем и рекомендаций по их исправлению.
 
3. Design Tokens FYI: Словарь терминов в мире токенов.
 
4. zeroheight: Ежегодный опрос среди своих пользователей (около 300 ответов) на тему состояния дизайн-систем на рынке. Они собрали большой отчёт по итогу.
 
5. Variable Visualizer: Плагин для Figma наглядно показывает все токены и связи между ними.
 
#designsystems

Новьё по лучшим интерфейсным паттернам и практикам:
 
1. Baymard: Запустили гибкий поиск по своей базе знаний паттернов и лучших практик интернет-магазинов.

2. Notification Psychology Lab: Разбор паттернов дизайна уведомлений в околоигровом формате.

3. Accessibility Tags: Масштабная инициатива от производителей приставок по поддержке accessibility в играх. На сайте есть большой каталог паттернов, которые важно поддерживать.

4. Stephen P. Anderson: 4 способа упрощения информации в интерфейсах. Обрезать, сгруппировать, показывать поэтапно и показывать в рамках структуры.

5. Caitlin de Rooij: Как учитывать когнитивные ограничения пользователей в интерфейсах. В статье собраны лучшие паттерны и практики.

6. SCRN: Коллекция паттернов в отечественных мобильных приложениях.

7. X5: Принципы дизайна экранов загрузки в виде «скелетонов». Получилась очень дотошная и детализированная инструкция.

8. Microsoft: Фреймворк по обеспечению безопасности в дизайне интерфейсов. Он помогает минимизировать зловредное поведение, успокоить рассказом о защите и просто уменьшить количество ошибок.

9. MeasuringU: Новое сравнительное исследование корпоративного ПО. Как пользователи оценивают их по метрикам UX-Lite, SUS и NPS.

10. Baymard: Советы по удержанию пользователей интернет-магазинов после покупки товара.
 
#patterns

И снова масштабный привоз нового об алгоритмическом дизайне. Влезло бы в две части, а то скорость движа бодрится с каждым месяцем:

Дизайн таких инструментов
1. Microsoft: Принципы дизайна ИИ-агентов. Они разбиты по трём категориям: пространство, время и ядро.

Взаимодействие с такими инструментами
1. Netlify: Предолжили новый термин «Agent Experience» для оптимизации продуктов под ИИ-агентов. CEO компании Mathias Biilmann описывает своё понимание этого термина.

2. Беседа главы Figma Dylan Field и Garry Tan (глава Y Combinator) о влиянии ИИ на дизайн, а также прошлом и будущем инструмента.

3. Stephen P. Anderson: Отличная метафора, показывающая бессмыслицу обучения через простое суммирование информации, на которую часто упирают ИИ-сервисы. Это как с играми — цель сам процесс, нет смысла быстро выиграть.

Инструменты дизайна
1. Flora: Комбайн из инструментов алгоритмического дизайна собирает результаты их работы на бесконечном холсте. Умеет в изображения (Flux Pro, Luma Photon, Recraft, Stable Diffusion), видео (Hailuo, Kling, Pika, Runway, Luma Dream Machine), тексты (ChatGPT, Claude).

2. NEX: Набор инструментов для генерации и улучшения маркетинговых материалов – фото и видео продуктов, тексты о них, создание кампаний. Можно загрузить гайдлайны бренда и описание целевой аудиториии, чтобы результаты учитывали их.

3. Webflow AI Site Builder: Инструмент алгоритмического дизайна от Webflow помогает генерировать и настраивать сайты.

4. Экспериментальная связка Figma и Cursor через протокол MCP. Работает в две стороны — можно создавать дизайн по текстовому запросу и превращать готовый макет в код.

5. ChatGPT 4o: Добавили самую актуальную версию генератора изображений. Это породило лавину массового копирования жанров и форматов: студия анимации Ghibli, игрушки в упаковке, советские плакаты и т.п. Отчасти благодаря этому он продолжает набирать аудиторию дикими темпами — прибавили 1 млн пользователей за час. Примеры того, что он умеет. Кстати, теперь все сгенерированные изображения лежат в разделе Library, откуда их можно ещё и редактировать.

6. Midjourney v7: Новое поколение модели. Появился черновой режим для творческих поисков — изображения похуже качеством, зато генерируются намного быстрее.

7. Альфа-Банк: Как используют алгоритмический дизайн для создания 3D-иллюстраций.

8. Visual Electric: Плагин для Figma генерирует графику по текстовому запросу

9. Reve: Генератор изображений по текстовому запросу. Он умеет в советскую и пост-советскую эстетику.

10. ShaderGPT: Генератор браузерного кода для шейдеров анимации по текстовому запросу.

11. Hailou: Генератор видео теперь может и в изображения.

12. Ideogram 3.0: Вышла третья версия модели для генерации изображений. Улучшили работу с текстом и общее качество, научились повторять стиль изображения-примера.

13. Yandex Art 2.5: Новая версия генератора изображений. Она лучше работает с текстами и работает со стилем.

Пользовательские исследования
1. Chris Chapman: Думает вслух о пользе и вреде ИИ в работе пользователького исследователя (и не только). Он рассматривает всё через 4 критерия: польза, эстетика, общество и этика.

2. Outset: Сервис помогает пользовательским исследователям проводить и анализировать сессии с пользователями с помощью ИИ.

Accessibility
1. Eric Bailey: Польза и ограничения от сравнительного нового класса ИИ-продуктов, которые улучшают accessibility любого сайта. Большой справочный анализ в довесок.

3D
1. Spline: Генератор 3D-сцен на основе изображения.

2. Roblox: Генератор интерактивных 3D-объектов по текстовому описанию (позже смогу и на основе изображения).
 
3. Shapen: Генератор 3D-моделей на основе изображения и текстового описания.

Звук
1. NotaGen: Генератор нотных партитур.

Игры
1. Microsoft Copilot for Gaming. Он будет помогать в прохождении игр.

2. Pieter Levels: Написал простой авиасимулятор с помощью связки Cursor и Claude 3.7 без опыта игровой разработки. Он даже зарабатывает на нём.

#ai #algorithms

Продолжение свежего дропа об алгоритмическом дизайне:
 
Инструменты дизайна
1. Magic Animator: Создатели Lottie запускают генератор анимации на основе макетов Figma с описанием по текстовому запросу.

3D
1. Krea Stage: Возможность создавать 3D-сцены, генерируя и настраивая отдельные объекты.

Звук
1. NotaGen: Генератор нотных партитур.

Игры
1. Microsoft: Copilot for Gaming будет помогать в прохождении игр.

2. Pieter Levels: Написал простой авиасимулятор с помощью связки Cursor и Claude 3.7 без опыта игровой разработки. Он даже зарабатывает на нём.

Разработка
1. Lovable: Генератор сайтов по текстовому описанию, скриншоту или макету в Figma. Можно отдельно дорабатывать конкретный блок. Можно подключить GitHub и редактор кода.

2. Firebase Studio: Среда разработки от Google, где можно генерировать сайты, мобильные приложения и игры. Можно импортировать существующий проект и публиковать результаты на GitHub или другом репозитории.

3. Figma: Собрали мнения разработчиков и дизайнеров о вайб-кодинге — свежем баззворде вокруг разработки через общение с ИИ-чат-ботами.

4. Geoff Huntley: Толковый анализ того, как повлияет ИИ на будущее работы разработчиков разного уровня.

ИИ-агенты
1. Manus: Китайский ИИ-агент, который работает в фоновом режиме в разных программах и вкладках одновременно.

2. Opera: ИИ-агент в браузере Operator. Он поможет с покупкой товаров, билетов, гостиниц.

3. OpenAI: API для создания ИИ-агентов на базе ChatGPT.

Другие обновления на рынке
1. Прогноз развития ИИ к 2027 году от Daniel Kokotajlo, Scott Alexander, Thomas Larsen, Eli Lifland и Romeo Dean. Каждый период подробно расписан с рационализацией авторов.

2. OpenAI:
— Поддержали протокол MCP для ИИ-агентов, который позволяет управлять приложениями для компьютера.

— Модели для создания голосовых помощников, озвучивания и расшифровки текста. Демо-сайт позволяет попробовать в деле — https://www.openai.fm/.

3. Amazon:
— Alexa+: Прокачалась с помощью ИИ (они подключают разные модели для разных задач). Это делает умные колонки и другие устройства полезнее — меньше тупиковых веток диалога, больше возможностей ИИ-агента. Также можно генерировать музыку через Suno.

— Пробуют ИИ-дубляж для отдельных фильмов.

— Kindle: Научился пересказывать некоторые книги.

4. Google Gemini:
— Сможет распознавать предметы через камеру телефона.

— Режим Canvas для работы с текстом и кодом.

— Google AI Mode в поиске даёт развёрнутые ответы на вопросы со ссылками. И может искать по тому, что видит камера — https://blog.google/products/search/ai-mode-multimodal-search/.

5. Microsoft Copilot:
— Большое обновление. Actions в духе ИИ-агентов, организация наработок в страницы, генерация подкастов и всякое другое.

— Dragon Copilot: Помощник в принятии решений для врачей.

6. H&M: Экспериментируют с генеративными двойниками своих фотомоделей. Они снимают дополнительные сюжеты без привлечения человека (за них тоже платят).

7. Газета LA Times: Запустили эксперимент с написанием статей через ИИ. Он моментально стал расистом.

8. Il Foglio: Итальянская газета выпустила экспериментальный номер, полностью написанный ИИ.

9. Cloudflare: Защита от ИИ-ботов, обучающихся на вашем контенте — их загоняют в лабиринт из фейкового контента.
 
#ai #algorithms

Дайджест продуктового дизайна за март 2025. AX (agent experience), поиск по паттернам интернет-магазинов, токены, уведомления, исследовательский долг, игровой брендинг, accessibility, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
— vc.ru
— DSGNERS
— ВКонтакте
— RSS

Британско-американское агентство Koto плотно захватило эфир брендинга цифровых продуктов — они пылесосят половину клиентов среди крупняка. Так что половина примеров в свежей подборке — про них:
 
— Amazon: Это один из самых масштабных проектов по обновлению цифровых продуктов за последние 5-10 лет, в котором много интереснейших зацепок для зоркого глаза (например, рифма иконок с улыбкой из лого). Эта работа войдёт в историю.

— Интервью с Jowey Roden (Chief Creative Officer) о том, как игровой брендинг помогает в построении вселенных. И что могут подчерпнуть в этом остальные цифровые продукты, которые хотят связать бренд с интерфейсом.
 
— Uniqode: Ребрендинг сервиса публикации и отслеживания QR-кодов для бизнеса.
 
— Недавно они получили инвестиции от фонда WestBridge Capital. Это всегда неоднозначная история — посмотрим, чем это закончится через пару лет.

Другие примеры не такие яркие, но вот что пролетало мимо:
1. Hovr: Инструмент для быстрого создания сайтов гостиниц и в целом компаний в теме путешествий от американского агентства The Collected Works.
 
2. Gutenberg Tech: Образовательные инструменты от шведского агентства Self Studio.
 
3. Cazoo: Площадка по продаже подержанных машин от британского агентства Fold7Design.
 
4. Equator: Туристический сервис от новозеландского агентства For the People.
 
#branding

Лихорадка вокруг ИИ сильно просадила поток свежих материалов о пользовательских исследованиях (да и вообще о многих ключевых навыках дизайна интерфейсов). Но кое-чего наскреблось:

1. Maryam Oseni: Концепция исследовательского долга. Он помогает определить пробелы в знаниях о пользователях.

2. Книга Jake Burghardt «Stop Wasting Research». Она посвящена базам знаний и инсайтов из пользовательских исследований (или репозиториям исследований).

3. Контур: Три стадии зрелости продуктовой команды и компании в плане работы с исследованиями. И показывает, что важно делать на каждой из них.

4. Персонажи, описывающие разные ограничения возможностей у пользователей.

5. NN/g: 6 критериев оценки результатов юзабилити-тестов. Они помогают понять, можно ли считать данные определённой сессии валидными.

6. Adam Malamis: ИИ для бытовых задач при проведении исследований.

7. NN/g: Два подхода к выборке респондентов: по мере набора и по вероятности.

8. NN/g: Быстрая памятка по анализу сессий юзабилити-тестов.
 
#research

Свежий пакет обновлений о дизайн-системах:

1. Design System Tactics: Серия методов и статей по менеджменту дизайн-систем от Ness Grixti из Wise. Анонс и обзор.

В одной из публикаций она просит помнить о том, что дизайн-система должна соответствовать зрелости самой компании. Если проталкивать более сложные внедрения там, где в них меньше потребности — можно сжечь зря кучу ресурсов и здоровья. Она предлагает оптимальный план действий для разных ситуаций.

2. Design Tokens Name Generator: Romina Kavcic запустила генератор названий токенов для разных категорий.

3. Ahmed Shadeed: Как работают относительные цвета в современном CSS. Он здорово продвинулся и позволяет даёт хорошую гибкость в цветовой системе, чтобы упростить токены.

4. ВкусВилл: Технологическое решение дизайн-системы мобильных приложений. Сергей Мухин описывает процесс работы над ней.

5. Figma: Много небольших, но полезных обновлений для работы с дизайн-системами. Они также собрали список рекомендуемых плагинов на тему.

6. eBay: Как работает команда дизайн-системы.

7. Alice Packard: Нетривиальные примеры использования режимов переменных в Figma для самых разных целей и задач.

8. Alex Williams: Как улучшить контраст цветов в тёмной теме оформления для пользователей с нарушениями зрения.
 
#designsystems

Material Design 3 в версии Expressive показали раньше срока — обычно все анонсы вокруг Android случаются на флагманской конференции Google I/O.
 
Дизайн-система стала намного более выразительной и эмоциональной. Больше ярких цветов, типографической гибкости и звонкости, пополнение коллекции форм-масок, новые компоненты с акцентом на разнообразии форм.
 
Одна из самых интересных частей — анимация с фокусом на «пружинках» и физике движения в целом. Особенно здорово это выходит в оркестровках — например, когда соседние уведомления в панели уведомлений немного отъезжают вместе с тем, за которое потянули пальцем.
 
В общем, всё с целью уменьшить однообразность приложений на платформе. Самый крутяк, что Google провели уйму пользовательских исследований эмоции. Это интересно ещё и как багаж методологий по проверке эмоционального дизайна — в статье достаточно подробно рассказано о ней и выводах. Хотя некоторые вроде «пользователи в 4 раза быстрее находили кнопку отправки письма» не сильно помогают защищать эмоцию — ясен-красен кнопку заметят, если она стала в разы больше, получила цветную подложку и переехала в более заметное место на экране.

Часы тоже обновились в этом стиле.
 
Больше деталей про Android 16 расскажут 20-21 мая. Но уже тизернули защиту от телефонных мошенников. А ещё — свою версию живых уведомлений. И прикрутили Gemini к часам, авто и ТВ.
 
#materialdesign #designsystems