Patterns

Yury Vetrov

Свежие интерфейсные паттерны и лучшие практики для дизайна

Ещё немного свежих интерфейсных паттернов и лучших практик:

  1. UX Ray 2.0: Baymard обновили свой инструмент автоматического анализа интерфейса сайта. Теперь он не только выдаёт рекомендации по улучшению, но и делает ранжированный по приоритетам план улучшений. И поможет сравниться с другими сайтами. 
  2. Milan Balać: Интерфейсные паттерны современных телеви…
11
Yury Vetrov

Пакет обновлений о связи бренда с интерфейсом:

  1. Muse Group: Семейство музыкальных сервисов от американского агентства Collins. Шоурил, где показано приземление на интерфейсы. Я уже писал о том, как мы делали этот проект — но теперь появилось больше материалов. 
  2. Shuer Zhuo и Jeeyun Oh: Проверили серию гипотез о том, что большие скругления в интерфейсе добавляют теплоты, а значит и доверия. Они пок…
Yury Vetrov

Интерфейсные паттерны и практики: как улучшить пользовательский опыт

Чемпионство по потоку свежих ссылок сейчас у интерфейсных паттернов и практик. Погнали: 

  1. NN/g: Рассматривать пользователей корпоративных приложений как либо новичков, либо экспертов — неправильно. Они предлагает другую категоризацию: Legacy (используют давно, но знают только самую базу), Legend (глубоко знают интерфейс) и Learner (эксперты в предмет…
Yury Vetrov

И снова плотный список свежих интерфейсных паттернов и практик: 

1. Motion Log: Сайт анализирует анимацию мобильных приложений и позволяет покадрово рассмотреть, что происходит при переходах. 

Yury Vetrov

Некоторое количество свежих интерфейсных паттернов и лучших практик:

  1. Mural: Как поменялся дизайн-процесс и вообще отношение к дизайну интерфейсов при переходе от предопределённых к вероятностным продуктам. В статье отличный чеклист того, как меняются привычные подходы. И толковая инструкция по переходу в новый мир
  2. Layers: Набор навыков для ИИ, которые помогают прорабатывать разные уровни дизайна интерфейса. От общих…
Yury Vetrov

Что нового среди лучших интерфейсных паттернов и практик:

  1. Тарас Бакушевич: Проанализировал гайдлайны и памятки по дизайну для ИИ от Google, IBM, Microsoft, Anthropic и OpenAI. И собрал отличный набор из 39 принципов дизайна для ИИ
  2. Luke Wroblewski: Обзор нового подхода к редактированию генеративных изображений в инструменте Reve. Он позволяет редактировать изображение как будто послойно, т.е. отдельные объе…
1166
Yury Vetrov

Кусок из пачки свежих интерфейсных паттернов и практик:

  1. Joas Pambou: Особенности относительно новой концепции «стриминговых интерфейсов», Когда они строятся на ходу в ответ на запрос пользователя (например, чат-боты). Как правильно проектировать и оптимизировать их
  2. Каталог когнитивных искажений и эвристик для подталкивания пользователя к выбору. Сама тема избитая, но тут каждая карточка сопровождается на…
33
Yury Vetrov

Немного нового о свежих интерфейсных паттернах и практиках:

  1. Magic Pointer: Новая интерфейсная концепция, заточенная под ИИ. Это специальный режим курсора, который позволяет объяснять, ремикшировать и в целом широко взаимодействовать с элементами на экране. 
  2. WebAIM: Проверили миллион главных страниц сайтов в интернете на поддержку accessibility. Они подсветили основные проблемы по итогу. 
  3. IBM: Толковые публика…
Yury Vetrov

Чуток свежих интерфейсных паттернов и лучших практик:

  1. A11Y.md: Контекстная инструкция для ИИ-моделей по поддержке accessibility. Это MD-файл, который загружается в сессию работы с нейронкой
  2. Durgesh Rajubhai Pawar перечисляет пачку типичных проблем с accessibility в коде, сгенерированном ИИ. И показывает, как их исправить. 
  3. AI Interaction Atlas: Большой каталог паттернов дизайна для ИИ-продуктов и взаимо…
Yury Vetrov

Новое о новых и старых интерфейсных паттернах и лучших практиках:

  1. Florian Shulz: Как делать современные подсказки по заполнению поля ввода. Т.е. прямо в контексте этого поля
  2. Jakub Krehel: Пачка простых, но добротных советов по улучшению деталей реализации дизайна интерфейса. Он упаковал их в навык для ИИ-сред разработки, так что можно проще применить их к своему проекту
  3. Luke Wroblewski: Как менялось взаимодействие…
11
Yury Vetrov

Немного свежего о лучших интерфейсных паттернах и практиках:

  1. Baymard Institute: Плагин для Figma на основе своего ИИ-анализатора интерфейсов UX-Ray. Он сопоставляет ваш макет с паттернами и лучшими практиками из их гигантской базы знаний. 
  2. Lazyweb: Сервис помогает быстро анализировать экраны и сценарии мобильных приложений в нужной отрасли. Это связка классической коллекции паттернов и гибкого ИИ-поиска по не…
Yury Vetrov

Пачка свежего уже точно из 2026 года про свежие интерфейсные паттерны и практики:

  1. GoodCart: Коллекция хороших интерфейсов интернет-магазинов
  2. Detail Design: Коллекция хороших интерфейсных паттернов — от мелких деталей до экранов
  3. NN/g: Типичные проблемы подсказок в интерфейсе. Зачастую вместо простой контекстной помощи они вызывают модальные элементы с водянистым описанием
  4. Sai Mohanty и Priyanka Raju: Дельный кейс проектирования слож…
22