Войти как пользователь
Вы можете войти на сайт, если вы зарегистрированы на одном из этих сервисов:

Юзабилити-лаборатория: eye-tracking исследование туристических сайтов greenfox-travel.ru и onlinetours.ru

Россия +7 (495) 960-65-87
Шрифт:
0 10387

В апреле редакция SEOnews и компания «Ашманов и партнеры» запустили новый проект «Юзабилити-лаборатория». Суть проекта: раз в месяц специалисты «Ашманов и партнеры» выбирают один сайт и делают для него бесплатный юзабилити-аудит, результаты которого затем публикуются на SEOnews.

В сегодняшнем выпуске «Юзабилити-лаборатории» мы будем разбирать два сайта туристической тематики — greenfox-travel.ru и onlinetours.ru.

В текущий выпуск «Юзабилити-лаборатории» мы решили включить небольшое исследование с использованием компактного eye tracker TheEyeTribe для отслеживания движения глаз пользователей. В исследовании принимали участие 10 представителей из целевой аудитории (5 женщин и 5 мужчин в возрасте от 23 до 48 лет). Eye tracker имеет ряд ограничений, поэтому для тестирования пользователям предъявлялись веб-страницы в формате изображений, доступных для вертикального скроллинга. Подробнее о самом устройстве можно прочитать здесь.

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

Главная страница

Greenfox-travel

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

1.png
Фрагмент тепловой карты главной страницы greenfox-travel.ru

Рекомендации:

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

Onlinetours

Основной акцент главной страницы сделан на сервисе поиска туров. Кроме ручного ввода параметров также доступен выбор направления отдыха «в 1 клик». Пользователи оценили функцию как полезную с одним «но»: в блоке поиска «Названия и ценники читаются с трудом».

2.png
Сервис поиска туров на главной странице onlinetours.ru

Рекомендации:

  • Используйте контрастные фоновые подложки для текстовых элементов, например:

3.png
Продуктовые блоки на главной странице greenfox-travel.ru

Наблюдение:

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

Информация к размышлению: возникает вопрос относительно целесообразности размещения информационных материалов на главной странице. По данным тепловой карты greenfox-travel.ru, большая часть пользователей переходит по ссылкам на страницы туров, не просматривая главную страницу до конца (в ее нижней области размещены статьи из блога). А на сайте onlinetours.ru главная страница вообще включает в себя только блок подбора и конкретные предложения туров. Все просто.

4.png
Информационный материал на главной странице greenfox-travel.ru

Горящие туры

Greenfox-travel

Основная проблема страницы — неактуальность акций. Проблема усугубляется тем, что пользователи просматривают страницу бегло, захватывая вниманием преимущественно заголовки, 2-3 характеристики туров и фотографии. Вероятнее всего, изучать подробные условия пользователь станет уже на странице акции и только там заметит, что она неактуальна. Рекомендация очевидна: своевременно обновляйте контент, удаляйте из списка туров те, которые уже не актуальны.

5.png
Карта движений глаз в каталоге «Горящие туры» greenfox-travel.ru: пользователь бегло просматривает каталог, и неактуальные сроки действия акций не попадают в фокус внимания

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

Onlinetours

При переходе на страницу горящих туров посетитель сразу видит блок для поиска туров (такой же, как и на главной странице). Но пользователь преследует цель посмотреть весь список предложений, поэтому нецелесообразно показывать ему раскрытый блок для подбора на первом «рабочем экране». Пользователь выразил это так: «Я просто хочу посмотреть туры».

Это наглядно подтверждает карта Burnthrough («прожигающий взгляд» пользователей на скриншотах ниже подсвечивает зоны наибольшего внимания). На первом скриншоте — главная страница: внимание сфокусировано на строке поиска и блоке подбора. Также выхвачена ссылка «Горящие туры» в «шапке».

6.png
Главная страница onlinetours.ru

На втором скриншоте — каталог горящих туров: сервис поиска уже не привлекает внимание, турист переключился на список предложений.

7.png
Каталог горящих туров onlinetours.ru

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

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

Рекомендации:

  • На внутренних страницах сайта целесообразно использовать компактный режим отображения блока подбора в виде строки поиска.

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

Рекомендации:

  • Акцентируйте внимание аудитории на ключевой информации.

Полезным сервисом пользователям показался фильтр туров по количеству дней до вылета: «Удобно, можно рассчитать время до поездки». А также указание на размер скидки в процентах, которое станет дополнительным мотивирующим фактором для колеблющегося пользователя: «Прикольно. Тур стоит на 20% дешевле, а раньше стоил 40 тысяч».

8.png
Каталог горящих туров onlinetours.ru

Наблюдение:

R Мужчины при планировании отдыха часто задаются вопросом «Сколько стоит?» и потому обращают внимание на эту информацию.

9.png
Каталог горящих туров onlinetours.ru: МУЖЧИНЫ

В то же время женщин больше заботит вопрос «Что же выбрать?». Как видно на скриншоте ниже, информация о цене попадает у девушек в «мертвую зону». Однако фразу «Купили новое бикини и не терпится не белоснежный пляж?» они не оставили без внимания. :)

10.png
Каталог горящих туров onlinetours.ru: ЖЕНЩИНЫ

Страница акции

Greenfox-travel

На главной странице расположен блок «Свежие горящие туры», но при переходе на страницу конкретной акции эта особенность тура никак не обозначена. Пользователь: «Я бы не понял, что тур горящий. Непонятны даты и сколько дней до вылета».

Вопрос стоимости является одним из ключевых при принятии решения. Непрозрачное ценообразование — серьезный барьер при планировании бюджета на поездку:

  • Стоимость на странице указана в формате «от...» и в двух валютах. Неочевидно, нужно ли их суммировать. Кроме того, у пользователей могут возникнуть сложности при конвертации валют. Девушка-респондент: «Для меня всегда проблема переводить доллары или евро в рубли. Обязательно ошибусь...».
  • Наличие дополнительных трат (авиаперелет, топливный сбор, входные билеты в музеи и пр.) не позволяет представить, какой будет итоговая сумма.

11.png
Страница акции greenfox-travel.ru: не указаны даты вылета и итоговая стоимость

Рекомендации:

  • Отображайте итоговую стоимость за услугу в российской валюте.

Еще одной критичной проблемой является отсутствие призыва к действию и кнопки заказа выбранной услуги. После просмотра страницы пользователь чувствует себя «брошенным» и возникает вопрос: «Что делать дальше? Куда кликать? Я зависла...».

Рекомендации:

  • На странице должна быть очевидная возможность совершить целевое действие и четкий призыв к нему («Узнать больше», «Заказать» и пр.), чтобы дать заинтересованному посетителю связаться с вами.

В процессе исследования мы еще раз убедились, что яркие сочные фотографии активно притягивают к себе внимание пользователей: «Я всегда сначала смотрю фотографии, так легче понять», «Люблю, когда много фотографий». Но фото-слайдер размещен в самом низу страницы акции и доступен только тем посетителям, которые проскролили ее до конца.

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

12.png
Страница акции greenfox-travel.ru: фото-слайдер размещен внизу страницы над «футером»

Рекомендации:

  • Разместить фото-слайдер вверху страницы, чтобы сделать его легкодоступным для аудитории. По разным исследованиям, доля визуалов среди людей колеблется от 35 до 45%. То есть примерно 1/3 аудитории оценивает и запоминает предложение по тому, как оно оформлено. Поэтому сочные и привлекательные фотографии могут стать весомым мотивирующим фактором для совершения заказа.
  • Следует реализовать на сайте возможность просмотра увеличенных версий изображений по клику.

Страницы акций greenfox-travel.ru оформлены по-разному. На некоторых из них недостаточно фото-материалов и данных о том, какие конкретно отели участвуют в акции. Пользователи искали кнопку «Подробнее» или «Узнать больше» перед тем, как перейти к заявке. Им было просто недостаточно данных, чтобы принять решение.

На примере ниже после просмотра кратких данных об условиях акции пользователь кликнул (место клика — красный кружок) по текстовому элементу «Отель 4*», ожидая перехода на карточку отеля.

13.png
Страница акции greenfox-travel.ru

Onlinetours

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

Нескольким пользователям не хватило информации о самом отеле, участвующем в акции: «Зачем дополнительно переходить на страницу отеля, чтобы увидеть фото, отзывы и карту? Ведь акция связана с конкретным отелем, эта информация уже должна быть здесь».

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

14.png
Страница акции onlinetours.ru: список преимуществ отеля недостаточно заметен

Рекомендации:

  • Сократить первый текстовый блок, чтобы привлечь внимание аудитории к описанию отеля (списку преимуществ) и поднять ближе к первому «рабочему экрану» конкретные предложения вылетов.
  • Расширить информацию про отель: разместить фотографии и указать на карте его расположение, а также создать самостоятельный компактный блок с отзывами туристов, которые побывали в этом отеле.

Карточка отеля

Greenfox-travel

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

На данный момент посетители greenfox-travel.ru вынуждены приложить усилия, чтобы оценить удаленность отеля от аэропорта и центра ближайшего города (нужно самостоятельно искать на карте). Ссылка на отзывы об отеле вынесена на виджет «Карта», так что никто из респондентов ее не заметил. Однако несколько пользователей оценили присутствие карты и отметили, что эта информация для них важна: «Обычно смотрю, что рядом и куда можно съездить» .

15.png
Виджет «Карта» на странице отеля greenfox-travel.ru

Призыв к действию и кнопка «Подобрать тур с этим отелем» расположены не оптимально над «футером», что снижает их потенциал привлечь к себе внимание.

16.png
Нижняя область карточки отеля greenfox-travel.ru

Рекомендации:

  • Необходимо разместить на странице подробную информацию об отеле. Призыв «Узнайте более детальную информацию об инфраструктуре отеля у наших экспертов» не воодушевляет, а скорее является барьером для формирования интереса к предложению.
  • Для отзывов следует создать самостоятельный блок.
  • Пользователи отметили, что было бы полезно разделение на платные и бесплатные услуги: «Что доступно в отеле, а за что нужна доплата?». Например, как на сайте onlinetours.ru.

17.png
Страница отеля onlinetours.ru

Onlinetours

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

18.png
Страница отеля onlinetours.ru

Пользователи не сразу смогли обнаружить вкладку «Карта и фото», ожидая увидеть виджет с картой на основной вкладке отеля.

Полезный и информативный блок «Услуги отеля» труднодоступен для просмотра (размещен на 5-ом «экране прокрутки»), что не вполне отвечает назначению страницы и потребностям пользователей.

Рекомендации:

  • Акцентировать внимание пользователей на датах перелета и длительности отдыха, например, использовать оформление со страницы акции

19.png
Страница акции onlinetours.ru

  • Расположить блок «Услуги отеля» сразу после таблицы с предложениями перелетов. Также в верхнем блоке с краткой информацией об отеле можно поставить «якорную» ссылку на более подробную информацию об услугах отеля.
  • Стоит подумать над размещением виджета «Карта» на основной вкладке отеля.

Информация к размышлению: по данным статистики, в среднем пользователи обращают внимание на отзывы в 2 раза чаще, чем на рейтинг.

Наблюдение:

  • В отличие от женщин, мужчины обращают заметно большее внимание на рейтинг отеля и наличие Wi-Fi :)

20.png
21.png
Карточка отеля onlinetours.ru: МУЖЧИНЫ

22.png
23.png
Карточка отеля onlinetours.ru: ЖЕНЩИНЫ

И в заключение: если сравнивать длительность визитов респондентов во время исследования на протестированных страницах, то некоторое преимущество имеет сайт onlinetours.ru.

24.png
Общая длительность визита (в миллисекундах)

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

Удачи Вам!


Есть о чем рассказать? Тогда присылайте свои материалы Даше Калинской


Новые 
Новые
Лучшие
Старые
Сообщество
Подписаться 
Подписаться на дискуссию:
E-mail:
ОК
Вы подписаны на комментарии
Ошибка. Пожалуйста, попробуйте ещё раз.
Поделиться 
Поделиться дискуссией:
Отправить отзыв
ПОПУЛЯРНЫЕ ОБСУЖДЕНИЯ НА SEONEWS
SEOnews и Serpstat запускают конкурс для интернет-маркетологов
Eugene Lata
51
комментарий
0
читателей
Полный профиль
Eugene Lata - Отметил, спасибо.
Как построить качественную ссылочную массу сайта
Айрат Рахимзянов
39
комментариев
0
читателей
Полный профиль
Айрат Рахимзянов - Спасибо Кирилл. Сейчас восстановилась работа сервиса: take.ms/ttXrw
«Я оптимизировал сайт, а он не в ТОП! Что делать?»
Павел Горбунов
7
комментариев
0
читателей
Полный профиль
Павел Горбунов - Как можно в инструменте tools.pixelplus.ru/tools/text-natural сравнить текст со страницы конкурента и со своей страницы? Я вижу возможность только для проверки одного урла.
Мир глазами поисковых систем
Александр Рунов
5
комментариев
0
читателей
Полный профиль
Александр Рунов - Какой регион, если не секрет? В Мск, в ряде ВК тематик (в тех же "окнах" или "колесах"), без работы с внешними факторами по ВЧ запросам в ТОП не выплывешь. Хотя в большинстве направлений вполне реально.
Влияние HTTPS на ранжирование региональных поддоменов в Яндексе
Екатерина Иванова
1
комментарий
0
читателей
Полный профиль
Екатерина Иванова - Посмотрите на сколько упал трафик и на сколько потом вырос:упал на 10-20% на 1 месяц, а вырос в итоге в 5 раз. Одним мартовским трафиком всё падение перекрыли. Или можно ждать Яндекс неопределённое количество времени со стартовым уровнем трафика. Упущенные возможности и всё-такое.
Google.ru внесли в реестр запрещенных сайтов
Гость
1
комментарий
0
читателей
Полный профиль
Гость - Гон, все работает и будет работать. Да и пусть банят, будет как с рутрекером.
Инфографика: самые распространенные SEO-ошибки Рунета
Дмитрий Панфилов
2
комментария
0
читателей
Полный профиль
Дмитрий Панфилов - написано, но не это и не так )
SEMrush: факторы ранжирования в Google в 2017 году
Анна Макарова
292
комментария
0
читателей
Полный профиль
Анна Макарова - Уважаемый S1, я тоже понимаю, что есть такие люди, которые заметив допущенную неточность несутся на всех парусах продемонстрировать "силу" своего ума. Спасибо вам за пристальное внимание. Это поможет нам быть лучше.
Монетизация сайта. Как, когда, сколько?
Ruslan Baybekov
2
комментария
0
читателей
Полный профиль
Ruslan Baybekov - Максим, добавили возможность вывода дохода на Яндекс Деньги и WMR.
Интеграция call tracking и CRM: углубленный анализ данных о звонках и продажах
Денис
2
комментария
0
читателей
Полный профиль
Денис - Какой смысл вообще в облачных CRM, обрезанный фугкционал, свое дописать невозможно, слив клиентов другим компаниям. Серверные бесплатные CRM куда надежней и кастамизируй как хочешь.
ТОП КОММЕНТАТОРОВ
Комментариев
910
Комментариев
834
Комментариев
554
Комментариев
540
Комментариев
483
Комментариев
373
Комментариев
292
Комментариев
262
Комментариев
219
Комментариев
171
Комментариев
156
Комментариев
137
Комментариев
121
Комментариев
97
Комментариев
97
Комментариев
95
Комментариев
80
Комментариев
77
Комментариев
67
Комментариев
60
Комментариев
59
Комментариев
55
Комментариев
52
Комментариев
51
Комментариев
45

Отправьте отзыв!
Отправьте отзыв!