Выпуск о дизайн-системах №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

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

Мясистая подборка о дизайн-менеджменте:

1. Gloria Diaz Alonso: Как донести до бизнеса необходимость улучшения accessibility. Отличный пример зрелого и системного подхода к внедрению любой инициативы по дизайну.

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

3. Peter Merholz: Чеклист для дизайн-менеджера на первые полгода в компании. Что критично сделать по организации команды и общим менеджерским вещам.
 
4. MeasuringU: Обновлённая шпаргалка по интерфейсным метрикам.
 
5. Christina Wodtke: Как можно учитывать качественные данные (например, инсайты из пользовательских исследований) при формулировании OKR.
 
6. Peter Merholz: Размышляет, должна ли карта компетенций для продуктового дизайнера учитывать ИИ-инструменты? Или оставаться вне конкретных продуктов типа Figma, а фокусироваться на решении конкретных задач.
 
7. Вячеслав Каграманов: Типичная история ухудшения и без того проблемного дизайна продукта. Почему обычно вместо решения застарелого дизайн-долга он только накапливается.

8. IBM: Как устроены сессии дизайн-критики (они называют их D&UX Review). И почему в них комфортно участвовать даже не дизайнеру.
 
9. Sean Goedecke: Почему большие компании медленно внедряют обновления? Его версия — математическая зависимость между количеством функциональности и их взаимозависимостью, которая тормозит процесс.
 
10. NN/g: Суть принципов, паттернов, эвристик и уставов команды, а также разница между ними.
 
11. Daniel Devesa Derksen-Staats: Советы по развитию культуры улучшения accessibility в компании.

12. Nate Schloesser: Как должно быть устроено управление распределёнными командами. У него хороший практический опыт организации таких команд.
 
13. IBM: Команда Robyn Johnson прошла через период турбулентности. Она собрала памятку для дизайн-менеджера о том, как повысить устойчивость в период неопределённости.

14. Мета: Общие принципы управления дизайном в компании.
 
#management

Овердофига свежих ссылок о лучших интерфейсных паттернах и практиках:
 
1. Wise: Как передавали в разработку анимацию сложного экрана мобильного приложения с кучей состояний. Это динамические и статические спецификации — они детально показаны в статье.
 
2. Baymard: Советы по улучшению каруселей в интернет-магазинах в большом вебе и на мобильных.
 
3. Михаил Просмицкий: Отличия стандарта accessibility WCAG 3.0 от текущего 2.2. У него более гибкая оценка поддержки пользователей с ограниченными возможностями, что одновременно и плюс (учитывается больше факторов) и минус (их можно вольно трактовать).
 
4. Figma: Как решали простые на вид задачи — добавить горизонтальную прокрутку к панели слоёв и найти хорошее название для возможности использовать прототип в офлайне. Какие варианты они перебирали и с какими проблемами сталкивались.
 
5. NN/g: Советы по грамотному проектированию подсказок в ИИ-чат-ботах. Они могут обучать пользователей возможностям бота, дополнять запрос и предлагать следующие запросы в диалоге.
 
6. Adobe: Упрощение интерфейса для работы с анимацией в Adobe Express. Как они искали баланс между простотой и возможностью настройки.
 
7. Adobe: Работа над дизайном интерфейса мобильной версии Adobe Photoshop. Как они искали базовую модель взаимодействия пользователей с продуктом и развивали её.
 
8. NN/g: Разница между видами текста и контента в целом в интерфейсах.
 
9. Martin Underhill: Почему важны быстрые ссылки для перехода к основному контенту для поддержки accessibility. И как прикрутить их к сайту.
 
10. Mike Gower: Способы улучшить accessibility интерфейса чата с ИИ-ассистентом.
 
11. Eleanor Hecks: Памятка по поддержке навигации с клавиатуры для поддержки accessibility.
 
12. Baymard: Советы по улучшению интерфейсов интернет-магазинов-агрегаторов.
 
13. Amy Hupe: Советы по написанию толковых сообщениях об ошибках в интерфейсе.
 
14. Baymard: Как интернет-магазины, заботящиеся об окружающей среде, могут рассказывать об этом на своих сайтах и в приложениях.
 
15. MeasuringU: Новое сравнительное исследование американских брокерских сайтов. Как пользователи оценивают их по метрикам UX-Lite, SUPR-Q и NPS.
 
#patterns

Новьё о пользовательских исследованиях:
 
1. Adobe: Подход к выводам из пользовательских исследований, которые затрагивают несколько важных тем для разных команд и заказчиков. Как выделить эти темы и правильно подать выводы коллегам.
 
2. Jim Lewis и Jeff Sauro: Шкала оценок для интерфейсной метрики UX-Lite.
 
3. Dominic Ricchetti: Подход к ранжированию потребностей пользователей в формате Jobs to Be Done на основе опыта работы в Microsoft и ServiceNow.
 
4. Jeff Sauro и Jim Lewis: Подробно описывают особенности измерений и использования 4 интерфейсных метрик из их каталога 70+ возможных. Это процент успешного завершения сценариев, SEQ, время выполнения сценария и UX-Lite.
 
5. Kate Towsey (одна из зачинательниц ResearchOps): Мысли о том, как эти команды и роль в целом чувствуют себя в волнах сокращений.
 
6. MeasuringU: Одна из ключевых компаний, создающих фундамент дисциплины пользовательских исследований, отмечает 20 лет своего основания. Они вспоминают ключевые этапы развития, которые много принесли профессии. Часть 2 и 3.
 
7. Steve Bromley: Метод концепт-тестирования игр на ранней стадии.
 
8. Контур: Основы статистики для пользовательских исследователей простым языком.

9. Chris Chapman: Метод анализа TURF (total unduplicated reach and frequency). Он помогает рассчитать, как добиться максимального охвата пользователей разными активностями или кампаниями так, чтобы не повторяться на одних и тех же людей.
 
#research