Дайджест продуктового дизайна
52.2K subscribers
122 photos
19 videos
655 links
Юрий @jvetrau Ветров собирает свежие статьи, инструменты, паттерны и тренды с 2009 года. 250 000 читателей на vc, VK и других каналах.

Все выпуски — https://jvetrau.com/category/digest/
ВК — https://vk.com/pdigest

РЕКЛАМЫ НЕТ.
Download Telegram
Новые книги по дизайну интерфейсов, которые вышли за последние месяцы:
 
1. Donnie D'Amato «Mise en Mode» о токенах в дизайн-системах.
 
2. Catt Small «The Staff Designer» о развитии дизайнера как эксперта в компании. Вводная глава из неё.
 
3. Cheryl Platz «The Game Development Strategy Guide» о процессе создания игр. Отрывок из главы 1 об игровом дизайне — https://rosenfeldmedia.com/sample-chapter-game-development-strategy-guide/.
 
4. Laura Kalbag «Accessibility For Everyone» теперь доступна бесплатно в интернете.
 
5. Christopher Noessel «Designing Assistant Technology» о дизайне ИИ-ассистентов. Выдержка из первой главы.
 
6. Robert Stribley «Design for Privacy» об учёте приватности данных пользователей в дизайне. Выдержка из первой главы.
 
7. Smashing Magazine готовят к выходу книгу Ben Callahan «Maturing Design Systems».
 
А вот что на подходе у Rosenfeld Media:
— David Eisner «Product Design Engineering for Designers»
— Stefanie Hutka «Designing Automated Futures»
 
#books
21🔥5👍1
Новое о новых и старых интерфейсных паттернах и лучших практиках:

1. Florian Shulz: Как делать современные подсказки по заполнению поля ввода. Т.е. прямо в контексте этого поля.

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

3. Luke Wroblewski: Как менялось взаимодействие с продуктами на базе ИИ в их интерфейсах. От невидимой логики до смены рабочего процесса вообще.

4. Daniel Rodrigues и Lucas Fischer: Дизайне интерфейса приложения для заметок Monologue от Every. Как они искали и внедряли конкретные решения.

5. Buzz Usborne: Проблема в интерфейсах ИИ-продуктов, которые часто оставляют пользователя с белым листом наедине. Это древняя проблема в дизайне интерфейсов и здесь она проявляется как и всегда до этого — пользователь не понимает, что можно делать и с чего начать.

6. Adobe Photoshop: Как запускали дизайн интерфейса ИИ-функции для вставки картинки-примера в существующее изображение. Процесс исследований и прототипирования с промежуточными решениями.

7. NN/g: Разбираются с полезностью и находимостью чат-ботов на сайтах компаний. В основном всё плохо и вообще не имеет смысла.

8. Виталий Фридман: Отдельный экран или модальное окно? Памятка по выбору для конкретной ситуации в интерфейсе

9. Intercom: Как пользователям важно получать разные модели общения от ИИ в зависимости от среды и контекста. И как это влияет на уместность и доверие.

10. Taylor Dykes: Примеры трёх критериях хороших информационных текстов в интерфейсе. Они должны быть понятными, ёмкими и передавать характер бренда.

11. Terry Godier: Серия эссе об избыточной роли цифровых продуктов в жизни пользователя. И напоминание о том, чего избегать дизайнерам интерфейсов.

12. Elizabeth Lin: Бесплатный текстовый мини-курс о продуктовом дизайне и карьере в нём.
 
#patterns
🔥125
Дайджест продуктового дизайна за март 2026. Плагин для экспертной оценки, современный дизайн-процесс, дизайн-системы для нейронок, слоты, новые книги, история курсора, интерфейсные навыки для агентов, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
Дизайнерс
ВКонтакте
RSS
🔥111
Новое о классических и экспериментальных делах в пользовательских исследованиях:

1. Jim Lewis и Jeff Sauro: Перебрали кучу научных публикаций на тему синтетических пользователей в исследованиях. Валидными оказались только 12 и выводы из них скорее не в пользу этой мутной затеи. Хотя сама платформа Qualtrics, которая вызвала шквал критики своим внедрением синтетики, говорит об их ограниченном использовании для прогона и обкатки исследований перед запуском на реальных пользователей.
 
2. MeasuringU: Решили дотошно раскопать, насколько хорошо ИИ может выявлять интерфейсные проблемы в записях сессий пользовательских исследований. В первой статье из цикла они скормили нейронке такое видео и получили список проблем.
 
3. Steve Bromley: Даёт своё определение того, что такое «игровой тест». Люди используют этот термин для самых разных вещей.
 
4. NN/g: Где ИИ может помочь с написанием опросников для пользователей.
 
5. Alessandra Gomiero: Важность исследования самих методов пользовательских исследований. Часто их применяют по привычке, без подбора оптимального метода под конкретную задачу.
 
6. NN/g: Почему загибаются собственные панели респондентов, которые компании делают для себя. Их нужно грамотно поддерживать по нескольким направлениям.
 
#reseach
12🤯1
Чем дальше — тем больше свежих материалов об интеграции ИИ-инструментов с дизайн-системами. Но не только:
 
1. Design Tokens Visualizer: Сервис помогает наглядно увидеть связи между разными токенами и компонентами дизайн-системы.
 
2. Storybook 10.3: Самое главное — появился MCP-сервер и это сильно упрощает доступ ИИ-агентов к вашей дизайн-системе без корявых временных генераций и парсинга. Brad Frost поговорил с создателем фреймворка Dominic Nguyen о том, что это значит для дизайн-систем.
 
3. Alice Packard: Сравнивает все возможные способы организации иконок разного размера в дизайн-системе. Её рекомендация — компонент с вариантами, где размер задан как свойство компонента.
 
4. Brad Frost: Свежие наработки по генерации интерфейса в реальном времени на основе дизайн-системы через ИИ-команды. Это скорее обзор его свежих экспериментов, но достаточно разнообразный.
 
5. Nathan Curtis: Скрипт, который сильно удешевляет считывание нейронкой компонентов дизайн-системы в Figma. Это ускоряет процесс и не сжигает токены лишний зазря.
 
6. Figma Make: Может использовать вашу дизайн-систему и полезные файлы-вложения для понимания контекста. Дизайн-систему пока что нужно адаптировать в формат Make kit, но со временем такое должно быть автоматизировано.
 
7. Donnie D'Amato: Напоминает, что популярное сейчас движение «я сгенерил дизайн-систему через нейронку за пару часов» — решает только один из кусочков этой задачи. Дизайн-системы созданы для переиспользования командами. И главная сложность — сделать это простым и понятным, чтобы обеспечить достаточное покрытие. Хотя быстрая сборка первой дизайн-системы алгоритмами может помочь небольшим продуктам на старте — это хороший быстрый MVP. Или облегчить аудит текущего состояния.
 
8. Ben Callahan: Калькулятор, чтобы определиться: писать свою дизайн-систему или адаптировать готовый фреймворк? Он позволяет играть разными параметрами, чтобы принять решение.
 
9. ShadCN Themes: Инструмент для создания тем оформления для дизайн-систем на базе shadcn/ui. И большой каталог уже готовых.
 
10. Tailwind CSS Colors: Генератор цветовых тем оформления под Tailwind CSS на основе основного цвета бренда.
 
11. Webflow: Улучшили работу с компонентами и их вариантами. Их можно также генерировать с помощью ИИ.
 
12. PJ Onori: Занятный эксперимент — он дал нескольким ИИ-агентам задачу собрать один и тот же интерфейс на основе старой и новой дизайн-системы. И сравнивал эффективность и проблемы каждой версии.
 
13. zeroheight: Отчёт о состоянии дизайн-систем в 2026 году. Выборка малюсенькая (147 человек), но интересны скорее сами вопросы, чем конкретные цифры.
 
#designsystems
15🔥6
Чуток свежих интерфейсных паттернов и лучших практик:
 
1. A11Y.md: Контекстная инструкция для ИИ-моделей по поддержке accessibility. Это MD-файл, который загружается в сессию работы с нейронкой.

2. Durgesh Rajubhai Pawar перечисляет пачку типичных проблем с accessibility в коде, сгенерированном ИИ. И показывает, как их исправить.
 
3. AI Interaction Atlas: Большой каталог паттернов дизайна для ИИ-продуктов и взаимодействия с ИИ в целом.
 
4. NN/g: Чеклист лучших практик при дизайне чат-ботов на сайтах компаний. Как они должны работать, чтобы помогать пользователям и не конфликтовать с другими частями интерфейса.
 
5. Raghvi Kabra: Дизайн интерфейса приложения Adobe Aqua для детей. Как родилась идея, какие концепты они перебирали, что узнали о пользователях.
 
6. Claude Piché: Дизайн интерфейса второй версии Adobe Express. Как они пришли к концепции «сделай-бота» вместо «чат-бота», который решает конкретные задачи, а не просто трепется.
 
7. Ollie Fielding: Как неправильно делать формы для ввода медицинских данных. И что можно улучшить в них.
 
8. Demelza Feltham: Советы по улучшению интерфейсов для пользователей с тревожностью.
 
#patterns
🔥157
Дайджест продуктового дизайна за апрель 2026.
Брендинг ИИ-продуктов, новые парадигмы взаимодействия команд, анализ юзабилити через ИИ, грейды пользовательских исследователей, темы для дизайн-систем, accessibility, алгоритмический дизайн и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
 
Напомню, что его можно получать разными способами:
vc.ru
Дизайнерс
ВКонтакте
RSS
8🔥2
Анонсы обновлений Android окончательно сместились с флагманской конференции Google I/O (19–20 мая) на отдельное меро Android Show, которая прошла за неделю до этого.

Глобальный махач компаний сейчас вокруг ИИ, так что новостей чисто жменя на сдачу. Да и саму операционку теперь позиционируют как «интеллектуальную систему». Обозревать по дизайну особо-то и нечего, но традиция есть традиция. Вот что наскреблось:

Material Design:
Развёрнутые гайдлайны по лейаутам и их адаптивности.
 
Обновлённая система отступов с учётом адаптивности и разной плотности экранов.
 
— Экспрессивные списки, меню и поиск

Android 17
ИИ-агент Gemini Intelligence для телефонов и носимых устройств. Обещает автоматизировать рутинные задачи. API AppFunctions даёт ему доступ ко многим возможностям телефона.
 
Gemini встроен и в мобильный Chrome. Он сможет сам ходить по интернету по вашим задачам.
 
— Поддержка AirDrop для большого количества устройств.
 
— Генерирует QR-код, чтобы быстро поделиться любым файлом с другим пользователем
 
Новые эмоджи.
 
— Можно записать видео с вами поверх любого открытого приложения, чтобы потом обсудить это с кем-то в чате.
 
— Функция Pause Point ставит задержку на запуск вредных и залипательных приложений.
 
Улучшена защита от мошенников и безопасность в целом.
 
Бета-версия доступна в четвёртой итерации для смельчаков.
 
Googlebook
Это замена Chromebook, которая работает на Android.
 
Новая интерфейсная концепция Magic Pointer. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
 
Эти новые устройства только усиливают важность адаптивных интерфейсов. Поэтому в Google:
— Опубликовали гайдлайны;
— Улучшили памятку по адаптации экранов;
— Развили библиотеку примеров.
 
Android Auto
Редизайн в духе Material 3 Expressive и поддержка нестандартных экранов.
 
А ещё — виджеты и иммерсивная навигация.
 
Android Wear 7
Виджеты, live updates и ИИ-агент Gemini Intelligence.
 
Android XR
Что изменилось в новом developer preview.
 
Готовят к выпуску очки вместе с Samsung в дизайнах Gentle Monster и Warby Parker.

——— 
На самом Google I/O всё было вокруг Gemini и других ИИ-моделей и интеграций. Парочка самых интересных:
 
Google Omni: Новая модель развивает возможности Nano Banana и позволяет создать видео по любым вводным — описание, фото, другие видео, аудио и т.п.
 
Google Pics: Простой фоторедактор на базе Nano Banana.
 
Gemini Spark: Агент, который может работать автономно.
 
— Поиск Google: Теперь всё больше похож на расширяющееся поле ввода чат-бота.
 
Обзор ключевых изменений вокруг Android для разработчиков.
 
Занятно, что обновления интерфейсов мобильных операционок в эпоху ИИ-FOMO становятся такими же малоинтересными, как и свежее в ОС для компьютеров. Хотя почти 20 лет были одними из главных генераторов прогресса. И произошло это буквально за пару лет.

#android #materialdesign
👍97
Пачка свежих материалов о дизайн-менеджменте:
 
1. NN/g: Как проводить разбор итогов проекта или постмортем. Чем этот формат отличается от ретро, когда и в каком формате его лучше делать.
 
2. Контур и команда пользовательских исследователей: — Адаптация новых специалистов в компании.

Профессиональное развитие. Как строится план развития и через что качаются навыки.
 
Грейды Что они умеют и чему учатся на каждом.
 
Тестовые задания. Как они распределяются внутри команды для оценки, как проходит сама оценка.
 
3. Гиги Джанелидзе (Яндекс, МТС, Сбер, TBC Bank) выпустил книгу «Лидерство как дизайн». Она доступна через Телеграм-бота.

4. Luke Wroblewski: Напоминает, что создание макетов никогда не было самой главной и самой сложной задачей дизайнера. И то, что менеджеры продуктов и разработчики сами стали генерировать макеты —можно использовать как мостик для современного процесса ко-дизайна. Тогда проще прийти к единому пониманию, какой именно продукт и для кого запускает команда.
 
5. Т-Банк: Карта компетенций дизайнера. Она включает разные ветки — продуктовый и графический дизайн, бренд. На сайте есть интерактивная версия, плюс шаблон в Фигме. Обзорная статья.
 
6. NN/g: Как дизайн-менеджер может связать несколько разрозненных команд в компании, чтобы решить комплексную проблему пользователей. Она также даёт несколько полезных шаблонов.
 
7. Figma: Разработчик Alex Kern и дизайнер Gui Seiz рассуждают об изменении процесса между ролями при работе над продуктом. Как смываются грани и сближаются эти два мира.
 
8. Andrew Caims: Концепция когнитивного долга в работе над продуктами. Он пишет применительно к разработке, но это применимо и к дизайну.
 
9. Erika Flowers: Предлагает осовременить дизайн-процесс вокруг двойного алмаза за счёт связки ИИ-инструментов и методов. Она назвала свой фреймворк Zero-Vector Design и описывает, как он устроен. Декларация. Шаблоны для нейронок.
 
#management
🔥117👍2
Немного нового о свежих интерфейсных паттернах и практиках:
 
1. Magic Pointer: Новая интерфейсная концепция, заточенная под ИИ. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране.
 
2. WebAIM: Проверили миллион главных страниц сайтов в интернете на поддержку accessibility. Они подсветили основные проблемы по итогу.
 
3. IBM: Толковые публикации о концепции Explainable AI. И выделили несколько ключевых тезисов из них.
 
4. NN/g: Шпаргалка по работе с текстами в интерфейсах на основе мнений экспертов. Это обзор по ключевым темам: Простота, тональность, жаргонизмы, структура, SEO и согласования.
 
5. David Mello: Автоматизированные инструменты проверки accessibility пропускают до 60-70% проблем. Как исправить это.
 
6. NN/g: Исследование поискового поведения китайских пользователей. Почему сильно упала доля классического поисковика Baidu и как они балансируют между ИИ-чат-ботами и привычным поиском.
 
#patterns
10🤔1
В понедельник прошла ежегодная WWDC, выставка новых операционок Apple. Всё про оптимизацию прошлогоднего запуска «жидкого стекла» и внедрение Apple Intelligence.
 
Оптимизируют и дизайн-решения — можно вручную настроить стилизацию интерфейсов. И производительность работы самой ОС и приложений. На полировку крупного редизайна такой большой платформы нужно полтора-два года, они как раз набегут к осени.
 
Иконки приложений теперь тоже используют «жидкое стекло».
 
Apple Intelligence и новую Siri спустя два года всё-таки запустили и встроили везде. За основу взяли Google Gemini и своих моделей. Она работает через «динамический остров» и новое отдельное приложение в привычном чате. А также интегрирована в стандартные приложения, может искать по файлам и другому контенту, распознавать то что видит камера.
 
Xcode пришёл в ИИ-эпоху — теперь это тоже среда агентной разработки. Видео с разбором возможностей.
 
iOS 27:
Самое интересное в развитии «жидкого стекла» — то, как выглядит работа с Siri. Вид самого пузыря, эффекты нижней границы динамического острова и вся динамика его работы — ещё выглядит ещё тактильнее.
 
В фотографиях можно поменять ракурс — нейронка дорисует недостающие части. И стало проще генерировать Genmoji.
 
Энтузиасты нашли следы поддержки гибких экранов, про которые говорят давно и даже утекал какой-то прототип.
 
Полезные видео для дизайнеров:
Communicate your brand identity on iOS
Compose advanced graphics effects with SwiftUI
Craft clear names for features and labels in your app
Create UI prototypes using agents in Xcode
Design intuitive search experiences
Enhance the accessibility of your reading app
Principles of great design
 
Победители Apple Design Awards этого года .
 
Официальный UI Kit пока есть только для Sketch. Но энтузиасты уже наклепали шаблонов в сообществе Figma: динамический остров с Siri, жидкое стекло в целом и всякое такое.
 
iPadOS 27, watchOS 27, macOS Golden Gate — всё так же про общий тюнинг и доработки жидкого стекла.
 
visionOS 27:
Полезные видео для дизайнеров:
Design immersive environments for visionOS apps and the spatial web
Design no-code games with Reality Composer Pro 3
 
Традиционно всё это появится у массового пользователя в сентябре. Но бета-версия будет доступна в конце июня, а разработчики могут поставить её уже сейчас.
 
#ios #trends #events
14