Краткое содержание «Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз»

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

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

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

О чем говорит тепловая карта на сайте Dansk? Горячие точки на служебной навигации (вверху – Basket/Корзина, Help/Помощь, Store Locator/Адреса магазинов; внизу – Home/Домой и т. д.) подтверждают, что пользователи стремились бегло просмотреть всю первую страницу, даже малопривлекательные зоны, поскольку она не загромождена и удобна.

Чем именно удобна главная страница Dansk?

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

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

Открытое поле поиска тоже в ожидаемом месте – в правом верхнем углу.

Корзина для покупок тоже в привычном верхнем углу.

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

Если судить по тепловой карте на сайте FreshDirect, пользователи изучили б'oльшую часть этой начальной страницы: она проста и свободна, хотя представлен широкий ассортимент бакалеи. Каждый продукт можно увеличить и рассмотреть детальнее.

Открытое поле «Поиск» становится спасением

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