Usability.by » Blog Archive Является ли дизайн вашего сайта понятным для пользователей? Eye-tracking даёт ответ | Usability.by
Улучшаем взаимодействие пользователей с вашим сервисом Повышаем конверсию
в продажи, заявки или
звонки
Проектируем
новые
продукты
Компания 1Point осуществляет весь спектр услуг в области юзабилити, дизайна, user experience
и веб-аналитики

Является ли дизайн вашего сайта понятным для пользователей? Eye-tracking даёт ответ

Эта статья является первой в цикле статей об eye-tracking исследованиях — совместном проекте сообщества Usability.by и английской компании Realeyes. Специалисты из Англии не только расскажут о технологии eye-tracking на русском языке, разберут кейсы с её практическим применением, но и ответят на любые ваши вопросы.

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

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

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

Понимают ли посетители цель вашего сайта? Или же страница, на которую они попали, их только смущает, не давая ответ о её назначении и цели?

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

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

Eye-tracking технология позволяет получить более подробные данные о взаимодействии людей с пользовательским интерфейсом и поэтому является весьма полезной в анализе эффективности дизайна. Рассмотрим это на конкретном примере.

Человеческий глаз, пробегая по любому изображению, совершает короткие остановки, называемые фиксациями (fixations). Информация о том, где и как долго происходят подобные остановки, даёт объективную картину того, функционирует ли веб-сайт в соответствии с требованиями вашего бизнеса или нет.

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

Теперь давайте сравним это с видеозаписью поведения другого пользователя, совершающего ту же операцию на сайте Game.co.uk. Красные точки появляются гораздо более организованно. В среднем, каждая фиксация более продолжительна, что свидетельствует о более сфокусированном взаимодействии человека со страницей. В этом случае пользователь получает гораздо больше информации о странице, чем в прошлом примере, где экран просто быстро сканировался.

Эти две видеозаписи по отдельности хороши только как примеры. Для того, чтобы сделать достоверные выводы, необходимо собрать данные с 50 (или более) респондентов.

Нижеприведенные графики показывают суммарный результат данных, собранных компанией Realeyes с участием 53 респондентов. Каждому респонденту было предложено приобрести видео-игру на их выбор. Результаты всецело отражают вышеуказанные примеры: средняя длина фиксации на странице Game составила 475 миллисекунд, в то время как на странице Zavvi она составляет 298 миллисекунд.

фиксации на странице Game

фиксации на странице Zavvi

Более продолжительные фиксации на странице Game показывают о большей степени вовлеченности людей по сравнению с Zavvi. Результат: Game.co.uk удалось заинтересовать своих посетителей, а Zavvi нет.

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

Zavvi, к сожалению, имеет противоположную картину эффективности: фиксации на главном меню и бестселлерах имеют продолжительность не более 200 мс. Ученые сходятся во мнении, что фиксации глаз по продолжительности должны быть не менее 220 мс для того чтобы мозг успел обработать достаточное количество информации для её отложения в памяти.

Фиксации часто визуализируются в виде горячих точек. Следующие два изображения визуально показывают интенсивность фиксаций в различных областях каждой страницы:

интенсивность фиксаций на странице Game

интенсивность фиксаций  на странице Zavvi

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

параметры KPI

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

С радостью ответим на ваши вопросы как в комментариях, так и по электронной почте.

Twitter Facebook Google Buzz Вконтакте МойМир Google Bookmarks delicious Memori.ru БобрДобр.ru Mister Wong Technorati МоёМесто.ru I.ua


11 комментариев

  1. Jimm:

    Можно ли провести подобные исследования в домашних условиях?

  2. Ali:

    Вопрос в том, является ли обоснованной понятная в общем-то дороговизна (оплата испытуемым, привлечение испытуемых, дорогостоящая аппаратура и трудозатраты на анализ полученных данных) таких исследований. Мое мнение — нет, эта дороговизна не оправдана. Аналогичные выводы можно получить с использованием гораздо менее дорогостоящих методик. Eye tracking и аппаратура для него — в большинстве случаев просто рекламная «фишка» дорогих юзабилити-лабораторий, типа «косметики из стволовых клеток» :) Способ создать в глазах заказчиков образ чего-то высокотехнологичного и «доступного только посвященным» — в данном случае — юзабилити-специалистам.

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

  3. Мне кажется что такое исследование немного не верное. Поскольку целью этих сайтов есть продать игру. Так вот чем меньше времени человек потратил на то чтоб купить игру, тем лучше — цель достигнута за короткое время. И тут играет роль Фиксации на основных элементах и легкость использования а не средняя продолжительность фиксации. Также интересно как подсчитать процент Успеха? это количество респондентов, которые справились с заданием?

  4. to Jimm : можно. нужно просто купить айтрекер.:)

  5. 2puzik: подсчитать процент Успеха легко. для этого например можно использовать функцию «Цели» в Google Analytics.

  6. Чтоб взгляд не рассевался, необходимо чтоб каждый элемент имел свое выделение цветом (навигация, название блоков) и уменьшить число конкурирующих блоков.
    Game выиграл из-за своей архитектуры, что ещё раз доказывает необходимость в юзабилистах. )

    Жду статей которые бы эксперементально показывали как от изменения размещения блоков улучшаеться восприятие сайта. Спасибо.

  7. Владислав:

    «Веб-аналитика способна предоставить некоторые статистические данные, такие как время, проведенное пользователем на странице, или количество пользователей, покинувших сайт после посещения первой страницы. Однако подобные данные не проливают свет на причины подобного поведения пользователей и на то, каким образом улучшить имеющийся результат». Не согласен принципиально. Очень упрощенный взгляд на веб-аналитику, по моему мнению. Современные сервисы веб-аналитики предоставляют возможность увидеть поведение и действия посетителей на веб-сайте в режиме реального времени (функции видеозаписи движения мышки, тепловые карты внимания и т.д.). Статистические данные в таких системах занимают не более 20% от всей предоставляемой информации. Свежий пример такой системы веб-аналитики http://www.spybox.com.ua/

  8. Владислав:

    Кроме того, можно указать еще такую систему веб-анализа http://webvisor.ru/, и http://www.clicktale.com/

  9. .

    good info!…

  10. .

    tnx for info!!…

  11. .

    áëàãîäàðñòâóþ!…

Комментировать