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

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои… Сообщение Дайджест продуктового дизайна, март 2025 появились сначала на Юрий Ветров об интерфейсах.

Апр 27, 2025 - 01:58
 0
Дайджест продуктового дизайна, март 2025

Дайджест собирает свежие статьи по дизайну интерфейсов, а также инструменты, паттерны, кейсы, тренды и исторические рассказы с 2009 года. Я тщательно фильтрую большой поток подписок, чтобы вы могли прокачать свои профессиональные навыки и лучше решить рабочие задачи. Предыдущие выпуски: апрель 2010-февраль 2025.

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

Паттерны и лучшие практики

UX-Query — Get Answers To Any UX Question

Baymard запустили гибкий поиск по своей базе знаний паттернов и лучших практик интернет-магазинов.

Notification Psychology Lab

Разбор паттернов дизайна уведомлений в околоигровом формате.

Secure by design — A UX toolkit

Microsoft опубликовали свой фреймворк по обеспечению безопасности в дизайне интерфейсов. Он помогает минимизировать зловредное поведение, успокоить рассказом о защите и просто уменьшить количество ошибок.

Can you simplify this?

Stephen P. Anderson напоминает о четырёх способах упрощения информации в интерфейсах. Обрезать, сгруппировать, показывать поэтапно и показывать в рамках структуры.

Matching drop shadows across CSS, Android, iOS, Figma, and Sketch

Команда Bjango разбирается, почему вроде бы одинаковые тени на разных мобильных платформах и браузерах отличаются по-мелочи.

4 Ways to Improve the Post-Checkout UX

Lars Söderlund из Baymard даёт советы по удержанию пользователей интернет-магазинов после покупки товара.

Business Software UX & NPS Benchmarks (2025)

MeasuringU опубликовали новое сравнительное исследование корпоративного ПО. Как пользователи оценивают их по метрикам UX-Lite, SUS и NPS.

Дизайн-системы и гайдлайны

Design Tokens FYI

Словарь терминов в мире токенов дизайн-систем.

Sneak peek: Accessibility Addon refresh

Storybook 9 на подходе и он будет включать мощное встроенное тестирование компонентов на accessibility. Dominic Nguyen показывает, как это будет работать. Обещают простой и наглядный обзор проблем и рекомендаций по их исправлению.

SDUI — Создание дизайн-платформы для мобильного приложения ВкусВилл

Сергей Мухин рассказывает о технологическом решении дизайн-системы мобильных приложений ВкусВилл. И описывает процесс работы над ней.

How eBay Built a Bridge Between Brand and Product with Figma

Как работает команда дизайн-системы eBay.

CSS Relative Colors

Ahmed Shadeed разбирается, как работают относительные цвета в современном CSS. Он здорово продвинулся и позволяет даёт хорошую гибкость в цветовой системе, чтобы упростить токены.

Design Systems Report 2025

Сервис zeroheight провёл ежегодный опрос среди своих пользователей (около 300 ответов) на тему состояния дизайн-систем на рынке. Они собрали большой отчёт по итогу.

Понимание пользователя

Accessibility personas

Персонажи, описывающие разные ограничения возможностей у пользователей.

Tags (Accessible Games Initiative)

Масштабная инициатива от производителей приставок по поддержке accessibility в играх. На сайте есть большой каталог паттернов, которые важно поддерживать.

Best Practices for Cognitive Accessibility in Web Design

Caitlin de Rooij описывает, как учитывать когнитивные ограничения пользователей в интерфейсах. В статье собраны лучшие паттерны и практики.

Новые инструменты дизайна интерфейсов

Figma Slides

Плагины

  • DesignFast: Генерирует mesh-градиенты.
  • Variable Visualizer: Наглядно показывает все токены и связи между ними.
  • Visual Electric: Генерирует графику по текстовому запросу.

Статьи

AI Color Match

Сервис помогает перенести цветовую схему с любого изображеия-примера.

Easing Wizard

Визуальный редактор параметров CSS-анимации в браузере, который выдаёт код на выходе.

Polygonjs — WebGL Design & Animation Tool

Нодовый инструмент для работы с 3D и их анимацией в браузере.

Пользовательские исследования и тестирование

Research Debt — the hidden costs of unvalidated assumptions

Maryam Oseni описывает концепцию исследовательского долга. Он помогает определить пробелы в знаниях о пользователях.

Визуальное программирование и дизайн в браузере

Новые скрипты

Дизайн-менеджмент и DesignOps

Craft Your Leadership Plan with These 5 P’s

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

UXinsight’s UX Research Maturity Framework

Karin den Bouwmeester описывает модель зрелости пользовательских исследований UXinsight. Она интересна тем, что каждая область имеет свою зрелость.

Why Qualitative Data Belongs in Your Key Results

Christina Wodtke показывает, как можно учитывать качественные данные (например, инсайты из пользовательских исследований) при формулировании OKR.

Design for a Small Planet

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

Кейсы

Prioritizing inclusion over convention — Rethinking how we design packaging

Jay Tan рассказывает, как Microsoft учитывает accessibility при создании упаковки физических продуктов.

Брендинг цифровых продуктов

What is the value of branding in the gaming world? Koto’s CCO, Jowey Roden, shares his thoughts

Интервью с Jowey Roden (Chief Creative Officer в агентстве Koto) о том, как игровой брендинг помогает в построении вселенных. И что могут подчерпнуть в этом остальные цифровые продукты, которые хотят связать бренд с интерфейсом.

Cash App Brand Guidelines

Гайдлайны бренда Cash App в диком представлении.

История

A glimpse into the history of Windows design

Harold Gomez, Jeremy Knudsen и Kim Sealls работали над многими версиями Windows, начиная с XP. Они вспоминают эволюцию интерфейсных решений и подходов к работе над продуктом.

Тренды

Monotype Unveils 2025 Type Trends Report Re:Vision — A Creative Lens on Global Change

Обзор трендов 2025 года в типографике от Monotype.

Autodesigners on Autopilot — 2025 Design in Tech Report

John Maeda опубликовал свой ежегодный обзор трендов в дизайне 2025 года. Он в формате видео.

NaNGlyphFilters — Generative Fonts & Scripts

Подборка генеративных шрифтов, которые можно подключить через Google Fonts.

Алгоритмический дизайн

Agent Experience

Netlify предолжили новый термин «Agent Experience» для оптимизации продуктов под ИИ-агентов. CEO компании Mathias Biilmann описывает своё понимание этого термина.

Four areas of (UXR) thinking about AI

Chris Chapman думает вслух о пользе и вреде ИИ в работе пользователького исследователя (и не только). Он рассматривает всё через 4 критерия: польза, эстетика, общество и этика.

NEX — AI Built for Brands

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

Introducing 4o Image Generation

В ChatGPT 4o добавили самую актуальную версию генератора изображений. Это породило лавину массового копирования жанров и форматов: студия анимации Ghibli, игрушки в упаковке, советские плакаты и т.п. Отчасти благодаря этому он продолжает набирать аудиторию дикими темпами — прибавили 1 млн пользователей за час. Примеры того, что он умеет. Кстати, теперь все сгенерированные изображения лежат в разделе Library, откуда их можно ещё и редактировать.

ShaderGPT

Генератор браузерного кода для шейдеров анимации по текстовому запросу.

Lovable

Генератор сайтов по текстовому описанию, скриншоту или макету в Figma. Можно отдельно дорабатывать конкретный блок. Можно подключить GitHub и редактор кода.

Introducing Roblox Cube — Our Core Generative AI System for 3D and 4D

Roblox запустили свой генератор интерактивных 3D-объектов по текстовому описанию (позже смогу и на основе изображения).

Shapen — Create 3D models from images

Генератор 3D-моделей на основе изображения и текстового описания.

Same

Экспериментальный инструмент позволяет проанализировать и воспроизвести дизайн и код существующего сайта. Дальше можно самому докручивать его.

Dear Student: Yes, AI is here, you’re screwed unless you take action

Толковый анализ Geoff Huntley по поводу того, как повлияет ИИ на будущее работы разработчиков разного уровня.

Comparing local large language models for alt-text generation

Dries Buytaert сравнил 12 больших языковых моделей для генерации ALT-текстов для изображений на своём сайте.

Manus

Китайский ИИ-агент, который работает в фоновом режиме в разных программах и вкладках одновременно.

Dylan Field and Garry Tan on design, AI, and the power of “locking in”

Беседа главы Figma Dylan Field и Garry Tan (глава Y Combinator) о влиянии ИИ на дизайн, а также прошлом и будущем инструмента.

A Brief Rant Against Using AI For Learning

Отличная метафора Stephen P. Anderson, показывающая бессмыслицу обучения через простое суммирование информации, на которую часто упирают ИИ-сервисы. Это как с играми — цель сам процесс, нет смысла быстро выиграть.

Reve

Генератор изображений по текстовому запросу. Он умеет в советскую и пост-советскую эстетику.

OpenAI adopts rival Anthropic’s standard for connecting AI models to data

OpenAI поддержала протокол MCP для ИИ-агентов, который позволяет управлять приложениями для компьютера.

Ideogram 3.0

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

Runway Restyle

Runway может стилизовать видео по примеру с помощью новой функции Restyle. Умельцы научились превращать базовые 3D-фигуры в полноценные сцены.

LHM — Large Animatable Human Reconstruction Model for Single Image to 3D in Seconds

Экспериментальный инструмент от Alibaba копирует движения персонажей из видео-примера и применяет их к целевому изображению другого персонажа. Попробовать.

Introducing Stable Virtual Camera — Multi-View Video Generation with 3D Camera Control

Создатели Stabie Diffusion добавили управление камерой — можно собрать сцену из разных изображений, задать траекторию движения самому или выбрать один из вариантов.

VACE — All-in-One Video Creation and Editing

Модель для генерации и редактирования видео от Alibaba.

Mirage — The first UGC Foundation Model

Генератор видео реалистичных аватаров людей на основе просто голоса, без фото.

Китайская Hailuo AI выпустила генератор изображений — в нём есть функция создания рекламных баннеров

Генератор видео Hailou теперь может и в изображения.

Outset — The AI-Moderated Research Platform

Сервис помогает пользовательским исследователям проводить и анализировать сессии с пользователями с помощью ИИ.

OpenAI.fm

OpenAI выпустили модели для создания голосовых помощников, озвучивания и расшифровки текста. Демо-сайт позволяет попробовать в деле.

Trapping misbehaving bots in an AI Labyrinth

Cloudflare добавили защиту от ИИ-ботов, обучающихся на вашем контенте — их загоняют в лабиринт из фейкового контента.

Fly Pieter

Pieter Levels написал простой авиасимулятор с помощью связки Cursor и Claude 3.7 без опыта игровой разработки. Он даже зарабатывает на нём.

New tools for building agents

OpenAI открыли API для создания ИИ-агентов на базе ChatGPT.

Gemini Live Video

Google Gemini сможет распознавать предметы через камеру телефона.

Google Search AI Mode

Google запустили AI Mode в поиске, который даёт развёрнутые ответы на вопросы со ссылками.

Google Gemini Canvas

Google Gemini добавил режим Canvas для работы с текстом и кодом.

Yandex Art 2.5

Вышла новая версия генератора изображений. Она лучше работает с текстами и работает со стилем.

Meet Opera’s AI Browser Operator

Opera запускает своего ИИ-агента в браузере Operator. Он поможет с покупкой товаров, билетов, гостиниц.

Microsoft Dragon Copilot

Помощник в принятии решений для врачей.

Microsoft Copilot for Gaming

Microsoft готовит к запуску Copilot for Gaming. Он будет помогать в прохождении игр.

It only took a day for LA Times’ new AI tool to sympathize with the KKK

Газета LA Times запустила эксперимент с написанием статей через ИИ. Он моментально стал расистом

Italian newspaper says it has published world’s first AI-generated edition

Итальянская газета Il Foglio выпустила экспериментальный номер, полностью написанный ИИ.

Prime Video begins an AI dubbing pilot program on licensed movies and series

Amazon пробует ИИ-дубляж для отдельных фильмов.

Для общего и профессионального развития

Amazon Principal UX Designer. What do I actually do?

Valentina Ferrari рассказывает, чем занимается principal (дизайнер-эксперт) в Amazon.

Люди и компании в отрасли

Karri Saarinen: 10 Rules for Crafting Products That Stand Out

Karri Saarinen, со-основатель культового сервиса для управления проектами Linear, приводит свои принципы создания качественного продукта. Они уделяют много внимания в том числе качеству дизайна.

Подпишитесь на дайджест в Телеграме ― там свежие ссылки появляются каждую неделю, а также в RSS, ВКонтакте или на vc.ru. Отдельный благодарчик команде Сетки за редактор. А ещё — командам Funky Branding за новую айдентику и Бюробукв за шрифт (они пока в бета-версии и будут докручиваться в течение года). Сто тыщ респектов Александру Орлову за прошлые два визуальных стиля.

Сообщение Дайджест продуктового дизайна, март 2025 появились сначала на Юрий Ветров об интерфейсах.