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

Отслеживание движения взгляда

Отслеживание движения взгляда подразумевает полный учёт всего, что отмечает человеческий взгляд при просмотре какой-либо веб-страницы.

Обычно для пользователей характерна модель просмотра страниц «F/E».

F-паттерн – термин, означающий движение взгляда пользователя по странице горизонтально, с последующим постепенным перемещением взгляда вниз.

Время от времени взгляд посетителей движется слева направо в нижней части страницы, отчего траектория взгляда называется Е-паттерном, выходящим из F-модели.

Немного статистики:

  • 80% времени, потраченного пользователем на изучение страницы, занимает просмотр информации в верхней части веб-страницы или в той её части, для просмотра которой не требуется прокрутка.
  • 69% всего времени пользователи тратят на просмотр левой части веб-страницы.
  • Большие изображения на заметном месте первыми привлекают внимание пользователей, и лишь затем читатели переходят к изучению предложенного текста.
  • При просмотре нецелевой веб-страницы пользователи, как правило, не уделяют особого внимания её правой части.
  • Высокий уровень грамотности пользователя сигнализирует о том, что тот будет внимательно изучать текст на сайте. Аудитория, не обладающая высоким уровнем грамотности, читает тексты вскользь.

Как Eye-Tracking влияет на веб-дизайн

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

Логотипы

Если логотип и эмблемы размещены на странице вверху слева, то вероятность запоминания их пользователем возрастает на 58, 4% по сравнению с другими местами.

Размер кнопок

Увеличьте размер маленькой кнопки сего лишь на 10%, и пользователям будет намного проще её заметить.

Размещение

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

Пространства

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

Проектирование эффективного сайта

Чему способствует хороший дизайн:

  • Быстрое взаимодействие.
  • Простая навигация по сайту.
  • Рост удовлетворённости пользователя и рост числа его возвратов на сайт.

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

Советы по созданию сайта

  1. Размещайте логотип в левом верхнем углу сайта и не позволяйте главному баннеру отвлекать внимание от лого вашей компании.
  2. Лучшее место для важного контента – левая часть страницы сайта.
  3. Самое подходящее место для панели навигации – верх веб-страницы или её левая часть, однако верхняя область всё-таки предпочтительнее.
  4. Размещая на веб-странице контент или изображения, помните, что движение глаз пользователя повторяет контуры букв F и Е.
  5. Всю важную для пользователя информацию размещайте в первых двух абзацах текста.
  6. Избегайте «простыней» текста, единичные пользователи прочтут их целиком.

Заключение

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