Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-март 2025.
Паттерны и лучшие практики
Translating Motion into Code
Stephanie Martin показывает, как передавали в разработку анимацию сложного экрана мобильного приложения Wise с кучей состояний. Это динамические и статические спецификации — они детально показаны в статье.
10 UX Requirements for Homepage Carousels
Советы по улучшению каруселей в интернет-магазинах в большом вебе и на мобильных от Edward Scott из Baymard.
Catching up on accessibility with AI chat
Mike Gower разбирает способы улучшить accessibility интерфейса чата с ИИ-ассистентом.
Skip links — what, why, and how
Martin Underhill показывает, почему важны быстрые ссылки для перехода к основному контенту для поддержки accessibility. И как прикрутить их к сайту.
How to write error messages that actually help users rather than frustrate them
Советы по написанию толковых сообщениях об ошибках в интерфейсе от Amy Hupe.
Prompt Suggestions
Kate Moran и Tim Neusesser дают советы по грамотному проектированию подсказок в ИИ-чат-ботах. Они могут обучать пользователей возможностям бота, дополнять запрос и предлагать следующие запросы в диалоге.
4 Ways to Improve Ecommerce Mass Merchant UX
Советы по улучшению интерфейсов интернет-магазинов-агрегаторов от Lars Söderlund из Baymard.
What Does It Really Mean For A Site To Be Keyboard Navigable
Памятка по поддержке навигации с клавиатуры для поддержки accessibility от Eleanor Hecks.
Sustainability in Ecommerce — 5 Best Practices
Sonia Sousa из Baymard показывает, как интернет-магазины, заботящиеся об окружающей среде, могут рассказывать об этом на своих сайтах и в приложениях.
Дизайн-системы и гайдлайны
Design Systems Tactics
Серия методов и статей по менеджменту дизайн-систем от Ness Grixti из Wise. Анонс и обзор.
Тёмная тема оформления
Inclusive Dark Mode — Designing Accessible Dark Themes For All Users
Alex Williams показывает, как улучшить контраст цветов в тёмной теме оформления для пользователей с нарушениями зрения.
Diátaxis
Фреймворк помогает грамотно структурировать и понятно писать гайдлайны и техническую документацию в целом.
SaaS UI — Free Illustrations for your Documentation or Design System
Шикарная коллекция простых кусков интерфейса в виде wireframes, которые отлично подходят для документации дизайн-системы. Версия для Figma.
Assessing Business Maturity for a Design System
Ness Grixti из Wise просит помнить о том, что дизайн-система должна соответствовать зрелости самой компании. Если проталкивать более сложные внедрения там, где в них меньше потребности — можно сжечь зря кучу ресурсов и здоровья. Она предлагает оптимальный план действий для разных ситуаций.
Design Tokens Name Generator
Romina Kavcic запустила генератор названий токенов для разных категорий.
Новые инструменты дизайна интерфейсов
Figma
Развитие ИИ-функций: редактирование изображений по текстовому запросу, автоматическое именование слоёв. Также прикрутили много небольших, но полезных обновлений для работы с дизайн-системами. Они также собрали список рекомендуемых плагинов на тему. Ну и ещё запускают связку проектов между двумя командами (например, агентство и заказчик). А, кстати: появился ещё и встроенный генератор QR-кодов с нужной стилизацией.
Купили экспериментальный инструмент дизайна и анимации Modyfi. Судя по быстрому закрытию продукта, это скорее acquihire команды.
Плагины
- html.to.design: Импорт HTML-кода теперь умеет работать с Cursor и использовать протокол MCP.
Статьи
Canva Visual Suite 2.0 — Productivity, meet creativity
Большое обновление интерфейса и визуального стиля, а также мощное расширение возможностей. Во-первых, работа с разными форматами и жанрами теперь в едином пространстве. Во-вторых, появились таблицы для простых людей, которые в том числе развивают массовые операции Magic Studio. В-третьих, теперь есть работа с диаграммами. В-четвёртых, появился редактор изображений. Ну и, само собой, можно вайб-кодить веб-проекты.
Пользовательские исследования и тестирование
Jake Burghardt — Stop Wasting Research
Rosenfeld Media выпускают книгу Jake Burghardt «Stop Wasting Research». Она посвящена базам знаний и инсайтов из пользовательских исследований (или репозиториям исследований).
Using data-driven storytelling to shape product strategy
Jane Hext из Adobe описывает свой подход к выводам из пользовательских исследований, которые затрагивают несколько важных тем для разных команд и заказчиков. Как выделить эти темы и правильно подать выводы коллегам.
Using AI Tools to Augment User Experience Research Workflows
Adam Malamis описывает, как использует ИИ для бытовых задач при проведении пользовательских исследований.
Analyze Usability Test Data in 4 Steps
Быстрая памятка Maria Rosala из Nielsen/Norman Group по анализу сессий юзабилити-тестов.
Convenience vs. Probability Sampling in UX Research
Rachel Banawa из Nielsen/Norman Group описывает два подхода к выборке респондентов для пользовательских исследований: по мере набора и по вероятности.
6 Dimensions for Assessing Usability Data in Analysis
Maria Rosala и Feifei Liu из Nielsen/Norman Group описывают 6 критериев оценки результатов юзабилити-тестов. Они помогают понять, можно ли считать данные определённой сессии валидными.
Исследовательские процессы — с чего начать и что делать
Юлия Тарасенко из Контура описывает три стадии зрелости продуктовой команды и компании в плане работы с пользовательскими исследованиями. И показывает, что важно делать на каждой из них.
Grading Scales for the UX-Lite
Jim Lewis и Jeff Sauro описывают шкалу оценок для интерфейсной метрики UX-Lite.
Quantifying JTBD with Dom Ricchetti
Dominic Ricchetti, который работал в Microsoft и ServiceNow, описывает свой подход к ранжированию потребностей пользователей в формате Jobs to Be Done.
Визуальное программирование и дизайн в браузере
Item Flow, Part 1 — A new unified concept for layout
Команда WebKit работает над новым подходом к сеткам в CSS «item flow», который склеивает вместе разные подходы.
CSS Bursts with Conic Gradients
Chris Coyier показывает, как сделать «вспышки» с помощью конических градиентов на CSS.
Метрики и ROI
How to Select a UX Metric
Jeff Sauro и Jim Lewis описали памятку по выбору интерфейсных метрик из своей большой шапаргалки.
Дизайн-менеджмент и DesignOps
How To Build A Business Case To Promote Accessibility In Your B2B Products
Gloria Diaz Alonso показывает, как донести до бизнеса необходимость улучшения accessibility. Отличный пример зрелого и системного подхода к внедрению любой инициативы по дизайну.
Tools don’t design, people do (yes, this is a little about AI)
Peter Merholz размышляет на тему того, должна ли карта компетенций для продуктового дизайнера учитывать ИИ-инструменты? Или оставаться вне конкретных продуктов типа Figma, а фокусироваться на решении конкретных задач.
Петя и карточка, которая все не вмещала
Вячеслав Каграманов описывает типичную историю ухудшения и без того проблемного дизайна продукта. Почему обычно вместо решения застарелого дизайн-долга он только накапливается.
Fostering An Accessibility Culture
Советы Daniel Devesa Derksen-Staats по развитию культуры улучшения accessibility в компании.
Продуктовый менеджмент и аналитика
Why are big tech companies so slow?
Sean Goedecke делится своим мнением: почему большие компании медленно внедряют обновления? Его версия — математическая зависимость между количеством функциональности и их взаимозависимостью, которая тормозит процесс.
Методологии, процедуры, стандарты
Evolving human-centered design, part 1
Серия статей Microsoft о том, что работает и нет в классическом процессе дизайна, ориентированного на пользователя. Colton Perry напоминает его основные этапы и подсвечивает белые пятна.
Кейсы
Version Control: Three Ways Figma Explored Horizontal Scrolling
Jenny Xie рассказывает, как команда Figma решала простую на вид задачу — добавить горизонтальную прокрутку к панели слоёв. Какие варианты они перебирали и с какими проблемами сталкивались.
Version Control: How a UX Writer Weighs One Word Against Another
Henry Freedland рассказывает, как команда Figma искала хорошее название для возможности использовать прототип в офлайне. Какие варианты они перебирали и с какими проблемами сталкивались.
Брендинг цифровых продуктов
How a Rounded Aesthetic Translates Beauty to Function and Prosociality — The Persuasive Effects of Warmth
Shuer Zhuo и Jeeyun Oh проверили серию гипотез о том, что большие скругления в интерфейсе добавляют теплоты, а значит и доверия. Они показали хорошую цепочку гипотез о характере выражения бренда в интерфейсе и методов их проверки. Хотя вывод про обязательность теплоты и мягкости слишком заряженный.
Amazon
Это один из самых масштабных проектов по обновлению цифровых продуктов за последние 5-10 лет, в котором много интереснейших зацепок для зоркого глаза (например, рифма иконок с улыбкой из лого). Эта работа британо-американского агентства Koto войдёт в историю.
Uniqode
Ребрендинг сервиса публикации и отслеживания QR-кодов для бизнеса от британо-американского агентства Koto.
Gutenberg Tech
Ребрендинг образовательных инструментов от шведского агентства Self Studio.
Cazoo
Ребрендинг площадки по продаже подержанных машин от британского агентства Fold7Design.
Hovr
Ребрендинг инструмента для быстрого создания сайтов гостиниц и в целом компаний в теме путешествий от американского агентства The Collected Works.
Equator
Ребрендинг туристического сервиса от новозеландского агентства For the People.
The sound of innovation — How audio designers are redefining digital experiences
Celeste Moure бегло описывает подход Microsoft к звукам в интерфейсе. Статья без особых деталей, но они появляются нечасто на эту тему, так что хоть что-то.
История
Infinite Mac
Эмулятор разных версий MacOS и операционной системы компьютеров NeXT в браузере.
GeoCities Website Maker — Transform Modern Sites into 90s Style
Потешный конвертер современных сайтов в винтажные реликты с GeoCities.
Тренды
Алгоритмический дизайн
Magic Animator — Animate in seconds
Создатели Lottie запускают генератор анимации на основе макетов Figma с описанием по текстовому запросу.
UX design for agents
Microsoft сформулировали свои принципы дизайна ИИ-агентов. Они разбиты по трём категориям: пространство, время и ядро.
Midjourney V7 Alpha
Новое поколение модели. Появился черновой режим для творческих поисков — изображения похуже качеством, зато генерируются намного быстрее.
Нейронке не нужно время, чтобы настроиться и собраться с силами
Как Альфа-Банк использует алгоритмический дизайн для создания 3D-иллюстраций.
Точка: Сервисы генерации нейросетью
Генератор сайтов, логотипов и изображений от банка для предпринимателей Точка.
Adaptive Computer
Генератор сайтов и приложений для компьютера по текстовому запросу.
Usable Chat Interfaces to AI Models
Luke Wroblewski пишет о типичной проблеме ИИ-чат-ботов — они выдают много развёрнутых ответов, так что пользователю потом сложно копаться в этой длинной простыне. Он приводит несколько интерфейсных паттернов для её решения.
The Evolution of AI Products
Luke Wroblewski показал, как менялось взаимодействие с современными ИИ-продуктами и их интерфейсы.
Product-Specific GenAI Needs to Write for the Web
Taylor Dykes из Nielsen/Norman Group разбирает интерфейсные проблемы в выдаче ответов ИИ-чат-ботов. Они часто выдают информацию, которую сложнее сканировать и пробираться через избыточность.
Horseless Carriages
Pete Koomen размышляет о том, почему часть интерфейсов текущих ИИ-продуктов напоминает первые автомобили, имитирующие повозки с лошадьми. И пробует предложить решение на примере генератора писем.
AI 2027
Прогноз развития ИИ к 2027 году от Daniel Kokotajlo, Scott Alexander, Thomas Larsen, Eli Lifland и Romeo Dean. Каждый период подробно расписан с рационализацией авторов.
The 2025 AI Index Report
Отчёт о трендах в ИИ на 2025 год от Стенфордского университета.
Fashion giant H&M plans to use AI clones of its human models. Not everyone is happy
H&M экспериментирует с генеративными двойниками своих фотомоделей. Они снимают дополнительные сюжеты без привлечения человека (за них тоже платят).
How I use generative AI in branding
Charlota K. Blunarova показывает, как использует алгоритмический дизайн при работе над айдентикой для клиентов. В статье серия примеров разных проектов и фото/иллюстраций/3D для них.
Arcade AI — Design Unique Products with AI and Artisans
Сервис алгоритмического дизайна с необычной концепцией — можно сгенерировать ювелирные украшения или декор для дома, а дальше реальные мастера доведут концепт до ума и изготовят в реальности.
There is no Vibe Engineering
Сергей Целовальников рассуждает о вайб-кодинге. Главная проблема этого дискурса — работа цифрового инженера шире просто кодинга и автор показывает, почему.
Firebase Studio
Среда разработки от Google, где можно генерировать сайты, мобильные приложения и игры. Можно импортировать существующий проект и публиковать результаты на GitHub или другом репозитории.
Higgsfield
Генератор видео, который умеет в кинематографические эффекты и работу с камерой.
Krea Stage
Возможность создавать 3D-сцены, генерируя и настраивая отдельные объекты.
Luma Camera Angles
Генератор видео Luma добавил возможность задать ракурс камеры вроде селфи или от первого лица.
Announcing the Agent2Agent Protocol (A2A)
Google запустили протокол A2A (Agent2Agent) для общения ИИ-агентов между собой.
One-Minute Video Generation with Test-Time Training
Экспериментальный генератор видео от Nvidia и Стэнфордского университета, который умеет делать сложные сюжетные истории. Авторы показали примеры на базе Тома и Джерри.
SkyReels-V2 — Infinite-length Film Generative model
Генератор видео без ограничений по длине.
When (and When Not) to Use AI in Digital Product Development
Christina Wodtke грамотно разложила ситуации в управлении продуктами, где ИИ может помочь. И, наоборот, — превратить всё в профанацию.
Values in the wild — Discovering and analyzing values in real-world language model interactions
Anthropic провели интересное исследование 700 000 диалогов с Claude. Какие ценности транслирует чат-бот и какие вообще должен?
The artifact isn’t the art — Rethinking creativity in the age of AI
Ashish Bhatia размышляет о природе и роли креативности в эпоху ИИ-инструментов дизайна.
MoCha — Towards Movie-Grade Talking Character Synthesis
Генератор видео от Меты, который умеет показывать диалог между двумя персонажами.
Dreamina — Free AI Image Generator. Create Art & Images from Text
Генератор видео говорящего персонажа от CapCut на основе изображения, а также текста речи или её аудио-дорожки.
Perplexity’s AI voice assistant is now available on iOS
У Perplexity появился голосовой помощник в мобильном приложении.
Microsoft Copilot — Your AI Companion
Большое обновление Microsoft Copilot. Actions в духе ИИ-агентов, организация наработок в страницы, генерация подкастов и всякое другое.
The Kindle’s new Recaps feature will catch you up on a book series
Kindle научился пересказывать некоторые книги.
Cluely
ИИ-сервис для жульничества на собеседованиях — добавляет невидимый в Zoom и других звонилках слой, где можно видеть подсказки при выполнении тестовых заданий.
PageOn
Генератор презентаций по текстовому описанию.
Augment Code – Developer AI for real work
ИИ-агент для написания кода, который работает как надстройка над VS Code, IntelliJ IDEA и Vim.
Human-centered AI Handbook
Памятка по дизайну человеко-ориентированных ИИ-сервисов от компании ServiceNow.
Made with Vibe — AI Projects Directory. Vibe Coding Showcase
Подборка примеров сайтов и приложений, собранных с помощью ИИ-генераторов.
Making P.E.E.C.E. With AI. A framework I created to organize my understanding all things AI/LLM
Мастер осмысления любой информации Stephen P. Anderson предлагает фреймворк P.E.E.C.E. для понимания того, как ИИ-продукты и решения влияют на рынок и людей.
We made an ad with generative AI
Jay Tan рассказывает, как Microsoft использовали алгоритмический дизайн в новом рекламном ролике компьютера MS Surface. Они сгенерировали часть сцен, которые удачно работают со сценарием ролика.
How AI and Human Behaviors Shape Psychosocial Effects of Chatbot Use — A Longitudinal Controlled Study
MIT провели большое и длительное исследование того, как общение с ИИ-чат-ботами влияет на жизнь пользователей. Чем дольше и глубже вовлечённость человека — тем больше негативных побочек вроде одиночества и эмоциональной зависимости.
Для общего и профессионального развития
Design Isn’t Dead. You Sound Dumb
Программная статья Nate Schloesser о том, что дизайн как профессия стал более зрелым, а значит к нему больше конкретных требований и ожиданий. Многие восприняли критические вопросы к профессии как предъяву и недоверие, а то и стали кричать о смерти дизайна. Но речь в первую очередь о том, что волна доверия по умолчанию частично схлынула, хотя ценность не исчезла.
Design Guidance — Principles, Patterns, Heuristics, and Team Charters
Rachel Krause из Nielsen/Norman Group описывает суть принципов, паттернов, эвристик и уставов команды, а также разницу между ними.
The value of UX Design in a “product organisation”
Dan Ramsden размышляет о современной роли дизайна в продуктовых компаниях. Как она поменялась за последние годы и где должна быть ценность.
Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.
