Основа. Дизайн взаимодействия

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

Основные направления курса:

1. Микровзаимодействия
2. Изучение проектирования небольших элементов интерфейса, таких как фотогалереи, корзины, карточки товаров, фильтры и другие типовые формы взаимодействия.
3. Макровзаимодействия
4. Проектирование навигационных моделей на основе структуры сайта и пользовательских сценариев. Рассматриваются взаимодействия пользователя с сайтом как с множеством страниц, включая навигацию и анимацию.
5. Адаптивность
6. Освоение методов организации графического интерфейса и верстки с учетом интерактивности и адаптации под разные размеры экранов.
7. Бесшовность
8. Создание непрерывного взаимодействия, в том числе плавной навигации и использования анимации как инструмента для улучшения пользовательского опыта.

Программа курса:

Вводная часть:

1. Форма, пространство и движение (основы кинетики).
2. Пластическое формообразование (работа с графикой и типографикой).
3. Пространство: методы организации формата.
4. Фиксированный и динамический формат (кинетический веб-дизайн).
5. Эргономика взаимодействия в интерактивных средах.

Архитектурный подход:

1. Сетки и модульный подход в проектировании интерфейсов.
2. Зоны и архитектура пользовательских интерфейсов.
3. Организация цифрового пространства через зоны, сетки и модули.

Идиоматические интерфейсы:

1. Три парадигмы проектирования (реализационный, метафорический и идиоматический подходы).
2. Типы идиоматических интерфейсов: когнитивные, перцептивные, жестовые.
3. Создание микровзаимодействий на основе идиоматического подхода.

Микровзаимодействия:

1. Проектирование от движения: структура, архитектура и верстка.
2. Бесшовное взаимодействие и навигационные модели.
3. Функциональная и декоративная анимация как инструменты взаимодействия.

Практическая часть:

• Короткие задания (4 задания по одной неделе каждое).
• Курсовая работа: разработка концепции сайта с адаптивными интерфейсами.

Итог:

Курс охватывает весь спектр дизайна взаимодействия — от базовых принципов до разработки сложных адаптивных интерфейсов. Вы получите практические навыки проектирования удобных и визуально привлекательных цифровых продуктов, которые отвечают современным требованиям UX/UI.