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

Технология отслеживания движения глаз выявляет, куда и сколько времени смотрят люди. Это процесс использования веб-страницы, нам же важнее узнать о ее восприятии: что люди посчитают важным или неважным. Парадокс в том, что заметность элемента – это не всегда хорошо, а незаметность – не всегда плохо. Пример двоякой незаметности: человек периферийным зрением не узнает навигационный элемент (не похож на ранее виденное), а потому игнорирует его, как бесполезный, – это плохо; в другом случае человек специально не смотрит на элемент навигации (например, поле поиска), зная, что в нужный момент найдет его в привычном месте – и это хорошо!

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

Итоговая формула от Якоба Нильсена и Кары Перниче звучит так: «Если пользователь упустит что-нибудь для него важное, то это означает, что страница оформлена плохо. А если он пропустит что-нибудь ему ненужное ради экономии времени, то это явный признак грамотно скомпонованной страницы».

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

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

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

Учитывайте намерения и возможности пользователей

Направленность взгляда отражает поведение человека. Это известно благодаря гипотезе согласованности мысли и взгляда: люди обычно думают о том, на что смотрят сосредоточенно. И чем дольше смотрят, тем больше вдумываются. Правда, «думать» не всегда означает «понимать»: зачастую пользователи, даже рассмотрев элемент веб-страницы (кнопку, ссылку, баннер), не выбирают его, так как не поняли предназначение элемента. Времени на понимание – лишь мгновения.

Из гипотезы согласованности также следует, что направленность взгляда зависит от цели пользователя. Поэтому удобство веб-страницы всегда связано с поиском ответов на вопросы «Кто пользователи?» и «Что они пытаются сделать?». Разным аудиториям обычно не подходит одно и то же оформление. Например, часто встречаются модные интерфейсы, которые удобны их авторам – дизайнерам и технарям, но заводят в тупик простых людей, хотя эти сайты нацелены на привлечение именно массового клиента.

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

Что нужно людям, когда они посещают сайт.

Что видят и делают люди, когда заходят на сайт.

На какие участки сайта люди должны среагировать в первую очередь.

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

Не путайте страницу сайта с банковским счетом

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

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

Логотип в верхнем левом углу всех страниц.

Меню в верхней и/или в левой части страницы. Четкая графика и продуманная цветовая палитра меню.

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

Кнопка «Домой» в меню или рядом с ним на всех страницах, кроме первой.

Точка входа и выхода из системы в правом верхнем углу всех страниц.

Служебная навигация (менее заметная, чем глобальная) в самом верху всех страниц.

Для интернет-торговли – значок корзины/тележки в правом верхнем углу всех страниц.

Разреженные страницы.

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