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

на главную

Жанры

Поделиться:

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

Шрифт:

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

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

В исследованиях визуальных продуктов важную роль играет технология отслеживания

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

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

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

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

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

Как работает наше зрение и почему люди не замечают чего-то на сайте

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

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

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

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

Незаметность чего-то на сайте может быть полезной

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

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

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

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

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

<
12
Комментарии:
Популярные книги

Страж. Тетралогия

Пехов Алексей Юрьевич
Страж
Фантастика:
фэнтези
9.11
рейтинг книги
Страж. Тетралогия

Ваше Сиятельство 2

Моури Эрли
2. Ваше Сиятельство
Фантастика:
фэнтези
альтернативная история
аниме
5.00
рейтинг книги
Ваше Сиятельство 2

Шериф

Астахов Евгений Евгеньевич
2. Сопряжение
Фантастика:
боевая фантастика
постапокалипсис
рпг
6.25
рейтинг книги
Шериф

Сильнейший ученик. Том 1

Ткачев Андрей Юрьевич
1. Пробуждение крови
Фантастика:
фэнтези
боевая фантастика
аниме
5.00
рейтинг книги
Сильнейший ученик. Том 1

Небо для Беса

Рам Янка
3. Самбисты
Любовные романы:
современные любовные романы
5.25
рейтинг книги
Небо для Беса

Авиатор: назад в СССР 10

Дорин Михаил
10. Покоряя небо
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Авиатор: назад в СССР 10

Сердце Дракона. Том 9

Клеванский Кирилл Сергеевич
9. Сердце дракона
Фантастика:
фэнтези
героическая фантастика
боевая фантастика
7.69
рейтинг книги
Сердце Дракона. Том 9

Кодекс Охотника. Книга XIV

Винокуров Юрий
14. Кодекс Охотника
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Кодекс Охотника. Книга XIV

Найди меня Шерхан

Тоцка Тала
3. Ямпольские-Демидовы
Любовные романы:
современные любовные романы
короткие любовные романы
7.70
рейтинг книги
Найди меня Шерхан

Неестественный отбор.Трилогия

Грант Эдгар
Неестественный отбор
Детективы:
триллеры
6.40
рейтинг книги
Неестественный отбор.Трилогия

Покоритель Звездных врат

Карелин Сергей Витальевич
1. Повелитель звездных врат
Фантастика:
боевая фантастика
попаданцы
аниме
5.00
рейтинг книги
Покоритель Звездных врат

Законы Рода. Том 4

Flow Ascold
4. Граф Берестьев
Фантастика:
юмористическое фэнтези
аниме
5.00
рейтинг книги
Законы Рода. Том 4

Столичный доктор. Том III

Вязовский Алексей
3. Столичный доктор
Фантастика:
попаданцы
альтернативная история
5.00
рейтинг книги
Столичный доктор. Том III

Энфис 4

Кронос Александр
4. Эрра
Фантастика:
городское фэнтези
рпг
аниме
5.00
рейтинг книги
Энфис 4