О курсе

Курс «Дизайн взаимодействия» посвящён организации поведения пользователя в цифровом продукте через проектирование интерфейсов. В качестве основного примера используется веб-сайт. В программе выделены четыре направления: микровзаимодействия (проектирование фотогалерей, корзин, карточек товаров, фильтров и других типовых форм), макровзаимодействия (навигационные модели на основе структуры сайта и пользовательских сценариев), адаптивность (организация графического интерфейса и вёрстки с учётом интерактивности и экранного формата) и бесшовность (непрерывность взаимодействия и навигации, анимация как инструмент навигации).

Программа состоит из нескольких разделов. Вводная часть включает лекции о форме, пространстве, движении, пластическом формообразовании, типографике, фиксированном и динамическом формате, кинетическом вебе и эргономике взаимодействия. Архитектурный подход охватывает сетки, модульный подход, зоны и методы организации цифрового пространства. Раздел об идиоматических интерфейсах посвящён трём парадигмам проектирования интерфейса по Алану Куперу, видам идиоматических интерфейсов и построению микровзаимодействий в вебе. Отдельный блок рассматривает структуру, архитектуру и вёрстку, навигационную модель, бесшовное взаимодействие, а также функциональную и декоративную анимацию.

Практическая часть включает четыре задания длительностью около недели каждое и курсовую работу — концепцию сайта с адаптивами. Курс ведёт Сергей Гуров, независимый дизайнер, сооснователь Авторских дизайн мастерских «Основа»; в числе преподавателей также указан Сергей Телидченко. Длительность курса — 1–1,5 месяца, даты проведения: 12.02–31.03.2024.

Что рассматривается в программе

  • рассматривается проектирование микровзаимодействий: фотогалерей, корзин, карточек товаров, фильтров
  • разбираются навигационные модели и макровзаимодействия на основе структуры сайта
  • изучается организация графического интерфейса и вёрстки с учётом адаптивности
  • рассматривается бесшовность взаимодействия и навигации, анимация как инструмент навигации
  • разбирается архитектурный подход: сетки, модульный подход, зоны
  • изучаются идиоматические интерфейсы и три парадигмы проектирования по Алану Куперу
  • рассматривается функциональная и декоративная анимация во взаимодействии

Кому может быть полезен курс

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

Вопросы о программе

Какие основные направления рассматриваются в курсе?

В курсе выделены четыре направления: микровзаимодействия, макровзаимодействия, адаптивность и бесшовность.

Какие темы включены в программу?

Программа охватывает вводную часть о форме, пространстве и движении, архитектурный подход (сетки, модули, зоны), идиоматические интерфейсы, а также микровзаимодействия, навигационные модели и анимацию.

Как организована практическая часть?

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

Кто ведёт курс?

Автор и преподаватель — Сергей Гуров, независимый дизайнер, сооснователь Авторских дизайн мастерских «Основа». Также указан Сергей Телидченко.