Когнитивная нагрузка в веб–дизайне: как сделать все, чтобы пользователь расслабился

В современном интернет–пространстве, и так перенасыщенном информационным шумом, важно уметь не только создавать функциональные и привлекательные интерфейсы, но и уметь снижать уровень когнитивной нагрузки на пользователя.

Представьте, что вы попали на портал, перегруженный информацией: в меню – десятки разделов, на главной – несколько кнопок, назначение которых не совсем понятно, тексты просто бесконечны, а от поиска нужного постоянно отвлекают анимации и всплывающие окна. Захочется ли вам продолжать взаимодействие с таким ресурсом? Увы, но статистика демонстрирует, что этого не хочется и вашим потенциальным клиентам: 90% пользователей откажутся разбираться в том, как оформить заказ или воспользоваться вашими услугами, и просто закроют сайт. Простота и функциональность – вот главные требования к эффективным интерфейсам. В статье разберемся, как снижение когнитивной нагрузки влияет на конверсию вашего ресурса, и что с этим делать.

Что такое когнитивная нагрузка?

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

Основоположником теории когнитивной нагрузки принято считать Джона Свеллера, в 1988 году в своем исследовании «Cognitive Load Theory, Learning Difficulty, and Instructional Design» сформулировавшего концепцию того, как умственное напряжение влияет на способность воспринимать информацию, запоминать новое и формировать долговременные воспоминания. Однако в сфере веб–дизайна термин когнитивной нагрузки ввел в использование Стив Круг, в 2000 году опубликовавший книгу «Не заставляйте меня думать». Именно этот труд объясняет, как умственные усилия влияют на юзабилити сайтов и приложений.

Виды когнитивной нагрузки

 Современные специалисты в UX/UI выделяют несколько типов умственной нагрузки, с которой сталкиваются пользователи интернета и мобильных приложений.

Внутренняя нагрузка

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

Внешняя нагрузка

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

Герменевтическая нагрузка

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

5 причин не перегружать пользователей

От совокупного уровня умственной нагрузки напрямую зависит то, насколько ваш ресурс понравится целевой аудитории и захотят ли они заглянуть на страницы портала снова. Есть 5 основных причин следить за этим уровнем и стремиться к его снижению:

Причина 1. Улучшение пользовательского опыта (UX)

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

Причина 2. Снижение уровня отказов

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

Причина 3. Экономия времени и ресурсов

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

Причина 4. Доступность

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

Причина 5. Репутация бренда

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

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

Как измерить, «не грузите» ли вы пользователей?

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

Юзабилити–тестирование

Исследования с участием реальных пользователей – всегда самые объективные. Попросите их выполнить определенные задачи (например, найти товар и оформить заказ или зарегистрироваться на сайте) и засеките время, которое для этого понадобилось. Обязательно наблюдайте за участниками эксперимента в процессе исследования: их комментарии и ошибки помогут вам сделать свой портал лучше.

Анализ тепловых карт

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

Создать тепловую карту своего ресурса можно при помощи Яндекс Метрики, сервисов Hotjar или Mouseflow.

Обратная связь

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

Поведенческие метрики

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

Оценка уровня умственной нагрузки в веб-дизайне настолько важна, что крупные проекты прибегают даже к применению медицинских методов. Так, айтрекинг или отслеживание движения глаз помогают понять, какие элементы притягивают внимание, а ЭЭГ, измеряющее активность мозга, наглядно демонстрирует, в какие моменты испытуемый особенно напрягается.

«Расслабьтесь и получайте удовольствие»: как снизить нагрузку?

Минимализм, который остается в тренде оформления сайтов в последние годы, не просто так пользуется популярностью: этот стиль – идеальное решение для тех, кому важна как эстетика, так и функциональность своей площадки. Вот несколько простых советов, которые помогут снизить когнитивную нагрузку на посетителей:

• Минимизируйте количество элементов на странице. Каждая иконка, блок, форма и анимация должны иметь четкую цель, а не только нести эстетическую функцию;
• Упрощайте навигацию. Понятные и логичные меню, в которых 5–7 разделов максимум, позволяют легче ориентироваться внутри портала, а подсказки–хлебные крошки упростят путь к целевому действию;
• «Облегчайте» контент. Речь не только о размещенных на сайте текстах, которые априори должны быть грамотными, понятными и интересными, но и об используемой типографике, оттенках, размере шрифтов. Используйте свободное пространство, чтобы облегчить восприятие контента;
• Используйте привычные паттерны. Знакомые и последовательные элементы дизайна, которые расположены в привычных местах, помогают быстрей освоиться на площадке;
• Применяйте метод прогрессивного раскрытия информации. Действуйте от простого к сложному, представляя данные постепенно. Например, пошаговые инструкции лучше воспринимаются пользователями, чем длинные и пространные тексты.

Создавая шаблоны в Taptop, наша команда руководствовалась не только трендами, но и базовыми принципами снижения когнитивной нагрузки Дружелюбный интерфейс, узнаваемые элементы, понятная навигация – в каждом макете мы учли самое важное, чтобы ваш сайт, созданный при помощи визуального редактора кода, демонстрировал высокую конверсию.

Мы не ограничиваем пользователей, которые хотят реализовать свой творческий потенциал: вы можете создать портал с нуля, кастомизируя любые блоки и элементы. Если вы только начинаете свой путь в веб–дизайне, тестируйте все свои идеи: функции Taptop позволяют быстро вносить правки в любой проект.