Аудит юзабилити туристического портала для бронирования отдыха

Аудит юзабилити №523

Дата аудита: июль 2018 года

Объем отчета: 39 страниц

 

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

Содержание

1. Вводная информация

2. Навигация по сайту

3. Модуль подбора жилья

4. Результаты подбора жилья

5. Заявка на бронь

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

7. Направление отдыха

8. Просмотр выбранного курорта

9. Подбор жилья

10. Гостевые дома

11. Отели, квартиры, дома

12. Поиск по сайту

13. Общие итоги и выводы

14. Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону

Вводная информация

В данном отчете приведены детальные описания основных проблем, скриншоты сайта и дополнительные видео с демонстрацией выявленных недостатков.

Перед просмотром дополнительных материалов их желательно скачивать на компьютер.

Также по всем выявленным проблемам даны рекомендации по их устранению.

Красным текстом и красными маркерами выделены обнаруженные ошибки и важная информация.

Навигация по сайту

Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.

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

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

Рассмотрим, насколько качественно проработаны меню и навигационные элементы в данный момент на сайте.

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

Видео: https://yadi.sk/i/Qjb1ql6q3Z4bMy

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

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

Ниже приведена таблица со скриншотами и демонстрацией работы таких элементов.

https://yadi.sk/i/IvGhLJWm3Z4ueD
https://yadi.sk/i/tn2OblGC3Z4udR
https://yadi.sk/i/YO-N7mdS3Z4ur2
https://yadi.sk/i/wQ881nbz3Z4vFp
https://yadi.sk/i/psoS-Cyl3Z4vGh
https://yadi.sk/i/Wq02BNe43Z4vYV
https://yadi.sk/i/OdzGps4C3Z4vow
https://yadi.sk/i/Wf0X8fO53Z4w97
https://yadi.sk/i/dAHASKpL3Z4wdH
https://yadi.sk/i/Oq2iT2el3Z4woA
https://yadi.sk/i/E-KWNTDQ3Z4wx7
https://yadi.sk/i/A5VFQG7h3Z55Aq
https://yadi.sk/i/JUG9v8F23Z55Q4

Рекомендуем сделать все ссылки и навигационные элементы интерактивными и изменять их оформление при наведении курсора.

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

Видео: https://yadi.sk/i/qQh2_PEo3Z55ud

 

Видео: https://yadi.sk/i/H9-MwUKg3Z56FH

Рекомендуем использовать разный дизайн для ссылок и текстовых элементов, а также использовать подчеркивание для ссылок.

Большое количество ссылок оформлены, как обычный текст. Это уменьшает количество переходов по ним и, как следствие – глубину и время просмотра сайта.

Ниже приведена таблица со скриншотами и демонстрацией работы таких элементов интерфейса.

https://yadi.sk/i/DtHoC1-Y3Z56dK
https://yadi.sk/i/Hy3gLh4S3Z56pE
https://yadi.sk/i/jFXHsgpw3Z57B7
https://yadi.sk/i/OWxyoqiO3Z57Zp
https://yadi.sk/i/JvtKSbGi3Z57pL
https://yadi.sk/i/obtI7AA13Z582z
https://yadi.sk/i/pE3Ziyjp3Z586W
https://yadi.sk/i/RgAn_k7m3Z58Ej
https://yadi.sk/i/hFFJarj43Z58MD
https://yadi.sk/i/w8WnAxCR3Z58Xc
https://yadi.sk/i/lR_qz2Vc3Z58fQ
https://yadi.sk/i/YOd7xcKd3Z59X6
https://yadi.sk/i/ZEavWvrd3Z5AUt
https://yadi.sk/i/0-ftN8n03Z5Abv

Рекомендуем явно обозначить ссылки при помощи подчеркивания.

Выделение текущего раздела в верхнем меню для некоторых разделов работает с ошибками.

При переходе в раздел «Фото» (например, http://azur.ru/sevastopol/photo.php) не подсвечивается соответствующая ссылка.

Видео: https://yadi.sk/i/Vm03oj6w3Z5C4v

При переходе в раздел «Кемпинги» (например, http://azur.ru/sevastopol/camping.php) в меню выделяется ссылка «Фото».

Видео: https://yadi.sk/i/wkCDmOqI3Z5CJA

При переходе по подразделам «Кемпинги», «Статьи», «Недвижимость», «Карта», «Форум» текущий раздел сайта вообще не подсвечивается.

Видео: https://yadi.sk/i/ChgznT0e3Z5CdH

Рекомендуем обеспечить правильную работу подсветки текущего раздела сайта.

В нижнем меню не выделяется текущий раздел сайта.

Видео: https://yadi.sk/i/1Yn3JZJl3Z5DHA

Рекомендуем выделять текущий раздел сайта при помощи жирного шрифта или графического маркера.

Модуль подбора жилья

Данный модуль является критически важным с точки зрения юзабилити и конверсии сайта.

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

Рассмотрим, насколько качественно проработан этот модуль на сайте в данный момент.

Модуль подбора предложений полностью отсутствует на ряде важных страниц с большой посещаемости.

В частности, его нет:

– на главной странице сайта http://azur.ru/index.php;

Скриншот: https://yadi.sk/i/hFJs2hLi3Z5ETS

– на страницах просмотра основных направлений отдыха (например, http://azur.ru/index.php?region=gelendzhik);

Скриншот: https://yadi.sk/i/ioEjzeJj3Z5EcZ

– в подразделах «Развлечения» (например, http://azur.ru/kabardinka/rest.php;);

Скриншот: https://yadi.sk/i/7T-en1e43Z5ErW

– в подразделах «Фото» (например, http://azur.ru/kabardinka/photo.php);

Скриншот: https://yadi.sk/i/Qp7WE_El3Z5F3D

– в подразделах «Кемпинги» (например, http://azur.ru/kabardinka/camping.php);

Скриншот: https://yadi.sk/d/vvI939xn3Z5FC4

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

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

Видео: https://yadi.sk/i/MW80VcrS3Z5Fmw

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

Карта кликов: https://yadi.sk/i/yDUmjigu3Z67gV

На странице «Подбор жилья» (например, http://azur.ru/sevastopol/db.php)аналогичная форма расположена в верхней части страницы и занимает практически всю ширину центрального блока. В результате, с формой взаимодействовало 44.3% пользователей, а ее конверсия составляет 41.77%.

На странице «Гостевые дома» (например, http://azur.ru/sevastopol/guesthouses.php) функционал модуля сильно ограничен. В нем нет возможности указать даты заезда, диапазон цен, количество комнат или спальных мест. Фактически, можно выбрать предложения только по набору удобств.

В результате, конверсия этой формы составляет всего 0.52%.

Такая же компоновка формы и низкая конверсия наблюдается на страницах «Гостиницы и отели» (например, http://azur.ru/sevastopol/hotels.php)

На странице подбора квартир (например, http://azur.ru/sevastopol/flats.php) конверсия формы составляет 4.55%.

Рекомендуем привести оформление модуля и положение на странице к единому виду во всех подразделах сайта.

Также форма подбора жилья имеет некоторые недоработки в плане юзабилити, отрицательно сказывающиеся на удобстве работы и, как следствие – конверсии.

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

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

Рекомендуем сделать активными по умолчанию чекбоксы «Эконом-жилье», «Квартиры», «Номера» и «Дома».

Ширина поля позволяет полностью поместить слово «Количество» без использования сокращений.

На разных страницах меняется очередность полей в зависимости от ширины формы.

Рекомендуем придерживаться одинакового расположения и очередности полей формы.

Используется разный стиль оформления текста в заголовках полей.

Рекомендуем придерживаться единого стиля оформления типовых элементов формы.

Вывод нулевых значений в данных полях не имеет логического смысла.

Видео: https://yadi.sk/i/F4XPQuRd3Z6EgZ

Рекомендуем выводить по умолчанию «Спальных мест 2», «Число комнат 1».

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

Видео: https://yadi.sk/i/-f2Fex9A3Z6FHU

Рекомендуем ограничить значения в данных полях 10-тью.

В поле выбора даты заезда нет блокировки прошедших дат. Возможен выбор некорректной даты.

Видео: https://yadi.sk/i/oRRnEa643Z6MW6

Также возможен выбор некорректной даты выезда раньше, чем даты заезда.

Видео: https://yadi.sk/i/EAoF9-x83Z6MuY

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

В полях выбора явно не указана валюта (рубли).

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

Рекомендуем явно указать диапазон цен в рублях.

Результаты подбора жилья

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

Но в ее дизайне и юзабилити допущены некоторые ошибки.

Для примера, рассмотрим страницу https://azur.ru/sevastopol/dbs.php?np=2&date_ot=06-08-2018&date_do=15-07-2018 с результатами подбора всех предложений в Севастополе для двух человек с 6 по 15 августа.

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

Видео: https://yadi.sk/i/FJ5gGYzg3Z6Pvy

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

Иконки для управления просмотром фотографий не реагируют на наведение курсора.

Видео: https://yadi.sk/i/Z_g-RIzk3Z6QYk

Рекомендуем сделать данные элементы интерактивными.

При открытии просмотра увеличенных фото какое-либо текстовое описание для изображений отсутствует.

Видео: https://yadi.sk/i/rfvQJAPq3Z6TAf

Рекомендуем добавить текст к каждому фото, как минимум состоящий из названия объекта и диапазона цен.

Не совсем понятно, почему для некоторых предложений в списке отсутствует кнопка «Заявка на бронь».

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

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

Рекомендуем выводить детальную информацию, соответствующую критериям поиска конкретного пользователя, а не обобщенные данные.

В подробном описании отсутствует какая-либо базовая контактная информация (телефон, сайт, email). Ее можно увидеть только после нажатия кнопки «Контакты» и перехода на дополнительную страницу. Это затрудняет работу с сайтом и подбор наиболее подходящего варианта отдыха.

Видео: https://yadi.sk/i/-PtYldMI3Z6Ugn

Рекомендуем выводить адрес, номер телефона, email и адрес сайта непосредственно в описании объекта.

Также в данный момент отсутствуют такие важные функции, как:

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

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

Заявка на бронь

Далее рассмотрим юзабилити процесса оформления заявки на бронь номера.

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

Видео: https://yadi.sk/i/XhQJYAh-3Z7Tue

 

Рекомендуем обеспечить автоматический перенес ранее введенных параметров из формы подбора в форму бронирования.

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

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

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

Непонятно, что обозначают звездочки рядом с заголовками полей.

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

Видео: https://yadi.sk/i/bJ6-HBm13Z6ZXm

Рекомендуем явно указать, что поля, отмеченные звездочками, являются обязательными для заполнения.

Ссылка оформлена как обычный текст и не реагирует на наведение курсора.

Видео: https://yadi.sk/i/49dhupuG3Z79Nk

Рекомендуем явно обозначить ссылки при помощи подчеркивания.

Просмотр положения объекта на карте в данный момент не работает.

Видео: https://yadi.sk/i/8Tb-T2uF3Z79ex

Рекомендуем обеспечить работу данного модуля или убрать ссылку на карту.

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

Адрес страницы: http://azur.ru/index.php.

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

Видео: https://yadi.sk/i/l7pMeCCJ3Z7AW3

Рекомендуем добавить скрипт прокрутки 12-18 лучших предложений гостиниц и заменить заголовок на «Лучшие предложения гостиниц».

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

Скриншот: https://yadi.sk/i/lyt65OGP3Z7UME

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

Отсутствует форма для подбора вариантов отдыха.

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

Рекомендуем добавить форму подбора предложений, добавить вывод акционных предложений, анонсов новостей и актуальных комментариев.

Направление отдыха

Адрес типовой страницы раздела: https://azur.ru/index.php?region=sevastopol.

Компоновка и функционал страницы аналогичны главной странице сайта.

Для нее верны те же недоработки и рекомендации, что и для главной, указанные в аудите выше.

Просмотр выбранного курорта

Адрес типовой страницы: https://azur.ru/yalta/.

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

Видео: https://yadi.sk/i/xmzgCofX3Z7HXp

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

Карта кликов: https://yadi.sk/i/ECxRjYqq3Z7J79

Рекомендуем форму подбора разместить в верхней части, а рекламный баннер – под ней.

Ссылки в заголовках оформлены как обычный текст.

Видео: https://yadi.sk/i/xeN-Xpg73Z7JQa

В данных блоках рекомендуем добавить скрипт прокрутки 12-18 предложений. Это позволит увидеть пользователю больше объектов.

Подбор жилья

Адрес типовой страницы: https://azur.ru/yalta/db.php

На странице нет интерактивной карты с размещением всех объектов.

Скриншот: https://yadi.sk/i/DwRwLu0Q3Z7K2Q

Непонятно, это обычные заголовки или ссылки.

Рекомендуем явно обозначить ссылки при помощи подчеркивания.

В форме подбора жилья не указана минимальная и максимальная цена аренды.

Рекомендуем явно указать диапазон цен.

Гостевые дома

Адрес типовой страницы: https://azur.ru/yalta/guesthouses.php

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

Рекомендуем опубликовать на странице полную форму подбора со всеми необходимыми полями.

Для вкладки «Спецпредложения» нет карты с размещением гостевых домов. На вкладке «Все гостевые дома» такая карта есть.

Видео: https://yadi.sk/i/QOsiLsFg3Z7LGF

Рекомендуем выводить интерактивную карту на вкладке «Спецпредложения».

Во вкладке «Спецпредложения» при наведении курсора на объект не выводится стоимость аренды. На вкладке «Все гостевые дома» такая информация есть.

Видео: https://yadi.sk/i/ATeNVk-73Z7Lhc

Рекомендуем обеспечить вывод цен на аренду объектов во вкладке «Спецпредложения».

Отели, квартиры, дома

Данные страницы имеют схожую компоновку и набор элементов интерфейса.

Дизайн и юзабилити идентичны подразделу «Гостевые дома».

Для них верны те же замечания и рекомендации, указанные в отчете выше.

Поиск по сайту

В данный момент на сайт интегрирован модуль поиска Яндекса.

К сожалению, оформление ленты с результатами поиска является стандартным и не учитывает особенности сайта.

Например, при вводе запроса «квартира в Ялте», пользователь ожидает увидеть список квартир с их ценами и расположением на карте.

Вместо этого результаты выводятся в обычном текстовом виде без конкретной информации об объекте. Это отрицательно сказывается на юзабилити и эффективности модуля поиска.

Скриншот: https://yadi.sk/i/vY1JyXms3Z7PYi

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

Общие итоги и выводы

В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии:

  • более половины пользователей просматривают сайт с мобильных устройств. При этом наблюдается почти двухкратный рост показателя отказов по сравнению с просмотрами с ПК;
  • особенно сильное ухудшение показателей зафиксировано при работе сайта на iPhone;
  • в данный момент в Яндекс.Метрике настроено отслеживание небольшого количества базовых целей. Более глубоких настроек целей для отдельных разделов, форм и важных конверсионных элементов;
  • выявлен ряд недоработок в юзабилити навигационных меню и ссылок;
  • модуль подбора жилья имеет разный дизайн и расположение на разных страницах сайта. В его юзабилити и логике работы выявлен ряд существенных недоработок;
  • на страницах просмотра предложений есть ряд моментов, отрицательно сказывающихся на юзабилити и конверсии сайта;
  • для поиска по сайту используется стандартный сервис Яндекса. дизайн результатов поиска не учитывает особенностей сайта и каталога вариантов отдыха.

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

Готов ответить на все вопросы по результатам аудита в скайпе, email или по телефону.

 

Получать новые кейсы на email:

Примеры аудита юзабилити автомобильных сайтов

Смотреть все