Снижай когнитивную нагрузку

Когнитивная нагрузка

Язык

Когнитивная нагрузка — сколько рабочей памяти съедает интерфейс. Внутреннюю нагрузку самой задачи не убрать, зато лишний шум из интерфейса — можно.

Зашумлённое поле и фокусная карточка задачи
Визуально изолируйте текущую задачу.
Более чистый вайрфрейм
Оставьте воздух вокруг основного сценария.

Внутренняя и лишняя нагрузка

Уважайте сложные домены. Убирайте декоративный шум, дубли навигации и размытый текст, из-за которого перечитывают.

Нарезка и порядок

Режьте длинные задачи, показывайте один кластер решений за раз и подсовывайте данные для следующего шага заранее.

Сигналы, не украшения

Каждый визуальный элемент должен оправдываться: иерархия, состояние или подсказка. Если «просто красиво» — он конкурирует с задачей.

Практики

  • Постепенное раскрытие для продвинутых полей.
  • Подсказки у полей, а не только в модалках.
  • Меньше одновременных уведомлений.

Типичные ошибки

  • Стена текста до первого действия.
  • Смешение несвязанных задач на одном экране.
  • Анимация, отвлекающая во вводе.