Мясистая подборка о дизайн-менеджменте:
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. 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
Smashing Magazine
How To Build A Business Case To Promote Accessibility In Your B2B Products — Smashing Magazine
When passion for accessibility meets business indifference, what bridges the gap? Gloria Diaz Alonso shares how she turned frustration into strategy — by learning to speak the language of business.
👍13❤9🔥3
Овердофига свежих ссылок о лучших интерфейсных паттернах и практиках:
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. 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
Medium
Translating Motion into Code
How we worked with engineering to create moments of delight
❤18🔥7👍2
Новьё о пользовательских исследованиях:
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
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
adobe.design
Using data-driven storytelling to shape product strategy
A process for identifying the key insights and narratives in UX design research
❤16👍3
В понедельник прошла ежегодная 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
Большие визуально-интерактивное обновление назвали «жидкое стекло» и это одно из ярчайших явлений в профессии за последние годы. «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
Apple Developer
Meet Liquid Glass - WWDC25 - Videos - Apple Developer
Liquid Glass unifies Apple platform design language while providing a more dynamic and expressive user experience. Get to know the design...
🔥47🤔20❤16👍3
Понедельничный подгон свежего о дизайн-системах:
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
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
Figma
Introducing our MCP server: Bringing Figma into your workflow | Figma Blog
Today we’re announcing the beta release of the Figma MCP server, which brings Figma directly into the developer workflow to help LLMs achieve design-informed code generation.
❤20🔥6👍2
Дайджест продуктового дизайна за май 2025. Material Design 3 Expressive, интерфейсные метрики, анализ анимации, локализация, концепты, алгоритмический дизайн, accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
🔥18❤4🤔2
И снова плотный список свежих интерфейсных паттернов и практик:
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
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
Motion Log
Educational project by Sergei Diuzhev. Detailed UI animations brakedown.
❤27🔥10👍2
Новые книги о дизайне интерфейсов стали появляться реже с закрытием 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
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
Rosenfeld Media
Stop Wasting Research By Jake Burghardt
Unlock the full value of customer insights. This guide helps teams use research more effectively to fuel product innovation and cross-team collaboration.
❤37🔥16
Чемпионство по потоку свежих ссылок сейчас у интерфейсных паттернов и практик. Погнали:
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
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
Nielsen Norman Group
Supporting “Power Users” Isn’t Enough: 3 Complex-App User Types
Complex-app users don’t always fit neatly into “novice” or “expert” labels. Designing for Legacy, Legend, and Learner users leads to more inclusive, effective systems.
❤11🔥10👍4
Вести с полей пользовательских исследователей:
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
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
Quant UX Blog
Synthetic Survey Data? It's Not Data
[I write this reluctantly, because (1) AI is split into factions and this post may not change any minds; (2) it may upset some well-intentioned researchers. On the other hand, I’ve been asked and hope it is helpful.]
There is widespread discussion of...
There is widespread discussion of...
🔥14❤1👍1
Немного свежего о дизайн-системах:
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
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
Atomicdesigncourse
Atomic Design Certification Course with Brad Frost
Master design system core concepts, best practices, and how to use atomic design to create better digital products at scale
❤22👍2
Дайджест продуктового дизайна за июнь 2025. «Жидкое стекло», типы пользователей по опытности, анимация Material Design, метафоры, дизайн-менеджмент, взаимодействие менеджера продуктов и исследователя, алгоритмический дизайн, accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
🔥16❤5👍5
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
На первых тринадцати отучились около 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
Bang Bang Education
Курс «Паттерны дизайн-менеджмента» онлайн с нуля в школе Bang Bang Education
Курс «Паттерны дизайн-менеджмента» для опытных дизайнеров — о том, как дизайн-менеджмент помогает улучшать цифровые продукты не только в макетах, но и в реальной жизни. Вы изучите инструменты, методы и организационные подходы — и попробуете применить их в…
❤19🔥6
Накопил плотную подборку о дизайн-менеджменте с прошлого раза:
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
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
Substack
Design at Intercom
Intercom has truly rebooted with ambition and design is at the centre of it
❤15🔥4🤔1
Пакет обновлений о связи бренда с интерфейсом:
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
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
❤13👍6
В беготне давно не успевал собрать выпуск про алгоритмический дизайн, а тут ссылки как комары на болоте — плодятся армадой. Попробую упаковать эту сотню-другую в пару выпусков:
Взаимодействие с такими инструментами
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
Взаимодействие с такими инструментами
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
Hardik Pandya
UX Challenges with MCPs
MCP has a long way to go in its user experience to become palatable to a wider consumer base.
🔥11❤5
Продолжение выпуска об алгоритмическом дизайне, который засиделся в черновиках:
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
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
Scott Vinkle
4 ways I use AI as an accessibility specialist
As an accessibility specialist at Shopify, my mission is clear: to help create digital experiences that are inclusive and usable for Shopify merchants and buyers with disabilities. In the past, this involved weeks if not months worth of effort: manual testing…
❤13👍3🔥1
Дайджест продуктового дизайна за июль 2025. Сертификация по атомарному дизайну, фреймворк JTBD, формы, совмещение методов исследований, UX для кнопочных телефонов, менторство, алгоритмический дизайн, accessibility и десятки других свежих статей, инструментов, паттернов, кейсов, трендов и исторических рассказов.
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
Напомню, что его можно получать разными способами:
— vc.ru
— Дизайнерс
— ВКонтакте
— RSS
❤9🔥3
За месяц собрал чутка новья по лучшим интерфейсным практикам и паттернам:
1. NN/g: Принципы дизайна форм: структура, прозрачность, ясность и поддержка. Это пошаговая памятка, которая поможет разложить общую структуру и конкретные поля.
2. Гайдлайны accessibility WCAG, переписанные простым языком.
3. Creative Navy: Изучили информационную архитектуру в интерфейсах медицинского оборудования.
А ещё — как такие интерфейсы помогают пользователям разобраться в них.
4. Tom Barrasso: Как оптимизировать мобильные сайты для кнопочных телефонов. Их намного меньше смартфонов, но всё равно заметное количество.
5. NN/g: Ещё раз про то, почему важно сохранять место на странице, куда докрутил пользователь, если он возвращается назад. И приводит несколько ситуаций-исключений, где это не нужно.
6. Виталий Фридман: Памятка из полезных ссылок на тему адаптации мобильных интерфейсов для левшей.
7. A11Y Collective: Как учитывать accessibility при создании инфографики.
8. NN/g: Три вида микро-текстов в интерфейсах: информируют, влияют и помогают взаимодействовать. Как именно они используются.
#patterns
1. NN/g: Принципы дизайна форм: структура, прозрачность, ясность и поддержка. Это пошаговая памятка, которая поможет разложить общую структуру и конкретные поля.
2. Гайдлайны accessibility WCAG, переписанные простым языком.
3. Creative Navy: Изучили информационную архитектуру в интерфейсах медицинского оборудования.
А ещё — как такие интерфейсы помогают пользователям разобраться в них.
4. Tom Barrasso: Как оптимизировать мобильные сайты для кнопочных телефонов. Их намного меньше смартфонов, но всё равно заметное количество.
5. NN/g: Ещё раз про то, почему важно сохранять место на странице, куда докрутил пользователь, если он возвращается назад. И приводит несколько ситуаций-исключений, где это не нужно.
6. Виталий Фридман: Памятка из полезных ссылок на тему адаптации мобильных интерфейсов для левшей.
7. A11Y Collective: Как учитывать accessibility при создании инфографики.
8. NN/g: Три вида микро-текстов в интерфейсах: информируют, влияют и помогают взаимодействовать. Как именно они используются.
#patterns
Nielsen Norman Group
Few Guesses, More Success: 4 Principles to Reduce Cognitive Load in Forms
Four principles of form design — structure, transparency, clarity, and support — minimize users’ cognitive load and improve usability.
❤18👍4
Плотный поток свежих материалов по пользовательским исследованиям. И это я ещё не всё непрочитанное разобрал:
1. NN/g: Бесценная статья с обзором типичных отговорок, по которым компании не проводят пользовательские исследования. Самое угарное, что некоторые из них вообще не изменились за 30 лет её опыта работы. Laura Klein помогает работать с такими возражениями.
2. Jim Kalbach: Обновил свою канву для описания Jobs to Be Done. И переименовал её в JTBD Hypothesis Canvas — он хотел явно указать, что этот инструмент призван только сформулировать гипотезы для полноценного пользовательского исследования, а не заменить его. Вторая статья раскрывает корневой процесс работы в деталях.
3. Colin Chapman: Пообщался с коллегами-исследователями. Он собрал общий срез настроений о текущих рисках и страхах вроде массовых сокращений и псевдо-исследований через ИИ.
4. NN/g: Дельная памятка по комбинации качественных и количественных исследований. Как они помогают лучше ответить на вопрос исследования и как правильно совмещать их.
5. Victor Yocco: Метод пользовательских исследований «волшебник из страны Оз». Как он помогает в том числе при работе над ИИ-агентами.
6. Jeff Sauro и Jim Lewis: Отличная памятка по подбору методов количественных исследований. На какие вопросы исследования лучше ответить ими.
7. NN/g: О концепции «цифровых двойников» — когда на основе данных о реальных исследованиях с реальными пользователем делается предположение о его поведении в других ситуациях. Это что-то между реальными валидными пользователями и фейковой затеей синтетических исследований — занятно, но рисково. Несколько примеров реальных исследований с таким подходом.
8. Альфа-Банк: Комбинация методов исследований для улучшения автоматизированных депозитных машинам (аппараты для приёма наличных от корпоративных клиентов).
9. Jim Lewis и Jeff Sauro: До какой степени можно менять формулировки в стандартизированных опросниках. Так, чтобы это не повлияло на валидидность результатов.
10. Контур: Основы статистики для пользовательских исследователей простым языком. Часть 4 про коэффициенты корреляции и часть 5 про работу с репрезентативностью и выбросами.
11. Jim Lewis и Jeff Sauro: Как упростили версию стандартизированного опросника SUPR-Q для исследования мобильных. Она сократилась до 5 вопросов.
12. NN/g: Советуют не отвечать на вопрос исследования по концепции дизайна простыми «да» или «нет». Иначе выйдет либо просто валидация заранее принятого продуктовой командой решения, либо отказ от всего решения (хотя там могло быть много рабочих частей).
#research
1. NN/g: Бесценная статья с обзором типичных отговорок, по которым компании не проводят пользовательские исследования. Самое угарное, что некоторые из них вообще не изменились за 30 лет её опыта работы. Laura Klein помогает работать с такими возражениями.
2. Jim Kalbach: Обновил свою канву для описания Jobs to Be Done. И переименовал её в JTBD Hypothesis Canvas — он хотел явно указать, что этот инструмент призван только сформулировать гипотезы для полноценного пользовательского исследования, а не заменить его. Вторая статья раскрывает корневой процесс работы в деталях.
3. Colin Chapman: Пообщался с коллегами-исследователями. Он собрал общий срез настроений о текущих рисках и страхах вроде массовых сокращений и псевдо-исследований через ИИ.
4. NN/g: Дельная памятка по комбинации качественных и количественных исследований. Как они помогают лучше ответить на вопрос исследования и как правильно совмещать их.
5. Victor Yocco: Метод пользовательских исследований «волшебник из страны Оз». Как он помогает в том числе при работе над ИИ-агентами.
6. Jeff Sauro и Jim Lewis: Отличная памятка по подбору методов количественных исследований. На какие вопросы исследования лучше ответить ими.
7. NN/g: О концепции «цифровых двойников» — когда на основе данных о реальных исследованиях с реальными пользователем делается предположение о его поведении в других ситуациях. Это что-то между реальными валидными пользователями и фейковой затеей синтетических исследований — занятно, но рисково. Несколько примеров реальных исследований с таким подходом.
8. Альфа-Банк: Комбинация методов исследований для улучшения автоматизированных депозитных машинам (аппараты для приёма наличных от корпоративных клиентов).
9. Jim Lewis и Jeff Sauro: До какой степени можно менять формулировки в стандартизированных опросниках. Так, чтобы это не повлияло на валидидность результатов.
10. Контур: Основы статистики для пользовательских исследователей простым языком. Часть 4 про коэффициенты корреляции и часть 5 про работу с репрезентативностью и выбросами.
11. Jim Lewis и Jeff Sauro: Как упростили версию стандартизированного опросника SUPR-Q для исследования мобильных. Она сократилась до 5 вопросов.
12. NN/g: Советуют не отвечать на вопрос исследования по концепции дизайна простыми «да» или «нет». Иначе выйдет либо просто валидация заранее принятого продуктовой командой решения, либо отказ от всего решения (хотя там могло быть много рабочих частей).
#research
Nielsen Norman Group
Why Organizations Don’t Do User Research and How to Change That
Organizations avoid user research due to excuses like time, cost, and fear of negative feedback, leading to poor product decisions and wasted resources.
🔥18❤7👍1
Чуток дизайн-менеджмента в новой мини-подборке свежего:
1. Hardik Pandya: Тоже пишет о роли супер-эксперта-исполнителя, которая становится возможной благодаря современным ИИ-инструментам. Эта роль имеет смысл не во всех компаниях, так что он перегибает палку с отменой дизайн-менеджмента. Но общий посыл про быстрые и компактные команды, где нужны генералисты — правильный.
2. Scott Sehlhorst: Побочки вайб-кодинга со стороны здорового продуктового процесса (и заодно критика модели «двойного алмаза»). Во-первых, это иногда приводит к появлению менеджера продуктов-диктатора, который приходит к команде с готовым решением — только раньше это был wireframe в Balsamiq, а теперь — интерактивный прототип из Lovable. А во-вторых — это фокусировка на текущем понимании проблемы пользователей, хотя она сама может потребовать многократного пересмотра после первого запуска.
3. Контур: Как наставничают младших пользовательских исследователей. Как она видит весь процесс и его ключевые этапы.
4. NN/g: Формальная оценка зрелости дизайна по их модели не всегда нужна. Это так — такая точность знаний мало что даёт, а вот усилий на неё уходит выше крыши. Оценка зрелости — важный индикатор здоровья дизайна, но для улучшений достаточно её более простого и дешёвого анализа.
5. Are Halland: Фреймворк Core для работы над продуктами. Он помогает лучше понять проблему, которую решает команда и проработать её решение.
6. Slack: Как организованы DesignOps в компании. Статья не сильно насыщена инсайтами, но в ней интересно использование самого мессенджера для поддержки полезных активностей.
#designmanagement
1. Hardik Pandya: Тоже пишет о роли супер-эксперта-исполнителя, которая становится возможной благодаря современным ИИ-инструментам. Эта роль имеет смысл не во всех компаниях, так что он перегибает палку с отменой дизайн-менеджмента. Но общий посыл про быстрые и компактные команды, где нужны генералисты — правильный.
2. Scott Sehlhorst: Побочки вайб-кодинга со стороны здорового продуктового процесса (и заодно критика модели «двойного алмаза»). Во-первых, это иногда приводит к появлению менеджера продуктов-диктатора, который приходит к команде с готовым решением — только раньше это был wireframe в Balsamiq, а теперь — интерактивный прототип из Lovable. А во-вторых — это фокусировка на текущем понимании проблемы пользователей, хотя она сама может потребовать многократного пересмотра после первого запуска.
3. Контур: Как наставничают младших пользовательских исследователей. Как она видит весь процесс и его ключевые этапы.
4. NN/g: Формальная оценка зрелости дизайна по их модели не всегда нужна. Это так — такая точность знаний мало что даёт, а вот усилий на неё уходит выше крыши. Оценка зрелости — важный индикатор здоровья дизайна, но для улучшений достаточно её более простого и дешёвого анализа.
5. Are Halland: Фреймворк Core для работы над продуктами. Он помогает лучше понять проблему, которую решает команда и проработать её решение.
6. Slack: Как организованы DesignOps в компании. Статья не сильно насыщена инсайтами, но в ней интересно использование самого мессенджера для поддержки полезных активностей.
#designmanagement
Hardik Pandya
The Age of the Super IC
With emergence of AI as the new tool, there's clear signals that the IC track is becoming exciting again.
❤9👍1