Тема · 50 материалов

UX и UI-дизайн

Сценарии, состояния и интерфейсные системы для понятного пользовательского опыта.

Три способа начать

Выберите задачу, которая ближе к вашему текущему контексту.

Все материалы темы

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

Дизайн9 мин

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

Практический разбор темы «авторский надзор дизайнера после передачи макетов»: как контролировать реализацию, изменения и качество интерфейса в разработке и применить это в рабочем продукте.

Дизайн8 мин

Визуальная регрессия интерфейса

Практический разбор темы «визуальная регрессия интерфейса»: как обнаруживать непреднамеренные изменения после обновлений компонентов и стилей и применить это в рабочем продукте.

Дизайн8 мин

Выбор метода пользовательского исследования для дизайна

Практический разбор темы «выбор метода пользовательского исследования для дизайна»: как сопоставить вопрос с интервью, наблюдением, тестированием или анализом данных и применить это в рабочем продукте.

Дизайн8 мин

Дизайн-ревью как проверка решения, а не вкуса

Практический разбор темы «дизайн-ревью как проверка решения, а не вкуса»: как обсуждать цель, сценарий, ограничения и доказательства вместо субъективных предпочтений и применить это в рабочем продукте.

Дизайн9 мин

Информационная архитектура для ролей и прав доступа

Практический разбор темы «информационная архитектура для ролей и прав доступа»: как учесть различия объектов, действий и видимости для разных ролей и применить это в рабочем продукте.

Дизайн7 мин

Исследовательский репозиторий без склада заметок

Практический разбор темы «исследовательский репозиторий без склада заметок»: как организовать находки так, чтобы команда могла находить и повторно использовать знания и применить это в рабочем продукте.

Дизайн9 мин

Как использовать ИИ в дизайне без потери контроля

Практический разбор темы «как использовать ии в дизайне без потери контроля»: как делегировать черновую работу, сохраняя проверку фактов, решений и авторства и применить это в рабочем продукте.

Дизайн8 мин

Как отделять факт, интерпретацию и идею дизайна

Практический разбор темы «как отделять факт, интерпретацию и идею дизайна»: как сохранять различие между наблюдением, выводом и предложенным решением и применить это в рабочем продукте.

Дизайн9 мин

Как передавать дизайн в разработку без потери логики

Практический разбор темы «как передавать дизайн в разработку без потери логики»: как описать состояния, правила, контент и критерии вместе с макетами и применить это в рабочем продукте.

Дизайн9 мин

Как построить информационную архитектуру продукта

Практический разбор темы «как построить информационную архитектуру продукта»: как связать объекты, свойства, действия и навигационные пути и применить это в рабочем продукте.

Дизайн9 мин

Как проектировать хлебные крошки и контекст положения

Практический разбор темы «как проектировать хлебные крошки и контекст положения»: как показывать место пользователя в иерархии без перегрузки и применить это в рабочем продукте.

Дизайн7 мин

Как сформулировать дизайн-задачу через поведение пользователя

Практический разбор темы «как сформулировать дизайн-задачу через поведение пользователя»: как описать ситуацию, цель, препятствие и наблюдаемый результат вместо списка экранов и применить это в рабочем продукте.

Дизайн8 мин

Карточная сортировка для структуры интерфейса

Практический разбор темы «карточная сортировка для структуры интерфейса»: как проверять группировку и названия разделов на представлениях пользователей и применить это в рабочем продукте.

Дизайн8 мин

Когда создавать новый компонент

Практический разбор темы «когда создавать новый компонент»: как отличить повторяемый паттерн от локального решения и преждевременной универсализации и применить это в рабочем продукте.

Дизайн7 мин

Контент-дизайн для интерфейсных текстов

Практический разбор темы «контент-дизайн для интерфейсных текстов»: как создавать понятные названия, инструкции и сообщения в контексте действия и применить это в рабочем продукте.

Дизайн8 мин

Критерии готовности дизайна к разработке

Практический разбор темы «критерии готовности дизайна к разработке»: как проверить сценарии, состояния, контент, доступность и технические ограничения и применить это в рабочем продукте.

Дизайн8 мин

Локализация интерфейса без поломки макета

Практический разбор темы «локализация интерфейса без поломки макета»: как учитывать длину текста, грамматику, форматы и направление письма и применить это в рабочем продукте.

Дизайн8 мин

Микровзаимодействия, которые поддерживают понимание

Практический разбор темы «микровзаимодействия, которые поддерживают понимание»: как использовать обратную связь, состояние и переходы для снижения неопределённости и применить это в рабочем продукте.

Дизайн9 мин

Названия разделов и действий без внутреннего жаргона

Практический разбор темы «названия разделов и действий без внутреннего жаргона»: как выбирать понятные пользователю термины и проверять их в контексте и применить это в рабочем продукте.

Дизайн7 мин

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

Практический разбор темы «немодерируемое тестирование интерфейса»: как выбрать задачи и инструменты, когда исследователь не присутствует на сессии и применить это в рабочем продукте.

Дизайн8 мин

Ошибки и восстановление в пользовательском интерфейсе

Практический разбор темы «ошибки и восстановление в пользовательском интерфейсе»: как помогать понять проблему, сохранить работу и безопасно продолжить и применить это в рабочем продукте.

Дизайн9 мин

Поиск в продукте как часть информационной архитектуры

Практический разбор темы «поиск в продукте как часть информационной архитектуры»: как определить индексируемые объекты, фильтры, ранжирование и пустые результаты и применить это в рабочем продукте.

Дизайн8 мин

Проверка дизайн-решения по аналитическим данным

Практический разбор темы «проверка дизайн-решения по аналитическим данным»: как использовать поведение пользователей для поиска проблем и проверки изменений и применить это в рабочем продукте.

Дизайн8 мин

Проектирование пустых и начальных состояний

Практический разбор темы «проектирование пустых и начальных состояний»: как объяснять назначение, следующий шаг и доступные возможности без фиктивных данных и применить это в рабочем продукте.

Дизайн8 мин

Прототипирование сложного сценария без лишних экранов

Практический разбор темы «прототипирование сложного сценария без лишних экранов»: как показать критические переходы, состояния и решения минимальным набором артефактов и применить это в рабочем продукте.

Дизайн7 мин

Сценарий интервью для продуктового дизайнера

Практический разбор темы «сценарий интервью для продуктового дизайнера»: как подготовить вопросы о прошлом поведении и избежать ведущих формулировок и применить это в рабочем продукте.