О курсе

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

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

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

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

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

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

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

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

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

В курсе четыре направления: микровзаимодействия, макровзаимодействия, адаптивность и бесшовность. Микровзаимодействия включают проектирование фотогалерей, корзин, карточек товаров и фильтров; макровзаимодействия — навигационные модели и работу с сайтом как множеством страниц; адаптивность — организацию интерфейса и вёрстки под экранный формат; бесшовность — непрерывность взаимодействия и навигации с использованием анимации.

Какова структура программы курса?

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

Какая практическая работа предусмотрена?

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

Кто ведёт курс и какова его длительность?

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