Дайджест продуктового дизайна

28 August 2025 09:05

За месяц собрал чутка новья по лучшим интерфейсным практикам и паттернам:
 
1. NN/g: Принципы дизайна форм: структура, прозрачность, ясность и поддержка. Это пошаговая памятка, которая поможет разложить общую структуру и конкретные поля.

2. Гайдлайны accessibility WCAG, переписанные простым языком.

3. Creative Navy: Изучили информационную архитектуру в интерфейсах медицинского оборудования.
А ещё — как такие интерфейсы помогают пользователям разобраться в них.
 
4. Tom Barrasso: Как оптимизировать мобильные сайты для кнопочных телефонов. Их намного меньше смартфонов, но всё равно заметное количество.
 
5. NN/g: Ещё раз про то, почему важно сохранять место на странице, куда докрутил пользователь, если он возвращается назад. И приводит несколько ситуаций-исключений, где это не нужно.
 
6. Виталий Фридман: Памятка из полезных ссылок на тему адаптации мобильных интерфейсов для левшей.

7. A11Y Collective: Как учитывать accessibility при создании инфографики.

8. NN/g: Три вида микро-текстов в интерфейсах: информируют, влияют и помогают взаимодействовать. Как именно они используются.
 
#patterns

Дайджест продуктового дизайна

21 August 2025 09:04

Продолжение выпуска об алгоритмическом дизайне, который засиделся в черновиках:

Accessibility
1. Scott Vinkle: Как использует ИИ-сервисы для анализа и улучшения accessibility.

Роль дизайнера
1. Ashish Bhatia: Природа и роль креативности в эпоху ИИ-инструментов дизайна.

2. NN/g: Считают ИИ дополнительным инструментом и не боятся за свою работу по дизайну интерфейсов. Она видят её шире, чем просто один этап, метод или итоговый документ.

Дизайн-процесс
1. NN/g: Как используют ИИ для проведения рабочих сессий. И сами, и вместе с остальными участниками. Продолжение.

Дизайн таких инструментов
1. Stephen P. Anderson: Фреймворк P.E.E.C.E. для понимания того, как ИИ-продукты и решения влияют на рынок и людей.

Игры
1. PixelLab: Инструмент алгоритмического дизайна для пиксельной графики в играх. Помогает создавать персонажей, локации и карты.

2. Genie 3: Модель Google для генерации интерактивных игровых миров.

3D
1. Cartwheel: Инструмент алгоритмического дизайна позволяет анимировать поведение манекена по текстовому описанию, панели настроек, библиотеке готовых движений или видео-примеру. Можно менять его одежду и в целом детали образа, загружать свою модель или генерировать её на основе изображения. А также дотюнивать детали анимации.

2. Meta 3D AssetGen 2.0: Вторая версия генератора 3D-моделей.

Презентации и книги
1. Manus: Научился создавать презентации — писать тексты, генерировать изображения и искать доп.информацию в интернете.

2. PageOn: Генератор презентаций по текстовому описанию.

3. Google Gemini: Генерирует детские книги с иллюстрациями на основе семейных фото и рисунков.

Видео
1. Storyboarder AI: Генератор раскадровок для видео и кино. Помогает делать наброски на основе текстового запроса или изображения, позволяет редактировать итоговый сценарий и детали каждого кадра, помогает подбирать локации.

Промдизайн
1. Arcade: Сервис алгоритмического дизайна с необычной концепцией — можно сгенерировать ювелирные украшения или декор для дома, а дальше реальные мастера доведут концепт до ума и изготовят в реальности.

Управление продуктами
1. Christina Wodtke: Ситуации в управлении продуктами, где ИИ может помочь. И, наоборот, превратить всё в профанацию.

Разработка
1. Replit Import: Может импортировать проект из Figma, Lovable и Bolt, а потом превратить макет в код или доработать уже существующий код.

2. Onlook: Генератор кода на основе макета. Макет можно докрутить в самом инструменте.

3. Addy Osmani: Предостерегает, что вайб-кодинг в чистом виде — это самый быстрый способ накопления технического долга, под которым востребованный продукт рухнет. Когда уместно вайбить и что нужно держать в голове.

4. Сергей Целовальников: Главная проблема дискурса о вайб-кодинге — работа цифрового инженера шире просто кодинга и как именно.

5. Diwank Tomer: Где реально можно использовать ИИ в разработке продуктов, а где нужны люди.

6. John Rush: Настроил хитрую связку разных ИИ-моделей, которые пишут ТЗ и перепроверяют его, затем пишут код на его основе и снова проверяют его друг за другом.

Другие обновления на рынке
1. MIT: Исследование компаний, которые внедряли ИИ. 95% из опрошенных не получили отдачи, потому что стандартные решения сложно докручивать под свои конкретные задачи.

2. MIT: Исследование, как общение с ИИ-чат-ботами влияет на жизнь пользователей. Чем дольше и глубже вовлечённость человека — тем больше негативных побочек вроде одиночества и эмоциональной зависимости.

3. Anthropic: Исследование 700 000 диалогов с Claude. Какие ценности транслирует чат-бот и какие вообще должен?

4. Спекулятивный концепт фигурного длинного тире, которое должно подсветить, что автор текста — человек. К сожалению, длинное тире попало под подозрение — генеративные тексты слишком часто используют его.

5. Всё больше университетов возвращается к письменным экзаменам, чтобы студенты не срезали углы через ИИ-сервисы.

6. Vogue: Разместили рекламу, где модель сгенерирована ИИ. Это вызвало к обильным полыханиям в сообществе.

#ai #algorithms

Дайджест продуктового дизайна

14 August 2025 09:05

Пакет обновлений о связи бренда с интерфейсом:
 
1. Muse Group: Семейство музыкальных сервисов от американского агентства Collins. Шоурил, где показано приземление на интерфейсы. Я уже писал о том, как мы делали этот проект — но теперь появилось больше материалов.
 
2. Shuer Zhuo и Jeeyun Oh: Проверили серию гипотез о том, что большие скругления в интерфейсе добавляют теплоты, а значит и доверия. Они показали хорошую цепочку гипотез о характере выражения бренда в интерфейсе и методов их проверки. Хотя вывод про обязательность теплоты и мягкости слишком заряженный.
 
3. Solflare: Финтех от американского агентства Ragged Edge.
 
4. Jupi: Система поддержки принятия решений с помощью ИИ от британского агентства How&How.
 
5. HeadHunter: Сервис поиска работы от отечественного агентства ONY.
 
6. Lyft: Такси от британо-американского агентства Koto.
 
7. Big Cartel: Платформа электронной коммерции от британского агентства How&How.
 
8. Google Gemini: ИИ-помощник от американского агентства Porto Rocha.
 
9. Care: Каталог социальных работников от американского агентства Manual.
 
10. TripAdvisor: Каталог отзывов для путешественников от британо-американского агентства Koto.
 
11. Moonbeam: Web3-платформа от американского агентства View Source.
 
12. AlphaSense: ИИ-платформа от британского агентства Saffron.
 
13. Inbox Monster: Платформа email-маркетинга от голландского агентства Verve.
 
13. Adobe: Освежение бренда от британского агентства Mother Design (кейс почему-то пропал с их собственного сайта).
 
14. Streamtime: Сервис управления проектами от британского агентства NB Studio.
 
15. Grubhub: Сервис доставки еды, сделанный внутренними силами.
 
16. Shutterstock: Новый логотип.
 
#patterns

Дайджест продуктового дизайна

04 August 2025 09:04

1 сентября стартует четырнадцатый поток моего курса о дизайн-менеджменте цифровых продуктов на Bang Bang Education.
 
На первых тринадцати отучились около 900 дизайн-директоров, дизайн-менеджеров, арт-директоров, ведущих дизайнеров, креативных директоров из многих отечественных (и нескольких международных) компаний: 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, 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, ПСБ, 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

Дайджест продуктового дизайна

28 July 2025 09:24

Немного свежего о дизайн-системах:
 
1. Brad Frost: Запустил сертификацию по своему фреймворку дизайн-систем «атомарный дизайн». Это курс, который подтверждает знания. Он также работает над вторым изданием своей книги.
 
2. Figma добавила в интерфейс эффект жидкого стекла, который точно повторяет гайдлайны Apple. Сами Apple выпустили официальный UI Kit для Figma.
 
3. Material Expressive 3: Как задавать свои стили анимации. Они будут переиспользоваться во всей дизайн-системе.
 
4. Magic Patterns: Инструмент алгоритмического дизайна может создать прототип сайта на основе текстового запроса, скриншота или просто скопировать существующий сайт. Он создаёт библиотеку компонентов, которые также можно генерировать и дорабатывать по текстовому запросу. Есть расширение для браузера, где можно выделить элемент на экране и создать компонент для него.
 
5. Colin Matthews: Инструкция по созданию прототипов для проверки продуктовых гипотез с помощью ИИ-инструментов. Он показывает, как сгенерировать компоненты разными способами и дальше собирать из них прототипы.
 
6. Storybook: Как работают новые встроенные тесты компонентов в версии 9. Они покрывают взаимодействие, визуал и accessibility.
 
7. DOC: Цель, смысл и природа целостности в дизайне. Что она даёт и для чего к ней нужно стремиться.
 
8. Obra: Библиотека иконок на React и Svelte, которую можно подключить к дизайн-системе.
 
9. SmoothUI: Фреймворк дизайн-системы на React и TailwindCSS, где компоненты мощно прокачаны анимацией.
 
10. 9ui: Фреймворк дизайн-системы на React на базе Tailwind. Он даёт компоненты без стиля, которые можно докручивать под себя.
 
11. Julia Wong: Токены для тактильной (haptic) обратной связи в млбильных приложениях.
 
#designsystems

Дайджест продуктового дизайна

21 July 2025 09:04

Чемпионство по потоку свежих ссылок сейчас у интерфейсных паттернов и практик. Погнали:
 
1. NN/g: Рассматривать пользователей корпоративных приложений как либо новичков, либо экспертов — неправильно. Они предлагает другую категоризацию: Legacy (используют давно, но знают только самую базу), Legend (глубоко знают интерфейс) и Learner (эксперты в предметной области, но с интерфейсом ещё не работали). И дают советы на тему того, как помочь каждой группе.
 
2. Sharang Sharma: Типичные способы встроить ИИ-помощника в интерфейс — от небольшого окошка чата до полной интеграции в основное взаимодействие.

3. Luke Wroblewski пишет много и толково про паттерны ИИ-интерфейсов:
— Ограничения модели простого чата при взаимодействии с ИИ-продуктами. Он разбирает гибридные подходы, которые гибче и удобнее.
 
— Какими могут быть интерфейсы для управления сразу несколькими ИИ-агентами, которые выполняют множество задач. Он примеряет стандартные интерфейсные решения и рассуждает, как это могло бы работать.
 
— Многие популярные ИИ-сервисы при старте работ спрашивают пользователей, что они хотели бы сделать. Но пользователи сами до конца не знают, что умеют эти инструменты.
 
4. Casper Kessels: В деталях анализирует интерфейс Panorama i-Cockpit новых машин Peugeot.
 
5. Louis Charron: Роль метафор в интерфейсах и дизайне в целом. Почему они помогают человеку быстрее понять новую для себя вещь.
 
6. Design Beyond Barriers: Сборник принципов дизайна с учётом требований accessibility.
 
7. Stéphanie Walter: Прорва ссылок на гайдлайны, памятки, принципы и другие полезные материалы по дизайну для пользователей с особенностями восприятия.
 
8. Neurodiversity Design System: Коллекция принципов и гайдлайнов по дизайну для пользователей с особенностями восприятия.
 
9. David Hoang: Проводит параллель между управлением ИИ-агентами и стратегиями в реальном времени. В них много общего — пользователь отдаёт верхнеуровневые команды, не управляет каждой мелочью.

10. NN/g: Лучшие практики для обучения написанию хороших запросов в ИИ-чат-ботах. Они выделили несколько паттернов для разных ситуаций и показали примеры их реализации.

11. Ростелеком: Дизайн-команда пробует экспертную оценку интерфейса по известным эвристикам с помощью ChatGPT и Claude. Получается нестабильно, но эксперимент интересный.

12. NN/g: Как правильно суммировать отзывы пользователей в интернет-магазинах с помощью ИИ. Они собрали удачные и не очень примеры.
 
13. Jared Cunha: Как сделать удобное меню на сайте для пользователей с ограниченными возможностями, использующих навигацию с клавиатуры.
 
#patterns

Дайджест продуктового дизайна

30 June 2025 09:04

И снова плотный список свежих интерфейсных паттернов и практик:
 
1. Motion Log: Сайт анализирует анимацию мобильных приложений и позволяет покадрово рассмотреть, что происходит при переходах.
 
2. Spotted in Production: Галерея примеров эффектной анимации в мобильных приложениях.
 
3. Automattic (создатели Wordpress): Как дизайн-команда работает с текстами в интерфейсе. Они всегда пишут первую версию текста сами, до подключения редакторов. И создали плагин для Figma в помощь.
 
4. Benji Taylor: Дизайн интерфейса необычного мессенджера Honk. Кладезь нетривиальных паттернов и анимационных приёмов.
 
5. Deliveroo: Как обновили анимацию отслеживания заказа под новую цветовую палитру и векторную графику.
 
6. Social Proof Examples: Коллекция примеров социального подтверждения в интерфейсах.
 
7. Microsoft: Как доработали каноническое меню «Пуск» для недавнего обновления Windows.
 
8. Adobe: Проектирование и дизайн интерфейса Firefly Boards. Как они упаковывали концепции алгоритмического дизайна простым языком.
 
9. Whitney Lewis: Толковый практический разбор примеров ALT-текстов для изображений на сайте. Она показывает, как правильно писать их для разных ситуаций.
 
10. NN/g: Интерфейсные паттерны, которые помогают бороться с расфокусом внимания в современном мире.
 
11. CTA Gallery: Коллекция примеров призывов к действию в интерфейсе — отдельных кнопок и цельных блоков.
 
12. Adobe: Редизайн интерфейса Premiere Elements, который не менялся 12 лет.
 
13. Отчёт о поддержке интернетом accessibility в письмах рассылки в 2025 году.
 
14. Экзон (продукт для строительных компаний): В деталях о работе над обновлённой «шапкой» в интерфейсе.
 
15. EatSleepPrototype: Галерея экспериментальных прототипов мобильных интерфейсов от разных дизайнеров (можно загрузить свой).
 
16. Markswebb: Проанализировали интерфейс вывода TON через Телеграм и подсветили основные проблемы.
 
#patterns

Дайджест продуктового дизайна

16 June 2025 10:04

Понедельничный подгон свежего о дизайн-системах:
 
1. Figma: Запустили свой сервер для подключения через протокол MCP, который помогает ИИ-продуктам и сервисам общаться между собой. Например, редакторы кода VS Code с Copilot, Cursor, Windsurf и Claude Code могут собрать код на основе макетов. Помимо сборки прототипов это упрощает работу с дизайн-системой — вот, например, быстрое создание компонента в Storybook на основе его версии в Figma (на основе инструкции по настройке MCP Figma от Colin Matthews). MCP — одна из самых крутых вещей, которая случилась с интернетом за последние годы и Microsoft считает этот протокол новым HTTP за его простоту и масштабируемость.

2. Шикарная коллекция простых кусков интерфейса в виде wireframes, которые отлично подходят для документации дизайн-системы. Версия для Figma.

3. SAS: Мощный пример работы с локализацией в дизайн-системе в Figma. Помимо работы с текстом они адаптировали базовые токены вроде размеров, чтобы учесть особенности разных языков.

4. Diataxis: Фреймворк помогает грамотно структурировать и понятно писать гайдлайны и техническую документацию в целом.
 
5. Storybook 9: Встроили инструменты тастирования Vitest: тесты взаимодействия, accessibility и визуальные, а также сделали карту покрытия тестами. Так же ужали код наполовину, сделали работу с React Native удобнее и добавили глобальные состояния (например, можно посмотреть компонент в тёмной теме, нужном размере экрана или локали),
 
6. Adobe: Как работает дизайн-система Consonant для маркетинговых материалов, которая связана с их основной дизайн-системой Spectrum.
 
7. Brad Frost: Примеры ситуаций, которые может объединять дизайн-система. Разные продукты, подбренды, маркетинговые кампании, цветовые режимы, технологические фреймворки.
 
#designsystems

Дайджест продуктового дизайна

05 June 2025 09:04

Новьё о пользовательских исследованиях:
 
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. Контур: Основы статистики для пользовательских исследователей простым языком.
 
#research

Дайджест продуктового дизайна

26 May 2025 10:04

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

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

Дайджест продуктового дизайна

15 May 2025 09:04

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

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

Дайджест продуктового дизайна

05 May 2025 09:04

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

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

Дайджест продуктового дизайна

24 April 2025 09:04

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

Дайджест продуктового дизайна

17 April 2025 10:24

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

Дизайн таких инструментов
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

Дайджест продуктового дизайна

07 April 2025 09:04

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

Дайджест продуктового дизайна

25 August 2025 09:04

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

Дайджест продуктового дизайна

18 August 2025 09:05

В беготне давно не успевал собрать выпуск про алгоритмический дизайн, а тут ссылки как комары на болоте — плодятся армадой. Попробую упаковать эту сотню-другую в пару выпусков:
 
Взаимодействие с такими инструментами
1. Hardik Pandya: Шикарно разложил по полочкам, с какими сценариями использования MCP справляется хорошо, а где это бесполезный костыль. Он разделяет два режима работы — оркестровка разных инструментов и источников информации, а также инкрементальные доработки. Многие инструменты предполагают переключение между ними в рамках работы, что только усложняет жизнь.

Дизайн таких инструментов
1. Allen Pike: Анализирует интерфейсные паттерны ИИ-чат-ботов, которые делают общение с ними более гибким и интерактивным, чем простой обмен сообщениями.

2. Pete Koomen: Почему часть интерфейсов текущих ИИ-продуктов напоминает первые автомобили, имитирующие повозки с лошадьми. Он пробует предложить решение на примере генератора писем.

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

4. Kojo Osei: То, о чём давно нужно было сказать — во многих продуктах ИИ вызывается как отдельный режим, а не часть основных сценариев использования. Пользователям непонятно, что он делает и в целом режимы забывают включать.

Кейсы
1. Fabio Sasso: Навайбкодил свой простой инструмент дизайна — он накладывает эффект рифлёного стекла на фотографию. Как он это сделал.

2. Luke Wroblewski: Как устроен ИИ-чат/поиск на его сайте. На каких технологиях он написан.

3. Intercom: Хакатон, который помог прокачать навыки использования ИИ-инструментов. Это помогло запустить новый сайт дизайн-команды.

Инструменты дизайна
1. html.to.design: Плагин для импорта HTML-кода в Figma теперь умеет работать с Cursor и использовать протокол MCP.

2. Google Stitch: Инструмент алгоритмического дизайна создаёт дизайн и код для сайтов и мобильных приложений по макету или текстовому описанию. Они позиционируют его как способ сделать прототип или набросок продукта, а дальше дорабатывать его в профессиональном инструменте (кстати, можно экспортировать в Figma).

3. v0 Design Mode: ИИ-сервис для разработчиков Vercel v0 запустил режим дизайна. В нём можно корректировать макеты как в простом встроенном графическом редакторе без текстового запроса.

4. Точка AI: Генератор сайтов, логотипов и изображений от банка для предпринимателей.

5. Adobe Photoshop Harmonize: Быстрый способ вставить объект на фото, где инструмент сам сделает цветокоррекцию и докрутит освещение. Это сделано на базе эксперимента #Project PerfectBlend с Adobe MAX.

6. Control: Инструмент алгоритмического дизайна позволяет вайб-кодить эффектные сайты с анимацией.

7. Figma Make: Примеры прототипов, которые делают пользователи. Кстати, первую версию нового интерфейса работы с сетками они также набрасывали в нём. И советы по работе с инструментом: как описывать текстовые запросы, готовить макеты и компоненты, а также вообще планировать такие проекты.

8. Thiings: Инструмент алгоритмического дизайна позволяет сгенерировать коллекцию 3D-иконок/иллюстраций в своём стиле. Стиль настраивается из примеров. Можно создать новую иконку по текстовому запросу или взять уже доступный объект.

9. Weavy: Универсальный инструмент алгоритмического дизайна умеет соединять отдельные простые действия (сгенерировать, отредактировать фото или видео) в единую последовательность, чтобы получился нужный результат. Они подключают множество популярных моделей, которые можно использовать в любом порядке.

10. Manus: Генерирует изображения под конкретную задачу. Например, на основе фото комнаты подобрал мебель к ней из каталога IKEA и вставил её в помещение.

Шрифты
1. Monotype: Серия статей и экспериментов и шрифтовых дизайнеров из других словолитен вокруг генерации шрифтов и просто символов с помощью ИИ. Monotype развивают свой инструмент.

2. Несколько шрифтовых дизайнеров рассказывают о своих экспериментах по ИИ-генерации типографики. Пока они не очень практические, но возможны.

#ai #algorithms

Дайджест продуктового дизайна

07 August 2025 10:05

Накопил плотную подборку о дизайн-менеджменте с прошлого раза:
 
1. Intercom: Как дизайн-команда перестроила свою работу в ИИ-эпоху. Как это меняет роль и дизайнера, и дизайн-менеджера.
 
2. Ricardo Vazquez: Как дизайн-команда Shopify замеряла производительность основных сценариев использования платёжных терминалов и оптимизировала их. А позже в Dropbox он настроил работу от проблем пользователей.
 
3. Nate Schloesser: Продолжает свою серию статей о том, как дизайнеру добиться влияния на продукт. Он пишет о реалистичном отношении и подходах.
 
4. Stay SaaSy: Критикуют дикую вещь — менеджеры всё чаще пишут обратную связь своим сотрудникам с помощью ИИ. Это полная профанация как процесса ревью, так и роли менеджера вообще. Не делайте так.
 
5. Dawn Ta: Необычный подход к выстраиванию работы команды пользовательских исследований. Она использует Value Proposition Canvas, чтобы сопоставить запросы продуктовых команд и возможности исследователей.

6. Michel Ferreira: Как может строиться взаимодействие лидера дизайна конкретного продукта и общего руководителя дизайна. Как подойти к пересечениям их зон ответственности.

7. Контур: Мнения пользовательских исследователей и менеджеров продуктов о том, каким должно быть взаимодействие между этими двумя ролями. И кто принимает решения в ходе работы над проектами. Сервисы для пользовательских исследований User Interviews и Heard провели опрос менеджеров продуктов на эту же тему.
 
8. Геннадий Мохов (Mos.ru): Подход к построению предсказуемого дизайн-процесса. Он также даёт шаблон карты здоровья процессов.
 
9. NN/g: Проблемы моделей зрелости дизайна, представленных в виде «лестницы». Во-первых, жихнь устроена не так и компании скорее находятся одновременно на нескольких уровнях. Во-вторых, рынок и сама компания меняются, так что они могут ходить и вверх, и вниз по этой лестнице.

10. Jose Coronado: Как он измерял и доказывал отдачу от вложений в дизайн-команду.

11. Colton Cox (IBM): Рассказывает о своём переходе на роль дизайн-менеджера. Как менялась его роль и вызовы.

И напомню про новый поток моего курса «Паттерны дизайн-менеджмента», который стартует 1 сентября. Записаться.
 
#management

Дайджест продуктового дизайна

31 July 2025 09:04

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

Дайджест продуктового дизайна

24 July 2025 09:04

Вести с полей пользовательских исследователей:
 
1. Colin Chapman: Разбирает нелепый оксюморон — синтетические данные опросов пользователей. Это нелепая затея, которая противоречит как самой идее опросов, так и эффективности получения нужных данных через имитацию опроса.
 
2. Jeff Sauro и Jim Lewis: Разбирают разные подходы к выборке респондентов для пользовательских исследований. Разные школы мысли подходят к вопросу по-разному и они пытаются разобраться, кто более прав.
 
3. Основатели сервисов для пользовательских исследований Maze, Sprig и UserZoom рассуждают о том, как меняются такие инструменты с помощью ИИ. И как вообще ускоряется цикл работы над продуктами.
 
4. Varshine Chandrakanthan и Rajasi Desai: Как используют ИИ-инструменты для ускорения быстрых итеративных исследований. Это оправдано там, где критична скорость, хотя и со многими оговорками. Ну и их советы по генерации текстов и изображений для выводов спорные.
 
5. Виталий Фридман: Толковая выжимка серии статей о разнице между данными, находками и инсайтами в качественных и количественных исследованиях.
 
6. Kyle Soucy: Генерация описания персонажей пользователей с помощью ИИ.
 
7. Jake Burghardt: Советы по использованию бизнес-версии ChatGPT для работы с базой данных проведённых пользовательских исследований.
 
8. Heard: Сервис для проведения коротких интервью с пользователями через ИИ-модератора без участия исследователя.
 
9. Контур: Основы статистики для пользовательских исследователей простым языком. Часть 2 про сравнение удовлетворённости пользователей и часть 3 про анализ взаимосвязи качественных переменных.
 
10. Dovetail: Новый способ поиска по инсайтам из пользовательских исследований — через ИИ-чат-бота. Помимо ответа на вопрос в свободной форме он показвыает конкертные цитаты пользователей.
Они также получили сертификацию ISO 42001, которая про их ответственную работу с ИИ как алгоритмами и данными.
 
#research

Дайджест продуктового дизайна

17 July 2025 09:04

Новые книги о дизайне интерфейсов стали появляться реже с закрытием A Book Apart и выбыванием O'Reilly из жанра. Да и нелепый ИИ-FOMO парализовал многих сильных авторов, так что поток-ручеёк иссяк-занемог — копил эту мини-подборку чуть ли не год. Но не совсем засох:
 
1. Jake Burghardt «Stop Wasting Research» (Rosenfeld Media). Она посвящена базам знаний и инсайтов из пользовательских исследований (или репозиториям исследований).
 
2. Michele Williams «Accessible UX Research» (Smashing Magazine). Она посвящена пользовательским исследованиям accessibility в интерфейсах. Анонс.
 
3. Erin Malone «In Through the Side Door» (MIT Press). Она посвящена женщинам, помогавших становлению дисциплины проектирования взаимодействия.
 
4. Andrew Schall «The Persona and Journey Map Playbook» (Apress). О том, как заставить работать на практике персонажей и customer journey map. Это пошаговое руководство по созданию и внедрению этих методов.
 
5. Jake Knapp и John Zeratsky «Click». Она посвящена методу «foundation sprint», который предваряет дизайн-спринты от этих же авторов. Небольшая выдержка из неё от Lenny Rachinsky.
 
А вот что на подходе у Rosenfeld Media:
— Catt Small «The Staff Designer».
— Dane DeSutter и Stephanie Scopelitis «Body Talk».
— Savina Hawkins «Reimagining Research».
— Robert Stribley «Design for Privacy».
— Christopher Noessel «Designing Assistant Technology».
 
#books

Дайджест продуктового дизайна

25 June 2025 09:04

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

Дайджест продуктового дизайна

11 June 2025 09:04

В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Последние годы были про инкрементальные улучшения, но на этот раз выкатили сверх-яркий стилёвый взрыв.

Большие визуально-интерактивное обновление назвали «жидкое стекло» и это одно из ярчайших явлений в профессии за последние годы. «Liquid glass» — динамический материал, который используется для элементов управления и панелей. Логика сборки экранов при этом не сильно поменялась, но по факту это сильно больше, чем просто тема оформления.

Первая реакция у меня и многих обсуждающих этот дроп — откопали виртуальные тренды «стекломорфизм» и «нейроморфизм» прошлых лет, с опозданием скопировали Microsoft Fluent Design и вообще вернули 2007 с Windows Vista, а то и хуже — оттёрли нафталин с MacOS Aqua.

Но потом я посмотрел официальные дизайнерские видео про этот визуальный язык и 20 минут сидел с открытым ртом.
1. Сам материал гораздо сложнее простого матового стекла, даже красиво обрабатывающего цветовые пятна в духе теликов с фоновой подсветкой. Физика преломления света сложная, ближе именно к воде.
2. Это интерактивный брендинг, предназначенный для интерфейсов — а они постоянно находятся в микро- и макро-движении. И тут эта магия преломлений гипнотизирует.
3. Реакция на нажатие вообще с другой планеты — материал деформируется.
4. Панели умеют в мягкие размытие и смену цвета текста плюс иконок в зависимости от фона.
5. Элементы вне фокуса становятся визуально проще, чтобы не отвлекать.
6. Жидкое стекло может краситься в цвет темы оформления и это отдельная магия карамелек.

Самый шик — всё это сложное поведение зашито в стандартные компоненты (звук падающей челюсти). И это также топовый реф стратегии ребрендинга — не ломая компоновку экранов, они получают новую стилистическую жизнь. Впечатляет, что технологии дозрели то такого уровня, что такой сложный и графичный стиль масштабируется на разные экраны и размеры без потуг.

Приземление пока хромает — в реальных демках есть very somnitelnie resheniya или вообще лубок. Бесконечно уродливая идея с тематизацией иконок стала ещё позорнее. Хотя тот же iOS 7 был сыроват на старте, но за пару лет превратился в лучшую версию себя.

Я никогда не был эпловым фанбоем и прагматично отношусь к их анонсам. Но для меня это одно из ярчайших событий в профессии за последние годы. И абсолютно новая планка того, что возможно в интерактивном брендинге, массовых цифровых продуктах и дизайн-системах в целом.

Дизайн-сообщество уже вовсю изучает, как это всё устроено и пытается повторить кнопки и поверхности в Figma. А вот официальные гайдлайны:
— Обновлённые общие и раздел про материалы
— Внедрение жидкого стекла для разработчиков

iOS 26
(Снова) редизайн приложения фото.

Полезные видео для дизайнеров:
— Get to know the new design system
— Say hello to the new look of app icons
— Design interactive snippets
— Create icons with Icon Composer
— What’s new in SF Symbols 7
— Design foundations from idea to interface
— Make a big impact with small writing changes
— Principles of inclusive app design
— Evaluate your app for Accessibility Nutrition Labels
— Customize your app for Assistive Access

Победители Apple Design Awards.

iPadOS 26
Планшет стал ещё ближе к компьютеру (хотя с ограничениями операционки это всё равно утыкается во много стен): меню и замусоренный окнами рабочий стол как на MacOS. Некогда анти-компьютер с более простым взаимодействием навернул борща, оставшись в рамках ограничений своего форм-фактора.

Полезные видео:
— Elevate the design of your iPad app

watchOS 26
Можно управлять уведомлениями с помощью поворота запястьем.

macOS Tahoe
Полезные видео:
— Make your Mac app more accessible to everyone

visionOS 26
Прокрутка глазами, поддержка контроллеров плойки.

Полезные видео:
— Design widgets for visionOS
— Design hover interactions for visionOS

Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в июле, а разработчики могут поставить её уже сейчас.

#ios #trends #events

Дайджест продуктового дизайна

02 June 2025 09:04

Овердофига свежих ссылок о лучших интерфейсных паттернах и практиках:
 
1. Wise: stephanie.martin_72301/translating-motion-into-code-182da0220e0d">Как передавали в разработку анимацию сложного экрана мобильного приложения с кучей состояний. Это динамические и статические спецификации — они детально показаны в статье.
 
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

Дайджест продуктового дизайна

22 May 2025 09:04

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

Дайджест продуктового дизайна

08 May 2025 09:04

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

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

Дайджест продуктового дизайна

30 April 2025 09:04

Британско-американское агентство 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

Дайджест продуктового дизайна

21 April 2025 09:04

Продолжение свежего дропа об алгоритмическом дизайне:
 
Инструменты дизайна
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

Дайджест продуктового дизайна

10 April 2025 09:04

Новьё по лучшим интерфейсным паттернам и практикам:
 
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

Дайджест продуктового дизайна

27 March 2025 09:04

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

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

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

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

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