Термин «когнитивная нагрузка» тесно связан с рабочей памятью — системой, которая удерживает информацию в краткосрочной перспективе. Ёмкость рабочей памяти ограничена. Это значит, что чем больше задач мы пытаемся выполнять одновременно, тем медленнее обрабатываем информацию. А без обработки информации мы не сможем сохранить её в долговременной памяти.
Повышенная когнитивная нагрузка мешает пользователю успешно завершить путь. Вы, вероятно, сталкивались с огромными, хаотичными сайтами, где невозможно разобраться. Это типичный пример того, как перегрузка рабочей памяти затрудняет концентрацию на задаче.
Задача UX-дизайнера — эффективно снижать когнитивную нагрузку пользователей, чтобы они могли завершить путь и достичь своих целей. Вот 8 практических советов, которые помогут вам в этом.
Когнитивная нагрузка
Мы живём во времена, когда множество повседневных действий связано с технологиями. Как только мы просыпаемся, соцсети, рабочая почта и забавные видео с котами начинают бороться за наше внимание. Исследование профессора Мартина Корте показало, что цифровые медиа делают нас более склонными к многозадачности.[1] В результате страдает внимание, концентрация и объём рабочей памяти.
Каждый раз, когда мы открываем сайт или приложение, мозгу приходится обрабатывать огромное количество информации, чтобы помочь выполнить задачу. Но чем больше информации мы получаем, тем сложнее мозгу её обработать. Если когнитивная нагрузка становится слишком высокой, мозг начинает тормозить и «вынуждает» нас бросить задачу.
Что может вызвать высокую когнитивную нагрузку в дизайне?
- Слишком много опций
- Задачи, требующие глубоких размышлений
- Отсутствие чёткости
- Визуальный шум
Закон Миллера
Наш мозг инстинктивно стремится к упрощению процесса восприятия информации и её запоминания. Ограниченная ёмкость человеческой памяти объясняется с научной точки зрения.
Закон Миллера появился в 1956 году, когда когнитивный психолог Джордж А. Миллер опубликовал статью в журнале Psychological Review под названием The Magical Number Seven, Plus or Minus Two: Some Limits on Our Capacity for Processing Information.[2] В этом исследовании Миллер доказал, что объединение информации в блоки (chunking) облегчает её восприятие, понимание и запоминание. В конечном счёте это помогает пользователям быстрее и эффективнее достигать своих целей. Многие дизайнеры восприняли теорию Миллера буквально, решив, что человек может удерживать в памяти только 7±2 единицы информации при выполнении задачи.
На самом деле Миллер упомянул магическое число 7 скорее в риторическом смысле. Количество элементов в одном блоке может варьироваться в зависимости от контекста, степени знакомства пользователя с контентом и индивидуальных особенностей памяти. Тем не менее, небольшие по объёму блоки действительно помогают пользователям быстрее сканировать, понимать и запоминать информацию.
Удаляйте всё лишнее
При проектировании продукта важно помнить, что функциональность всегда на первом месте. Чем меньше — тем лучше, и если какой-то элемент не помогает пользователю достигать цели — от него стоит избавиться. Например, избегайте чрезмерно ярких цветов, перегруженных изображений или декоративных деталей, которые не несут пользы с точки зрения функциональности.
Минималистичный дизайн снижает когнитивную нагрузку и визуально выглядит более привлекательно. Более того, подход «меньше — значит больше» способствует вовлечению пользователей. Если на странице меньше отвлекающих факторов, пользователи лучше концентрируются на выполнении основной задачи. Все микровзаимодействия в вашем дизайне должны помогать пользователю, а не раздражать его или перегружать сенсорную и когнитивную систему.
Исключайте лишние действия
Лучшие интерфейсы похожи на роскошные отели «всё включено» — они предугадывают потребности пользователей и не требуют от них ничего лишнего. Старайтесь убирать утомительные действия, которые отвлекают людей от их основной цели.
- Используйте автозаполнение. Никто не любит вручную вводить номер своей карты. Вместо этого предложите сканер карты, примените сохранённые данные или интеграцию с Apple Pay и Google Pay.
- Применяйте значения по умолчанию. Значения по умолчанию снимают с пользователей ответственность за принятие решений. Например, вы можете заранее выбрать страну или валюту на основе геолокации пользователя. По данным исследований, менее 5% людей меняют параметры по умолчанию. Поэтому выбирайте их с особым вниманием.
- Предлагайте вход через сторонние сервисы. Когда пользователь только начинает знакомство с продуктом, не отпугивайте его длинной формой регистрации. Вместо этого предложите быстрый вход через Google, Вконтакте или другие популярные платформы.
Используйте привычные шаблоны дизайна
Дизайнеры стремятся создавать оригинальные и инновационные решения. Пользователи же приходят на сайт или в приложение с уже сформировавшимися ожиданиями о том, как продукт должен работать. Они планируют свои действия, исходя из ментальных моделей. Но что происходит, если задача требует другого подхода? В этом случае возникает когнитивная нагрузка, которая приводит к раздражению.
Подумайте: дома вы знаете, как работает ваш душ и чего ожидать. А вот в отеле включить душ может оказаться нетривиальной задачей. Точно так же пользователи, открывая сайт, ожидают увидеть логотип и иконку поиска в шапке. Если они не находят этих элементов в привычных местах, у них возникает ощущение неудобства.
При проектировании продукта или добавлении новых функций избегайте излишнего переосмысления очевидного. Лучше изучите существующие решения и распространённые паттерны дизайна, которые уже доказали свою эффективность. А ещё лучше — проведите исследование пользователей, чтобы узнать, чего они действительно ожидают от продукта и с какими трудностями сталкиваются.
Минимизируйте количество вариантов
Вспомните, как вы в последний раз выбирали, казалось бы, простую вещь — например, носки. Во многих магазинах вы увидите огромные стенды с десятками видов носков: однотонные, разноцветные, в горошек, в полоску, короткие, удлинённые, пушистые, с любыми принтами. Как тут можно быстро принять решение?
Парадокс в том, что большое количество вариантов затрудняет выбор. Люди ошибочно полагают, что множество опций даёт им больше контроля. Но на самом деле мозг начинает перегружаться. Мы можем почувствовать растерянность и вовсе отказаться от выбора.
Закон Хика гласит: чем больше вариантов, тем дольше пользователю нужно, чтобы принять решение. А чем дольше длится выбор, тем хуже становится пользовательский опыт.
Вместо того чтобы предлагать пользователю длинный список опций, рассмотрите альтернативы. Например, вы можете сократить количество элементов в списке или показать только самые популярные или релевантные варианты, а остальные скрыть за кнопками «Показать всё» или «Читать далее».
Используйте принцип постепенного раскрытия информации
Принцип постепенного раскрытия информации позволяет дизайнерам решить сразу две задачи. Во-первых, он предполагает пошаговое предоставление контента пользователю, чаще всего по отдельным экранам. Таким образом, пользователь не перегружается информацией и не теряется в массе ссылок, форм и текстовых блоков. Во-вторых, этот подход помогает разделить контент на несколько логических экранов и избавиться от визуального шума.
Как применить этот принцип на практике и уменьшить когнитивную нагрузку для пользователей?
- Разделите информацию на несколько экранов. Это особенно актуально для мобильных устройств, где каждый пиксель на вес золота. Используйте этот подход для регистрации, онбординга и длинных форм с более чем двумя шагами.
- Используйте всплывающие окна, оверлеи, меню и аккордеоны. Эти элементы позволяют пользователю оставаться на текущей странице и при необходимости получать дополнительную информацию по запросу.
Разделяйте текст на блоки
Согласно определению Nielsen Norman Group, «разделение на блоки» (chunking) — это процесс деления контента на более мелкие фрагменты информации. Разделение на блоки — настоящее спасение в борьбе за визуально привлекательный и удобный для восприятия контент. В текстах этот подход повышает читаемость и помогает пользователям быстрее выполнять задачи.
Вот несколько распространённых способов деления текста на блоки:
- Разделяйте длинные абзацы на короткие, легко воспринимаемые фрагменты с использованием пробелов между ними.
- Используйте короткие строки текста длиной около 45–75 символов. Это облегчает восприятие и помогает пользователю не сбиться с мысли.
- Форматируйте длинные последовательности чисел. Разделяйте группы цифр пробелами, дефисами или косыми чертами при написании номеров телефонов, лицензионных ключей, дат и т.д.
Совет! Учтите, что ручной ввод отформатированных данных может быть неудобен. Лучше использовать формы с автоформатированием, которые автоматически разбивают ввод на блоки.
Поддерживайте визуальную иерархию
Чёткая визуальная иерархия — ещё один фактор, помогающий снизить когнитивную нагрузку. Отсутствие иерархии по размеру, цвету или форме, а также неудачное расположение элементов могут сбить пользователя с толку. Что можно сделать, чтобы облегчить взаимодействие с продуктом?
Ранжируйте бизнес- и UX-цели. Поймите, зачем пользователи приходят в продукт, и организуйте контент в порядке приоритетности. Например, кнопка CTA должна выделяться на фоне остального контента и побуждать к действию. Используйте паттерны сканирования. Расставляйте приоритеты в контенте и размещайте важную информацию в зонах фокусного внимания. Наиболее распространённые паттерны: F-паттерн, Z-паттерн и слойный (layer-cake) паттерн. Используйте заголовки и подзаголовки. Они привлекают внимание и направляют пользователя к ключевому содержанию.
Совет! Не забывайте о негативном (свободном) пространстве — оно повышает читаемость, задаёт структуру и делает акценты на важных элементах.
Правильно подбирайте иконки
Иконка по определению — это графическое представление действия, идеи или объекта. Её основная задача — донести сообщение. Если иконка выбрана случайно, она может сбить пользователя с толку и помешать выполнению задачи.
Как использовать иконки, не вызывая лишнюю когнитивную нагрузку?
- Используйте универсальные иконки. Например, дискета для сохранения или домик для перехода на главную страницу — это безопасный выбор. Они легко узнаются и не требуют дополнительной умственной обработки.
- Сопровождайте иконки подписями. Универсальные иконки хороши, но они охватывают не все действия. Уникальные иконки, дополненные текстовыми метками, снимают неоднозначность и ясно объясняют своё назначение.
Если вам требуется более 5 секунд, чтобы придумать иконку для действия — она не пройдёт тест на узнаваемость. Более того, она может ввести в заблуждение и увеличить когнитивную нагрузку.
