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

Когнитивную нагрузку, часто, увеличивают эти три фактора:

  1. Широкий выбор
  2. Неоднозначность
  3. Необходимость осмысления

Если эти факторы часто встречаются в приложении или на веб-сайте, то пользователю будет сложно понять его контент и использовать.

 

Как снизить когнитивную нагрузку

В качестве основных, можно применять следующие тактики:

1. Сократите количество ненужных элементов

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

 

2. Используйте распространенные шаблоны

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

 

3. Сократите количество ненужных задач

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

 

4. Ограничьте выбор

Наша рабочая память ограничена. Сталкиваясь с большим количеством вариантов, когнитивная нагрузка возрастет из-за проблемы выбора. Важно минимизировать количество вариантов, между которыми пользователь может делать выбор. Особенно обратите внимание на навигацию, формы и выпадающие меню.

 

5. Группируйте варианты

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

 

6. Стремитесь к удобочитаемости

Контент должен быть не только разборчивым, но и удобочитаемым. Типографика должна быть эстетически приятной, подходить под контент и быть удобочитаемой, а дизайн должен сохранять относительную незаметность. Чем меньше мы будем отвлекать пользователя, тем легче ему будет понять контент.

 

7. Аккуратнее с иконками

Исследования показали, что иконографика тяжело запоминается, и, в отличие от интуиции, может увеличить когнитивную нагрузку, направленную на распознавание смысла. В то время как общепринятые иконки работают хорошо (такие как «печать», «закрыть», «воспроизвести/остановить», «ответить, «твитнуть», «поделиться»), узнаваемость остальных построена на обращении к прошлому опыту пользователя, в котором не может быть никаких стандартов. Чтобы избежать двусмысленности при использовании иконок, подписывайте их.

Перевод статьи Джона Яблонски