Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-август 2024.
Исследование: Отношение к продуктовым дизайн-командам в России
Пятый год я провожу исследование: какие дизайн-команды в отечественных продуктовых компаниях самые сильные? С прошлого года результаты стали открытыми (результаты за 2023, 2021, 2020, 2019 и 2018).
Такой рейтинг будет полезен рынку. Дизайнерам — лучше понимать, где есть хорошие вызовы и комфортная среда для профессионального роста. Компаниям и дизайн-командам — видеть, что нужно докачать.
Паттерны и лучшие практики
The Best Embedded GUI Design Software — Benchmarking & Guidance
Агентство Creative Navy анализирует специализированные приложения, которые помогают создавать интерфейсы для встраиваемых экранов (авто, бытовая техника и т.п.).
Kate Kaplan — Digital Icons That Work. A Comprehensive Guide to Enhancing User Experience with Effective Iconography
Nielsen/Norman Group запустили своё издательство NN/g Press и выпустили первую книгу Kate Kaplan «Digital Icons That Work» о дизайне иконок. Анонс и основные тезисы.
Apparel & Accessories Sites — Always Provide an Aggregate “Fit” Subscore in the Reviews
Iva Olah из Baymard говорит о важности подборок отзывов пользователей о том, подходит ли размер одежды и обуви. Иначе им приходится самим пробираться через этот поток отзывов.
How To Manage Dangerous Actions In User Interfaces
Виктор Пономарёв показывает, как снизить опасные последствия при рискованных операциях в интерфейсе. Это разные паттерны с нюансами применения.
The UX of Social Media in 2024
MeasuringU опубликовали новое сравнительное исследование сайтов и приложений социальных сетей. Как пользователи оценивают их по метрикам SUPR-Q и NPS.
Дизайн-системы и гайдлайны
The Fallacy of Federated Design Systems
Nathan Curtis дополнил свою легендарную статью об организационных моделях команды дизайн-системы. Многие ошибочно посчитали федеративную модель лучшей, хотя она работает ограниченно. Он в деталях описывает, почему.
The ultimate Design Tokens setup or how to manage design tokens across your org
Мощная инструкция по работе с токенами в дизайн-системах от Lukas Oppermann. Особенности реализации в коде и дизайне, советы по управлению процессом и поддержке.
Should a product adopt your design system?
Nathan Curtis предлагает шпаргалку для продуктов разной стадии зрелости — надо ли внедрять дизайн-систему?
Design Systems That Spark Joy — Rethinking Layout For Scalability
Maria Christopher рассказывает о переосмыслении подхода к компонентам в дизайн-системе Uber. Они стали делать меньше сложносочинённых компонентов в пользу вложенности более простых.
Designing design systems — Supporting implementation and adoption
Lynn Hao показывает, как дизайн-система Adobe описывает примеры компоновок экранов и другие правила работы с ней. А также информирует пользователей об обновлениях.
Storybook 8.3 — Blazing fast component tests
Продолжают развивать возможности тестирования компонентов — интегрировали платформу Vitest. Самое главное — теперь релизы для React и React Native будут синхронизированы.
Понимание пользователя
When do people rest and cheat? Understanding cheat days and rest days
Hassan Aleem рассказывает о перерывах в тренировках и диетах, которые обычно есть в жизни пользователей. Важно планировать продукты для отслеживания здоровья с учётом этого, чтобы не создавать лишнего давления.
Why do Personas underdeliver to design teams?
О проблемах метода персонажей давно известно и много написано. Irith Williams сделала ещё один хороший разбор.
Информационная архитектура, концептуальное проектирование, контент-стратегия
Customer Journey Mapping
Шаблон customer journey map в Miro и FigJam от Ed Biden. И сопроводительная статья Lottie Swift с процессом создания такой карты.
When information architectures collide — using IA to optimise product integration
Dan Ramsden приводит примеры конфликтов информационной архитектуры продуктов, которые возникают по разным граням.
Новые инструменты дизайна интерфейсов
Figma
Перезапустили встроенные возможности алгоритмического дизайна под названием «First Draft». Она фокусируется на создании первых набросков интерфейса разных уровней детализации — от wireframe до полноценного макета. Сейчас они прорабатывают интеграцию с дизайн-системами компаний.
Webflow
Теперь умеет использовать проекты из инструмента анимации Rive.
Shots
Генератор макетов устройств для эффектной подачи интерфейсов.
Пользовательские исследования и тестирование
Kate Towsey — Research That Scales. The Research Operations Handbook
Rosenfeld Media выпустили книгу Kate Towsey «Research That Scales» о ResearchOps. Kate — одна из главных идеологов масштабирования исследований в компаний и лучший возможный автор книги на эту тему.
The State of User Research Report 2024
Свежий ежегодный отчёт сервиса User Interviews о состоянии профессии пользовательских исследований.
What’s A User Feedback with a Severity Scale?
Памятка сервиса User Interviews по ранжированию обратной связи от пользователей. Их собственная шкала и её использование для разных способов сбора обратной связи.
In Search of a Clutter Metric for Websites
Jim Lewis и Jeff Sauro запустили изучение способов замерить «замусоренность» интерфейса. В первой части они изучают уже существующие наработки других исследователей. В следующих попробуют вывести свой собственный опросник.
Making UX Research Essential to Your Company’s Success
Советы сервиса User Interviews по тому, как пользовательские исследования могут лучше показывать пользу для продуктовой команды. Это помощь в принятии решений и отслеживании прогресса всей компании.
Minimum Viable Research — A Practical Guide
Памятка по ключевым пунктам подготовки и проведения пользовательских исследований от Nick Lioudis из User Interviews.
The Participant Recruitment Platform Buyer’s Guide
Советы сервиса User Interviews по выбору сервиса для поиска респондентов для пользовательских исследований.
Визуальное программирование и дизайн в браузере
The Already-Here Future of Prototyping
Brad Frost показывает свой текущий процесс прототипирования в коде.
Метрики и ROI
Erin Weigel — Design for Impact
Rosenfeld Media выпустили книгу Erin Weigel «Design for Impact» о проведении A/B-тестов. Она полезна и дизайнерам, и другим участникам продуктовой команды.
Дизайн-менеджмент и DesignOps
Rachel Posman & John Calhoun — The Design Conductors. Your Essential Guide to Design Operations
Rosenfeld Media открыли предзаказ на книгу Rachel Posman и John Calhoun «The Design Conductors» о дизайн-менеджменте / DesignOps.
Кейсы
Prioritizing craft in Recap, our newest AI-powered feature
Как дизайн-команда Slack прототипировала и помогла запустить функцию recap (обзор главного в каналах и чатах).
Брендинг цифровых продуктов
Headspace
Ребрендинг сервиса ментального здоровья Headspace от американского агентства Italic Studio.
Embracing Vibrant Universality in Fluent Illustrations
Microsoft обновили свои иллюстрации для лучшего попадания в дизайн-систему Fluent. Jay Tan и Alexis Copeland рассказывают об их принципах.
Figma on Figma — Our Latest Brand Refresh
Figma обновила бренд. Команда рассказывает о предыстории и процессе его создания. А во второй статье — о работе над шрифтом.
Fluz
Ребрендинг финтеха Fluz от британско-американского агентства Koto.
VSCO
Ребрендинг фотоприложения VSCO от испанского агентства EST +6.
PayPal
Ребрендинг финтеха PayPal от американского агентства Pentagram.
Fitbit Ace
Айдентика умных часов Fitbit Ace от британско-американского агентства Koto.
Chime
Ребрендинг необанка Chime от американского агентства Jones Knowles Ritchie.
Quilt
Ребрендинг домашней климатической системы Quilt от американо-голландского агентства Manual.
Envato
Ребрендинг магазина шаблонов Envato, сделанный внутренними силами (больше).
From stale to stand out
Принципы дизайна и голос бренда финтеха Wise, к которым они пришли в ходе недавнего ребрендинга. Rachael Jones рассказывает об их создании.
Aria
Ребрендинг финтеха Aria от британского агентства Together.
Amply
Ребрендинг рекламной платформы Amply от британского агентства Rowdy Studio.
Twitch
Ребрендинг стримингового сервиса Twitch от американского агентства Porto Rocha.
Ctrl Wallet
Ребрендинг финтеха Ctrl Wallet от французского агентства Le Fruit.
Eppo
Ребрендинг платформы A/B-тестирования Eppo от британского агентства Moving Brands.
Veeps
Ребрендинг видео-сервиса Veeps от американского агентства Porto Rocha.
Stitch Fix
Ребрендинг сервиса подбора одежды Stitch Fix.
Тренды
Алгоритмический дизайн
Flux
Генератор фото и иллюстраций по текстовому запросу от выходцев из Stable Diffusion. Как работать с ним.
Leverage AI for Mock Tables and Charts When Testing Prototypes
Памятка Evan Sunwall из Nielsen/Norman Group по генерации контента для интерактивных прототипов с помощью ChatGPT или Claude. Как получить его и вставить в прототип.
Accelerating Research with AI
Kate Moran и Maria Rosala сделали ещё один разбор методов пользовательских исследований, где имеет смысл использовать ИИ-сервисы. И ещё раз напомнили, где это профанация.
Adobe Firefly Video
Adobe Firefly скоро запустит генерацию видео. Будет работать по текстовому запросу или на основе существующей картинки. Можно также расширить существующее видео.
Runway Video to Video
Теперь можно стилизовать существующее видео. Можно поменять стиль в целом, время суток, погоду или добавить спецэффекты.
YandexART (Vi)
Теперь умеет генерировать короткие видео.
OpenAI o1
Новая модель, которая заточена под рассуждения при решении задач (например, в точных и естественных науках). Отладка кода тоже стала лучше.
Your Sparkles Are Fizzling
Josh Clark просит перестать уже использовать иконку «две искры» для любой заплатки «тут у нас ИИ». Зачастую это просто функции, которые полезны и без этой приставки.
Microsoft Copilot Pages
Инструмент совместной работы с результатами выдачи чат-бота. Облегчает сбор информации по проекту из кучи источников.
Study: Drivers are Tired of New Car Tech
Большое исследование J.D. Power показывает, что водителям зачастую не нужны избыточные технологические и интерфейсные решения в машинах.
Для общего и профессионального развития
NN/g’s Free UX Templates and Guides
Nielsen/Norman Group часто делятся полезными шаблонами и гайдлайнами. Они собрали всё это на одной странице.
Leah Buley & Joe Natoli — The User Experience Team of One (2nd Edition)
Rosenfeld Media выпустили второе издание книги Leah Buley и Joe Natoli «The User Experience Team of One».
Everything that turned out well in my life followed the same design process
Henrik Karlsson рассуждает о концепции «самораскрывающегося» дизайн-процесса на контрасте с подходом от видения. Статья на грани дизайна и личной жизненной философии, но больно удачно сформулирована.
Люди и компании в отрасли
A Book Apart is Now Closed
Закрылись A Book Apart — одно из главных и старейших издательств книг по дизайну интерфейсов.
Материалы конференций
Disco Conf 2024 by Maze
Конференция Disco Conf от сервиса пользовательских исследований Maze пройдёт 17 октября в интернете.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
