Аннотация
Эмоциональный дизайн — это область, исследующая, как визуальные, поведенческие и коммуникативные элементы интерфейса влияют на чувства пользователя. Если традиционный UX фокусируется на эффективности и функциональности, то эмоциональный UX работает с доверием, настроением, тоном, вниманием и восприятием.
Сегодня интерфейсы перестали быть нейтральными инструментами — они стали средой общения человека и системы. Именно эмоции формируют качество этого общения. Цвет, микродвижение, скорость реакции, текст, пауза, плавность — каждая деталь создаёт ощущение заботы, уверенности, энергии или, наоборот, тревоги
Эмоциональный дизайн позволяет расширить традиционные UX-задачи, превращая интерфейс в поддерживающего, эмпатичного «собеседника». В рамках курса слушатели познакомятся с теорией эмоционального UX, научатся анализировать эмоциональные паттерны и проектировать экраны, вызывающие доверие, спокойствие или вдохновение
Кому подойдет курс?
— Junior (и выше) дизайнерам в сфере UX/UI дизайна, которые хотят научиться создавать более человечные интерфейсы и работать с эмоциональными состояниями пользователя
— Дизайнерам, желающим развивать навыки создания микроанимаций, тонального общения и визуальных систем, формирующих настроение продукта
— Тем, кто хочет разбираться в современных тенденциях эмоционального UX, чтобы грамотно анализировать, описывать и включать эмоциональные паттерны в свои проекты
Формат курса
Курс реализован в формате обучающих лонгридов и предполагает самостоятельное изучение материала. Вопросы, связанные с материалом курса, можно обсудить с кураторами проекта
Длительность курса: 8 недель Количество контактных часов: 64 академ. часа Формат обучения: онлайн
Пререквизиты курса
Для успешного освоения программы слушателям необходимы:
— Базовые компетенции в интерфейсном дизайне: умение создавать простые, но структурно корректные интерфейсы; владение принципами композиции, типографики, сеток и иерархии; понимание UX-логики экранов
— Уверенное владение инструментами для проектирования интерфейсов (например, Figma или аналогичные программы)
— Наличие опыта разработки простых прототипов (экранов)
Чему вы научитесь?
— Анализировать эмоциональные паттерны в интерфейсах, определять эмоциональный темперамент визуальной системы
— Описывать и интерпретировать влияние цвета, шрифтов, формы и движения на состояние пользователя
— Создавать микровзаимодействия, которые вызывают микрорадость и формируют доверие
— Разрабатывать эмпатичные сценарии текста и поведения интерфейса
— Интегрировать эмоциональный язык в айдентику продукта
— Проектировать интерфейсы, которые реагируют на контекст и состояние человека
— Анализировать уровень человечности интерфейса и качество обратной связи
Какие практические задания вы будете выполнять?
— Аналитический разбор интерфейса с точки зрения эмоционального восприятия
— Анализ пользовательского сценария и проектирование улучшения проблемной точки
— Проектирование нескольких визуальных вариантов одного экрана с разным эмоциональным настроением — Проектирование состояний интерфейсных элементов (default, hover, active, success / error)
— Анализ экранов с точки зрения когнитивной и эмоциональной нагрузки и предложение адаптации
— Анализ интерфейса бренда и описание того, как дизайн поддерживает его характер
— Анализ пользовательского опыта в некомфортном состоянии и проектирование эмпатичного улучшения
Тематический план занятий
(1) Введение. Зачем нужны эмоции в UX/UI
Лекция о том, как интерфейсы могут вызывать эмоции и помогать пользователю чувствовать себя увереннее и спокойнее. Разбираем три уровня восприятия по Норману и смотрим, как визуал, тексты и микроанимации делают продукт понятнее, приятнее и удобнее(2) Доверие через интерфейс
Лекция о том, как интерфейс помогает пользователю чувствовать себя уверенно и спокойно. Разбираем, какие решения в визуале, текстах, анимациях и структуре снижают тревожность, упрощают выбор и делают продукт понятным и надёжным(3) Как визуал задаёт настроение
Лекция о том, как цвет, типографика и форма управляют первым впечатлением и эмоциями в интерфейсе. Разбираем, как визуальные решения снижают или усиливают тревожность, влияют на скорость принятия решений и помогают пользователю быстрее ориентироваться в сценарии(4) Микровзаимодействия
Лекция о небольших реакциях интерфейса, которые дают пользователю обратную связь и ощущение контроля. Разбираем, как микроанимации, состояния элементов и фидбек снижают неопределённость, уменьшают ошибки и делают взаимодействие более понятным и приятным(5) Учет состояния пользователя
Лекция о том, как проектировать интерфейсы под реальное состояние человека: тревогу, усталость, перегруз, возбуждение или FOMO. Разбираем базовые психопонятия и то, как через ритм, микротексты, подсказки, автоматизацию и режимы снижать нагрузку, уменьшать ошибки и поддерживать фокус(6) Характер бренда в интерфейсе
Лекция о том, как интерфейс передаёт характер бренда и «говорит» с пользователем. Разбираем, как цвет, типографика, тексты, анимации и визуальный язык формируют образ продукта — строгий, дружелюбный, дерзкий или спокойный — и делают его узнаваемым и живым(7) Интерфейсы с эмпатией
Лекция о том, как учитывать эмоции, контекст и состояние пользователя в момент взаимодействия с продуктом. Разбираем, как исследования, язык интерфейса, поведение в ошибках и адаптивная поддержка помогают снизить стресс, избежать фрустрации и сделать опыт более заботливым и понятнымИтоговая работа
Итоговой работой слушателя станет разработка эмоционально насыщенной системы интерфейса на основе заранее заданной неэмоциональной или формализованной сферы (на выбор: банковские сервисы, страхование, логистика)
Что нужно сделать:
- Проанализировать текущую эмоциональную нейтральность выбранной сферы
- Определить целевое эмоциональное состояние (например: спокойствие, уверенность, забота, поддержка)
- Разработать эмоциональный язык интерфейса: — визуальный темперамент — тональность коммуникации — ритм взаимодействия
- Создать 5–7 экранов, демонстрирующих эмоциональную трансформацию продукта
- Сформировать 1–2 микроанимации или описать логику «микрорадостей»
- Кратко объяснить принципы и обоснование выбранной эмоциональной стратегии
Пример итогового проекта
