Оптимизация дизайна по айтрекингу

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

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

Тепловая карта

Почему важно расставлять акценты

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

Влияние айтрекинга на веб-дизайн 

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

Паттерны движения взгляда

На основе многих исследований были выявлены закономерности просмотра веб-страниц пользователями. К ним относятся F-кривая и E-кривая. 

F-модель

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

F-паттерн 

Е-модель

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

Особенности поведения пользователей по данным айтрекингу

• Согласно исследованиям, наибольшее внимание пользователи уделяют именно заголовкам, вопреки распространенному мнению о превосходстве изображений в этом деле. Причем отцентрировать их нужно по левому краю, ведь эта зона любого сайта является "горячей" на тепловой карте.

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

• Существует даже научный термин "баннерная слепота", появившийся благодаря айтрекингу. Он означает, что медийные баннеры абсолютно игнорируются пользователями.

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

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

• Так сложилось, что большая часть аудитории значительно проще воспринимает видео, чем даже самый маленький текст. Айтрекинг-тест подтверждает этот тезис, доказывая, что все внимание пользователя фокусируется на видео.

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

- Месторасположение;

- Размер и выделения;

- Внешний вид по отношению к другим элементам страницы.

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