Не убивайте мозг, или как доставить посетителю удовольствие от сайта?

Не тратьте энергию пользователей почем зря

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

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

Не будьте вампирами – не крадите силы у посетителей своего сайта! Более того, вы даже можете доставить посетителю удовольствие от взаимодействия с сайтом, воздействуя на мозг положительным образом. Для этого нужно помнить несколько простых принципов восприятия информации.

Рассмотрим актуальные для веб-сайтов приемы, за применение которых мозг скажет вам спасибо.

1. Группировка

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

Наш мозг всегда объединяет объекты в группы, ему так проще воспринимать. Самый простой и очень важный пример группировки – это пункты меню на сайте. Не предлагайте посетителю более 5-7 пунктов. Любая группировка должна облегчать восприятие, иначе зачем она нужна? Если пунктов в меню получается слишком много, их лучше укрупнить.

Нарушения группировки: слишком много пунктов меню и способов группировки товаров

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

Очень много способов группировки товаров, при этом фильтр всего по 2-м параметрам

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

Нарушений группировки нет: главное и укрупненное меню каталога воспринимаются легко

2. Память на расположение постоянных элементов

Наш мозг помогает нам ориентироваться не только в реальном пространстве (города, квартиры, леса и т. п.), но и виртуальном (веб-сайты, компьютерная программы и игры).

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

И если мы заходим на сайт и не видим постоянных элементов на своих местах, то наш мозг теряется и пытается найти привычные ориентиры.

В первые секунды мозг растерялся: где же шапка сайта, на каком я сайте?

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

Шапка сайта на месте, в ней есть вся нужная информация

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

3. Контрасты

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

Контраст формы: мозг фокусируется на более сложных объектах и выделяет их среди простых.

Контраст цвета: мозг фокусируется на самом ярком элементе. Этим ярким элементом, как правило, выступает целевое действие.

Контраст цвета в норме: мозг без проблем фокусируется сначала на картинке, а потом на кнопке

Контраст размера: мозг фокусируется на самом большом объекте.

Нарушен контраст размера: мозг вынужден рассматривать логотип, так как он огромный

Контраст полезен между заголовками в тексте: заголовок страницы всегда должен быть крупнее, чем подзаголовки.

Нарушен контраст заголовка и подзаголовка: они оформлены шрифтом одного размера

Контраст движения: мозг не может игнорировать движущиеся объекты, он мгновенно на них фокусируется.

Нарушен контраст движения: мозг изучает бесполезный виджет с крутящимся земным шаром в первую очередь

4. Положительная динамика

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

Нарушение положительной динамики: сначала должна быть таблица, потом кнопки

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

Контент в три колонки читать сложно

Если говорить про восприятие времени, то левая сторона ассоциируется с прошлым, а правая – с будущим. Именно поэтому кнопка «Отмена»/«Назад» обычно левее кнопки «ОК»/«Применить». Особенно актуально для Корзины в интернет-магазинах.

Есть положительная динамика: кнопка «Оформить заказ» – справа

Итоги

Чтобы доставить удовольствие пользователю, нужно облегчить его мозгу работу. Это можно сделать, учитывая все перечисленные особенности восприятия.

Группировка помогает воспринимать информацию, если в ней 5-7 элементов. Контрасты обращают внимание на какие-либо объекты, расставляют акценты. Положительная динамика нужна для последовательного сканирования страницы сайта.

Ученые активно изучают нервную систему, появляются всё новые открытия. Результаты этих исследований очень интересны и помогают развивать бизнес.

P.S. У посетителей вашего сайта проблемы, они ничего не понимают и задают кучу вопросов менеджерам, хотя на сайте всё написано? Вам кажется, что ваш сайт «ломает мозг» вашим клиентам? Закажите аудит, и мы найдем все проблемы с юзабилити сайта и дадим конкретные рекомендации по улучшению, которые можно использовать как техническое задание на доработку сайта.

Статьи по теме

Как продвигать сайты-аффилиаты в поиске

Оглавление Определение аффилиатов (сайтов одного владельца) Аффилиаты – проблемы и рис�...

2023-08-10

SEO-продвижение сайтов медицинской тематики: лучшие стратегии и практики

Оглавление Определение целевой аудитории и ключевых слов Создание качественного и уник...

2023-08-10

Смысловая уникальность контента: как писать тексты, учитывая всеобщие требования?

Появление новых алгоритмов существенно усложняет жизнь владельцам сайтов. С каждым годом создавать уникальные тексты становится всё т�...

2019-06-07

Таргетированная реклама: из-за чего она оказывается неэффективной?

Таргетированная реклама − один из наиболее эффективных инструментов для продвижения товаров и услуг вашей компании на интернет-просто...

2019-04-17

Отчёты в Google Analytics: как с ними работать?

Google Analytics − полезный многофункциональный сервис, который позволяет получить статистику посещений интернет-сайта. Отчёты имеют свою спе...

2019-02-12

Google Analytics: специфика системы и особенности работы с ней

Система Google Analytics − продукт, который позволяет собрать и упорядочить данные о том, как именно ведут себя гости на вашем сайте. Если вы ран...

2018-12-13

Ретаргетинг на клиентские базы: как правильно настроить «догоняющую» рекламу

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

2018-11-09

Google Merchant Center: особенности размещения магазина

Размещение товарной рекламы − актуальный процесс для компаний. Потенциальные покупатели, выбирая ту или иную продукцию, часто пользуют...

2018-09-24

Фильтры Яндекса: как не попасть под их действие?

Яндекс − активный борец за естественность контента на сайтах и честность продвижения интернет-ресурсов. Чтобы сделать выдачу максимал�...

2018-06-26

Теги h1-h6: как их правильно прописать?

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

2018-06-20

Сниппет Яндекса: последние изменения

Яндекс продолжает совершать шаги в сторону улучшения качества поиска сведений. Последние трансформации коснулись сниппета. В частност�...

2018-05-31

Увеличение трафика на сайт: ищите помощь у конкурентов

Одна из первоочередных целей, которые ставятся перед веб-сайтом, − привлечение максимально возможного числа посетителей. Добиться этог...

2018-05-11

Формирование семантического ядра для рекламной кампании

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

2018-04-11

Оптимизация сайта под голосовой поиск

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

2017-10-25

Яндекс.Директ: что нового?

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

2017-05-18