Краткое содержание «Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз»
Шрифт:
Пример тепловой карты. Она показывает общее число фиксаций взглядов всех участников эксперимента, изучавших веб-страницу. Красный цвет обозначает места, куда смотрели больше всего.
Учитывайте намерения и возможности пользователей
Направленность взгляда отражает поведение человека. Это известно благодаря гипотезе согласованности мысли и взгляда: люди обычно думают о том, на что смотрят сосредоточенно. И чем дольше смотрят, тем больше
Из гипотезы согласованности также следует, что направленность взгляда зависит от цели пользователя. Поэтому удобство веб-страницы всегда связано с поиском ответов на вопросы «Кто пользователи?» и «Что они пытаются сделать?». Разным аудиториям обычно не подходит одно и то же оформление. Например, часто встречаются модные интерфейсы, которые удобны их авторам – дизайнерам и технарям, но заводят в тупик простых людей, хотя эти сайты нацелены на привлечение именно массового клиента.
Свои интересы есть и у создателей/владельцев сайта, которые желают определенных действий от посетителей. Чтобы найти общее компромиссное решение, при планировании сайта необходимо выяснить:
Что нужно людям, когда они посещают сайт.
Что видят и делают люди, когда заходят на сайт.
На какие участки сайта люди должны среагировать в первую очередь.
Проще говоря, при создании сайта, страницы, сервиса, надо отыскать баланс между тем, что пользователи должны делать, что хотят делать и что смогут сделать.
Не путайте страницу сайта с банковским счетом
Несмотря на различия в опыте и задачах, люди надеются получить от дизайна веб-страниц, даже если не думают о дизайне, сходные впечатления. Прежде всего то, что в ожидаемых местах увидят самое необходимое.
Создавать ожидаемые места и управлять вниманием пользователей помогают стандарты веб-дизайна. Вот некоторые правила, которые названы в числе первых.
Логотип в верхнем левом углу всех страниц.
Меню в верхней и/или в левой части страницы. Четкая графика и продуманная цветовая палитра меню.
Открытое поле поиска в правом углу всех страниц.
Кнопка «Домой» в меню или рядом с ним на всех страницах, кроме первой.
Точка входа и выхода из системы в правом верхнем углу всех страниц.
Служебная навигация (менее заметная, чем глобальная) в самом верху всех страниц.
Для интернет-торговли – значок корзины/тележки в правом верхнем углу всех страниц.
Разреженные страницы.
Последний пункт требует особого разговора. «Недостаточная разреженность, излишняя загроможденность остается проблемой большинства сайтов», – констатируют авторы книги. И добавляют: «Веб-страницы – это не банковские счета, их пополнение еще не означает, что это хорошо».
Причинами чрезмерной плотности и перегруженности страниц, особенно главной, названы «неправильная политика и отсутствие
Плотность страницы вообще слабо влияет на количество фиксаций взгляда: выявлена взаимосвязь лишь на 8 %. Зато количество фиксаций существенно растет благодаря удобному размещению элементов. Быстрее обнаруживаются даже вторичные элементы, если снизить их заметность – уменьшить шрифт, приглушить цвет и т. п.
Разреженные веб-страницы, простые и ожидаемые элементы облегчают и стимулируют просмотр. Это подтвердилось, в частности, когда участников исследования попросили купить посуду на сайте компании Dansk и бакалею на сайте фирмы FreshDirect.
О чем говорит тепловая карта на сайте Dansk? Горячие точки на служебной навигации (вверху – Basket/Корзина, Help/Помощь, Store Locator/Адреса магазинов; внизу – Home/Домой и т. д.) подтверждают, что пользователи стремились бегло просмотреть всю первую страницу, даже малопривлекательные зоны, поскольку она не загромождена и удобна.
Чем именно удобна главная страница Dansk?
Логотип, как и положено, в левом верхнем углу. Он же указывает на то, как вернуться на первую с другой страницы. На логотип не смотрели, так как хватает периферийного зрения, дабы убедиться, что он на месте.
Главное меню находится там, где его ищут, – вверху, пусть даже и смещено вниз на темной плашке.
Открытое поле поиска тоже в ожидаемом месте – в правом верхнем углу.
Корзина для покупок тоже в привычном верхнем углу.
Вся служебная навигация – вверху и внизу – набрана мелким текстом и разделена тонкими линейками, не выделена фоном. Она менее заметна, чем главное меню, и пользователи легко определяют второстепенность служебных ссылок.
Если судить по тепловой карте на сайте FreshDirect, пользователи изучили б'oльшую часть этой начальной страницы: она проста и свободна, хотя представлен широкий ассортимент бакалеи. Каждый продукт можно увеличить и рассмотреть детальнее.
Открытое поле «Поиск» становится спасением
Если сайт малознаком, то при беглом просмотре страниц поле поиска очень полезно. И вот почему. Во-первых, при незнакомой структуре ресурса даже меню слабо поможет, зато у всех есть опыт работы с поиском. Во-вторых, задачу проще решить, введя простой поисковый запрос. В-третьих, если сайт загроможден, снова выручит поиск.
Конец ознакомительного фрагмента.