Интерактивный дизайн

Что это такое

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

Почему это важно

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

Что в этом треке

Состояния и обратная связь (03-design-ux/44-interaction-design/01-states-and-feedback) — что интерфейс показывает, пока работает, ждёт, завершается успешно и падает.
Поток (03-design-ux/44-interaction-design/02-flow) — как соединяются шаги, как люди возвращаются и ходят в сторону и где путь должен ветвиться.

Предварительные требования

Прототипирование (03-design-ux/40-prototyping)

Что читать дальше

Прототипирование (03-design-ux/40-prototyping) — прочитайте первым; состояния трудно оценить, пока их нельзя нажать.
Визуальный дизайн (03-design-ux/10-visual-design) — вторая половина: иерархия, контраст и макет поверх поведения.
Доступность (WCAG / a11y) (02-frontend/11-accessibility-wcag-a11y) — поведение, которое обязано работать для клавиатуры, скринридера и уменьшенного движения.
Юзабилити-тестирование (03-design-ux/33-usability-testing) — проверка того, читается ли обратная связь действительно как обратная связь.