НОВОЕ😍 Рабочие процессы, структура компании, шаблоны и холст. Обновление Shtab 3.0 ➜
Попробовать бесплатно
UX и дизайнИсследования UXUX-паттерны

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

Объём умственной работы, который интерфейс возлагает на пользователя при решении задачи.

КРАТКО
Когнитивная нагрузка — это сколько усилий уходит у пользователя на то, чтобы понять интерфейс и выполнить задачу. Высокая нагрузка — это много элементов, непонятные термины, многоступенчатые формы, требование держать в голове предыдущие шаги. Хороший интерфейс снижает когнитивную нагрузку: один экран — одна задача, понятные подсказки, минимум выбора в каждой точке. Психологи различают внутреннюю, внешнюю и продуктивную нагрузку.
СИНОНИМЫ:когнитивная нагрузкаумственная нагрузканагрузка на вниманиеCognitive Load

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

Три вида нагрузки

  • Внутренняя — сложность самой задачи. От неё никуда не деться, но можно разбить задачу на части.
  • Внешняя — лишняя нагрузка из-за интерфейса: запутанный язык, лишние шаги, плохая структура. Это то, что дизайн может убрать.
  • Продуктивная — нагрузка, которая помогает учиться и формировать навык. Не всегда плохо.

Как снижать внешнюю нагрузку

  • Один экран — одна задача.
  • Использовать привычные решения, а не выдумывать оригинальные.
  • Подсказки и заполнение по умолчанию вместо пустых полей.
  • Прятать продвинутые настройки, пока они не нужны.
  • Использовать слова из мира пользователя, а не из внутреннего жаргона.
КОГДА ПРИМЕНЯТЬ
  • При проектировании сложных форм и многошаговых сценариев
  • В административных и корпоративных интерфейсах с десятками функций
  • В банковских и медицинских сервисах, где цена ошибки высока
КОГДА НЕ СТОИТ
  • В простом контентном сайте, где сценарий — почитать статью
ПРИМЕР

Банк переделывает форму открытия счёта. В старой версии — 18 полей на одной странице. На тестах юзабилити пользователи останавливаются и не понимают, какие поля обязательны, а какие нет. Команда разбивает форму на 4 шага по 3–5 полей, добавляет понятные подсказки и заполнение по умолчанию там, где это возможно. Конверсия в завершение открытия вырастает почти вдвое, а число вопросов в поддержку «как заполнить эту форму» падает.

КАК ИСПОЛЬЗОВАТЬ В SHTAB

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

Попробовать бесплатно

Вопросы про «Когнитивная нагрузка»

Да. Закон Хика говорит, что время выбора растёт логарифмически с числом вариантов. Это одна из конкретизаций общей идеи когнитивной нагрузки: больше вариантов — выше нагрузка. Поэтому в хороших интерфейсах число одновременных альтернатив стараются ограничивать.

Ещё из «UX и дизайн»

Вся категория →
Atomic Design (атомарный дизайн)

Подход Брэда Фроста, в котором интерфейс собирается из иерархии «атомов», «молекул», «организмов», «шаблонов» и «страниц».

Mobile-first (сначала мобильная версия)

Подход к проектированию, при котором сначала продумывают мобильную версию, а уже потом расширяют её до десктопа.

UX и UI: в чём разница

UX — про общий опыт взаимодействия с продуктом, UI — про внешний вид и поведение конкретного интерфейса.

Применяйте термины на практике

База знаний, задачи и цели — в одном сервисе. Бесплатно — без лимита по числу людей.

Попробовать бесплатноВсе термины