Веб-дизайн по методу отслеживания движений глаз

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

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

В Америке был проведен эксперимент и разработана методология исследования удобства сайта, основанная на методе отслеживания движений глаз. Исследование проводил гуру юзабилити сайтов Якоб Нильсен, основатель компании, занимающейся предоставлением консультационных услуг по usability сайтов — Nielsen Norman Group. Вместе со своим соавтором, Карой Перниче, они сделали ряд выводов о том, как происходит взаимодействие человека с веб – содержимым.
На основании этих выводов появилась уникальная возможность улучшить внешний вид сайта и улучшить его удобство для пользователя. В зависимости от того, какую цель преследует посетитель веб-страницы, меняется то, как именно он ее просматривает.

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

Компоновка страниц

При компоновке страниц следует руководствоваться следующими правилами:

1. Избегать перегруженности. Перегруженные элементами страницы отталкивают посетителей сайта.
2. Средства навигации размещаются вверху страницы.
3. Поле поиска и корзина должны находиться в правом верхнем углу.
4. Логотип должен располагаться в левом верхнем углу
5. Служебная навигация (помощь, связь) должна находиться в самом верху. Текст элементов должен быть набран мелким шрифтом, а фон сливаться.
6. Плотность компоновки страницы должна быть разреженной.

Навигация

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

1. Название ссылки должно оправдывать содержание. Многообещающая ссылка — многообещающее содержание.
2. Кнопки должны быть небольшими, иметь обрамление, а возможно и затемнение и быть обозначенными одним или несколькими словами.
3. Кнопки располагаются ниже списка или поля, а также в конце формы.
4. Отсутствие на веб-странице ложных кнопок. Щелкая по такой лже-кнопке у пользователя возникает неприятное чувство, будто его обманули.

Основные элементы веб-страницы

Логотип

У логотипа две функции — опознавательная и навигационная. При нажатии на него пользователь попадает на главную страницу, а при простом взгляде ему сразу становится понятно, на каком сайте он находится. Левый верхний угол — идеальное место для логотипа. Если вдруг сайт поменяет свой дизайн, логотип поможет пользователю опознать его.

Корзина для покупок

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

Формы и поля

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

Изображения

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

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

Реклама

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

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

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *