Автор : КнигиКратко Библиотека
Название книги: Краткое содержание «Веб-дизайн. Анализ удобства использования веб-сайтов по движению глаз»
Читать на сайте: https://mir-knigi.org/author/knigikratko-biblioteka/kratkoe-soderzhanie-veb-dizain-analiz-udobstva

По материалам книги

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

Автор краткого обзора: _Библиотека «Главная мысль»_

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

В исследованиях визуальных продуктов важную роль играет технология отслеживания движения глаз. Подобные научные изыскания начались еще в XIX веке, но лишь в конце XX – начале XXI века появились приборы и методики, которые позволили получить результаты, пригодные для бизнеса.

Основа данной книги – результаты одного из крупнейших в мире исследований англоязычного сегмента Интернета: было проанализировано около полутора миллионов фиксаций взглядов сотен пользователей, изучавших веб-сайты. Но впечатляет не только масштаб: авторам удалось сформулировать принципы повышения удобства (эргономичности) сайтов для увеличения прибыли их владельцев. Львиная доля материала касается именно коммерческих интернет-проектов, хотя есть важная информация о некоммерческих и государственных.

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

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

О глубине материала свидетельствуют и личности соавторов: Якоб Нильсен – доктор философии, глава американской компании Nilsen Norman Group, инженер и гуру эргономики в дизайне, Кара Перниче – магистр управления коммерческой деятельностью и бакалавр искусств.

КАК РАБОТАЕТ НАШЕ ЗРЕНИЕ И ПОЧЕМУ ЛЮДИ НЕ ЗАМЕЧАЮТ ЧЕГО-ТО НА САЙТЕ

Общеизвестно сравнение человеческого глаза и фотокамеры. Но напомним важное их отличие: фотоаппарат обеспечивает резкость всего кадра, а наш зрительный орган – нет; мы видим четко только в центре – куда смотрим, а на периферии все размыто. Глазам помогает мозг, который из множества маленьких резких фрагментов выстраивает общую картину. Почему так, почему природа не дала нам возможности видеть все сразу в большой резкости? Это эволюционный защитный механизм – чтобы уменьшить нагрузку и на глаза, и на «серое вещество».

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

Чтобы рассмотреть объект, то есть мысленно сложить его пазл, взгляд перемещается по изображению скачкообразно и очень быстро – от одной сотой до одной десятой секунды. Во время таких скачков картинка настолько размыта, что мы практически слепнем. Момент, когда взгляд на чем-то задерживается и «наводит резкость», называется _фиксацией_. Обычно фиксация длится от одной десятой до половины секунды. В идеале человек должен тратить на просмотр и понимание каждого элемента одну фиксацию взгляда.

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

НЕЗАМЕТНОСТЬ ЧЕГО-ТО НА САЙТЕ МОЖЕТ БЫТЬ ПОЛЕЗНОЙ

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

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

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

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

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

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

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

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

УЧИТЫВАЙТЕ НАМЕРЕНИЯ И ВОЗМОЖНОСТИ ПОЛЬЗОВАТЕЛЕЙ

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

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

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

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

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

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

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

НЕ ПУТАЙТЕ СТРАНИЦУ САЙТА С БАНКОВСКИМ СЧЕТОМ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ОТКРЫТОЕ ПОЛЕ «ПОИСК» СТАНОВИТСЯ СПАСЕНИЕМ

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

Конец ознакомительного фрагмента.

Текст предоставлен ООО «ЛитРес».

Прочитайте эту книгу целиком, купив полную легальную версию на ЛитРес.

Безопасно оплатить книгу можно банковской картой Visa, MasterCard, Maestro, со счета мобильного телефона, с платежного терминала, в салоне МТС или Связной, через PayPal, WebMoney, Яндекс.Деньги, QIWI Кошелек, бонусными картами или другим удобным Вам способом.

Читайте больше книг на сайте онлайн-библиотеки mir-knigi.org