01 / Наблюдение

Отклик должен подтверждать событие

У кнопки можно подсветить состояние при наведении, у фильтра — показать активную тему, у раскрывающегося меню — объяснить, открыто ли оно. Такие детали говорят пользователю, что действие произошло. Но анимация сама по себе не заменяет доступного названия, контраста или сообщения о результате.

02 / Подход

Доступность входит в дизайн

Не проектируйте интерфейс только вокруг мыши: на телефоне нет hover, а человек с клавиатурой ориентируется по фокусу. Движение стоит делать коротким и необязательным. Если переключатель меняет список заметок, рядом полезно обновить текстовый счётчик найденных материалов.

Пример

Кнопка рубрики должна менять не только цвет, но и доступное состояние выбора.

03 / Практика

Три пункта для проверки

  1. Проверьте элементы клавишей Tab.
  2. Сопоставьте визуальное и программное состояние.
  3. Отключите анимацию и повторите действие.