Аудит юзабилити туристического портала для бронирования отдыха
Аудит юзабилити №523
Дата аудита: июль 2018 года
Объем отчета: 39 страниц
Рассмотрены ошибки юзабилити и методы повышения конверсии каталога курортов, номеров, отелей и комнат. Оптимизирован процесс оформления бронирования. Улучшена навигация и структура сайта.
Навигация по сайту
Качественная навигация по сайту является основой для построения эффективного юзабилити сайта.
Она должна обеспечивать быстрый и простой переход на любую страницу или раздел сайта максимум за 3 клика.
Кроме этого, навигационные меню должны информировать пользователя о его текущем местоположении на сайте.
Рассмотрим, насколько качественно проработаны меню и навигационные элементы в данный момент на сайте.
Ссылки в верхнем меню расположены в соответствии с популярностью конкретных направлений среди пользователей сайта. Это правильное решение, которое подтверждается и данными карты ссылок.
Не совсем понятен принцип очередности ссылок в выпадающих подменю. Учитывая большое количество разделов подменю для некоторых направлений (например, Болгария или Прибалтика), более оптимальным будет вывод ссылок в алфавитном порядке. Это позволит быстро найти нужную ссылку.
Большое количество ссылок и навигационных элементов не реагируют на наведение курсора. Это уменьшает количество переходов по ним, т.к. отсутствует явная визуальная реакция интерфейса на действия пользователя.
Ниже приведена таблица со скриншотами и демонстрацией работы таких элементов.
Рекомендуем сделать все ссылки и навигационные элементы интерактивными и изменять их оформление при наведении курсора.
Для ссылок и обычных текстовых элементов используется абсолютно одинаковый дизайн.Невозможно понять, где ссылка, а где текст. Это отрицательно сказывается на юзабилити и затрудняет навигацию по сайту.
Рекомендуем использовать разный дизайн для ссылок и текстовых элементов, а также использовать подчеркивание для ссылок.
Большое количество ссылок оформлены, как обычный текст. Это уменьшает количество переходов по ним и, как следствие – глубину и время просмотра сайта.
Ниже приведена таблица со скриншотами и демонстрацией работы таких элементов интерфейса.
Рекомендуем явно обозначить ссылки при помощи подчеркивания.
Выделение текущего раздела в верхнем меню для некоторых разделов работает с ошибками.
При переходе в раздел «Фото» (например, http://azur.ru/sevastopol/photo.php) не подсвечивается соответствующая ссылка.
При переходе в раздел «Кемпинги» (например, http://azur.ru/sevastopol/camping.php) в меню выделяется ссылка «Фото».
При переходе по подразделам «Кемпинги», «Статьи», «Недвижимость», «Карта», «Форум» текущий раздел сайта вообще не подсвечивается.
Рекомендуем обеспечить правильную работу подсветки текущего раздела сайта.
В нижнем меню не выделяется текущий раздел сайта.
Рекомендуем выделять текущий раздел сайта при помощи жирного шрифта или графического маркера.
Модуль подбора жилья
Данный модуль является критически важным с точки зрения юзабилити и конверсии сайта.
Он должен быть доступен на всех страницах сайта и обеспечивать быстрый и релевантный подбор наиболее подходящих предложений жилья, а также их вывод в удобной форме.
Рассмотрим, насколько качественно проработан этот модуль на сайте в данный момент.
Модуль подбора предложений полностью отсутствует на ряде важных страниц с большой посещаемости.
В частности, его нет:
– на главной странице сайта 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
Рекомендуем выводить модуль подбора жилья на всех страницах с предложениями.
В разных подразделах сайта меняется компоновка, дизайн и положение формы подбора на странице. При переходе по страницам сайта пользователь вынужден каждый раз заново находить форму и изучать расположение ее отдельных элементов. Это затрудняет работу с интерфейсом и отрицательно сказывается на юзабилити.
На странице выбранного курорта форма подбора находится под рекламным баннером и частично скрыта. При этом, согласно данным карты кликов, переходы по баннеру практически отсутствуют, а форма является востребованным элементом интерфейса. С ней взаимодействовали 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%.
Рекомендуем привести оформление модуля и положение на странице к единому виду во всех подразделах сайта.
Также форма подбора жилья имеет некоторые недоработки в плане юзабилити, отрицательно сказывающиеся на удобстве работы и, как следствие – конверсии.
По умолчанию не выбран ни один из чекбоксов в блоке с типом жилья.
Согласно данным карты кликов, абсолютное большинство пользователей сначала выбирают все подходящие варианты кроме люксов.
Рекомендуем сделать активными по умолчанию чекбоксы «Эконом-жилье», «Квартиры», «Номера» и «Дома».
Ширина поля позволяет полностью поместить слово «Количество» без использования сокращений.
На разных страницах меняется очередность полей в зависимости от ширины формы.
Рекомендуем придерживаться одинакового расположения и очередности полей формы.
Используется разный стиль оформления текста в заголовках полей.
Рекомендуем придерживаться единого стиля оформления типовых элементов формы.
Вывод нулевых значений в данных полях не имеет логического смысла.
Рекомендуем выводить по умолчанию «Спальных мест 2», «Число комнат 1».
Максимальное число комнат и спальных мест в полях ограничено 1000, что также не соответствует реальным условиям поиска и характеристикам предложений в базе сайта.
Рекомендуем ограничить значения в данных полях 10-тью.
В поле выбора даты заезда нет блокировки прошедших дат. Возможен выбор некорректной даты.
Также возможен выбор некорректной даты выезда раньше, чем даты заезда.
Рекомендуем добавить скрипт автоматической проверки диапазона дат бронирования. Это замечание верно для всех аналогичных элементов в формах сайта.
В полях выбора явно не указана валюта (рубли).
Также по умолчанию не указана минимальная и максимальная цена предложений из базы для конкретного курорта. Это отрицательно сказывается на удобстве работы с модулем подбора.
Рекомендуем явно указать диапазон цен в рублях.
Результаты подбора жилья
После заполнения и отправки формы подбора предложений выводится страница с результатами.
Но в ее дизайне и юзабилити допущены некоторые ошибки.
Для примера, рассмотрим страницу https://azur.ru/sevastopol/dbs.php?np=2&date_ot=06-08-2018&date_do=15-07-2018 с результатами подбора всех предложений в Севастополе для двух человек с 6 по 15 августа.
Основное пространство первого экрана занимает форма подбора, карта, фото ближайших курортов и рекламный баннер. Непосредственно результаты находятся ниже и не видны без использования прокрутки страницы.
Рекомендуем пересмотреть набор элементов и дизайн верхней части страницы так, чтобы лента с результатами была сразу видна пользователю без использования вертикальной прокрутки.
Иконки для управления просмотром фотографий не реагируют на наведение курсора.
Рекомендуем сделать данные элементы интерактивными.
При открытии просмотра увеличенных фото какое-либо текстовое описание для изображений отсутствует.
Рекомендуем добавить текст к каждому фото, как минимум состоящий из названия объекта и диапазона цен.
Не совсем понятно, почему для некоторых предложений в списке отсутствует кнопка «Заявка на бронь».
Перед началом поиска пользователь явно указал, какие даты его интересуют. Но в результатах для каждого предложения выводится таблица со всеми ценами с мая по сентябрь.
Также для каждого предложения указана не конкретная цена в заданный период, а весь диапазон цен. В результате, сложно сравнить предложения и выбрать наиболее подходящее.
Рекомендуем выводить детальную информацию, соответствующую критериям поиска конкретного пользователя, а не обобщенные данные.
В подробном описании отсутствует какая-либо базовая контактная информация (телефон, сайт, email). Ее можно увидеть только после нажатия кнопки «Контакты» и перехода на дополнительную страницу. Это затрудняет работу с сайтом и подбор наиболее подходящего варианта отдыха.
Рекомендуем выводить адрес, номер телефона, email и адрес сайта непосредственно в описании объекта.
Также в данный момент отсутствуют такие важные функции, как:
- просмотр стоимости аренды за весь указанный период;
- просмотр удаленности номера от моря;
- просмотр положения объекта на карте без перехода на страницу детального описания;
- сортировки результатов подбора по параметрам (цена, удаленность от моря, рейтинг, новизна, количество отзывов и т.д.);
- добавления предложений в список избранного для дальнейшего отбора наиболее подходящий вариантов;
- настройки количества предложений на странице.
Это отрицательно сказывается на юзабилити и конверсии сайта. Необходимо отметить, что данные функции присутствуют на большинстве сайтов-конкурентов.
Заявка на бронь
Далее рассмотрим юзабилити процесса оформления заявки на бронь номера.
После перехода пользователя со страницы с результатами поиска по конкретным параметрам открывается форма бронирования, в которой все поля пустые и их приходится заполнять повторно.
Рекомендуем обеспечить автоматический перенес ранее введенных параметров из формы подбора в форму бронирования.
Непонятно, для чего выводить весь список доступных типов номеров, если пользователь на этапе отбора явно указал интересующий класс номера (например, «Эконом»).
Крайне негативным является то, что в форме бронирования явно не указана цена за сутки и общая цена за период.
Рекомендуем выводить подробную калькуляцию ориентировочной стоимости бронирования.
Непонятно, что обозначают звездочки рядом с заголовками полей.
О необходимости их обязательного заполнения можно узнать только после неудачной попытки отправки формы.
Рекомендуем явно указать, что поля, отмеченные звездочками, являются обязательными для заполнения.
Ссылка оформлена как обычный текст и не реагирует на наведение курсора.
Рекомендуем явно обозначить ссылки при помощи подчеркивания.
Просмотр положения объекта на карте в данный момент не работает.
Рекомендуем обеспечить работу данного модуля или убрать ссылку на карту.
Главная страница
В верхней части главной страницы опубликованы изображения и ссылки на 6 предложений. Непонятно, по какому принципу они опубликованы (самые новые, популярные, наиболее выгодные). В результате, они не привлекают внимание пользователей и клики по ним практически отсутствуют. Это полностью подтверждается и данными статистики.
Рекомендуем добавить скрипт прокрутки 12-18 лучших предложений гостиниц и заменить заголовок на «Лучшие предложения гостиниц».
На главной странице размещен большой текстовый блок, не содержащий какого либо логической разметки, иллюстраций или элементов оформления. Создается впечатление, что он ориентирован в первую очередь на поисковое продвижение сайта, а не его посетителей. В результате, его не читают. Согласно данным карты скроллинга, среднее время просмотра данной зоны страницы составляет всего 3 секунды.
Скриншот: https://yadi.sk/i/lyt65OGP3Z7UME
Отдельно необходимо отметить, что на главной странице полностью отсутствует информация об уникальных услугах и сервисах, которые предлагает портал как для туристов, так и для собственников туристических объектов.
Отсутствует форма для подбора вариантов отдыха.
Также нет информации об акциях и спецпредложениях, публикации новых объектов, отзывов и фотогалерей. Это все отрицательно сказывается на привлекательности главной страницы и вовлечении пользователей в работу с сайтом.
Рекомендуем добавить форму подбора предложений, добавить вывод акционных предложений, анонсов новостей и актуальных комментариев.
Направление отдыха
Компоновка и функционал страницы аналогичны главной странице сайта.
Для нее верны те же недоработки и рекомендации, что и для главной, указанные в аудите выше.
Просмотр выбранного курорта
Верхнюю часть, как и на главной странице, занимает блок с 6-ью предложениями гостиниц. Количество кликов и переходов по ним минимально.
Пространство над формой подбора жилья, которая представляет максимальный интерес для пользователей сайта, занимает рекламный баннер. Клики по нему практически отсутствуют.
Карта кликов: https://yadi.sk/i/ECxRjYqq3Z7J79
Рекомендуем форму подбора разместить в верхней части, а рекламный баннер – под ней.
Ссылки в заголовках оформлены как обычный текст.
В данных блоках рекомендуем добавить скрипт прокрутки 12-18 предложений. Это позволит увидеть пользователю больше объектов.
Подбор жилья
На странице нет интерактивной карты с размещением всех объектов.
Скриншот: https://yadi.sk/i/DwRwLu0Q3Z7K2Q
Непонятно, это обычные заголовки или ссылки.
Рекомендуем явно обозначить ссылки при помощи подчеркивания.
В форме подбора жилья не указана минимальная и максимальная цена аренды.
Рекомендуем явно указать диапазон цен.
Гостевые дома
В форме подбора есть только выбор удобств и дополнительных сервисов. Возможность выбора гостевого дома по конкретной дате заезда, количеству спальных мест и цене, к сожалению, отсутствует.
Рекомендуем опубликовать на странице полную форму подбора со всеми необходимыми полями.
Для вкладки «Спецпредложения» нет карты с размещением гостевых домов. На вкладке «Все гостевые дома» такая карта есть.
Рекомендуем выводить интерактивную карту на вкладке «Спецпредложения».
Во вкладке «Спецпредложения» при наведении курсора на объект не выводится стоимость аренды. На вкладке «Все гостевые дома» такая информация есть.
Рекомендуем обеспечить вывод цен на аренду объектов во вкладке «Спецпредложения».
Отели, квартиры, дома
Данные страницы имеют схожую компоновку и набор элементов интерфейса.
Дизайн и юзабилити идентичны подразделу «Гостевые дома».
Для них верны те же замечания и рекомендации, указанные в отчете выше.
Поиск по сайту
В данный момент на сайт интегрирован модуль поиска Яндекса.
К сожалению, оформление ленты с результатами поиска является стандартным и не учитывает особенности сайта.
Например, при вводе запроса «квартира в Ялте», пользователь ожидает увидеть список квартир с их ценами и расположением на карте.
Вместо этого результаты выводятся в обычном текстовом виде без конкретной информации об объекте. Это отрицательно сказывается на юзабилити и эффективности модуля поиска.
Скриншот: https://yadi.sk/i/vY1JyXms3Z7PYi
Рекомендуем рассмотреть возможность использования собственного модуля поиска и вывода результатов в виде списка объектов с подробными характеристиками, фото и ценой.
Общие итоги и выводы
В данный момент сайт содержит ряд существенных недоработок, которые крайне негативно сказываются на юзабилити и конверсии:
- более половины пользователей просматривают сайт с мобильных устройств. При этом наблюдается почти двухкратный рост показателя отказов по сравнению с просмотрами с ПК;
- особенно сильное ухудшение показателей зафиксировано при работе сайта на iPhone;
- в данный момент в Яндекс.Метрике настроено отслеживание небольшого количества базовых целей. Более глубоких настроек целей для отдельных разделов, форм и важных конверсионных элементов;
- выявлен ряд недоработок в юзабилити навигационных меню и ссылок;
- модуль подбора жилья имеет разный дизайн и расположение на разных страницах сайта. В его юзабилити и логике работы выявлен ряд существенных недоработок;
- на страницах просмотра предложений есть ряд моментов, отрицательно сказывающихся на юзабилити и конверсии сайта;
- для поиска по сайту используется стандартный сервис Яндекса. дизайн результатов поиска не учитывает особенностей сайта и каталога вариантов отдыха.
Рекомендуем выполнить доработки и устранить выявленные ошибки. Это позволит улучшить юзабилити, повысить конверсию и маркетинговую эффективность сайта.
Полезные ссылки и ресурсы
 |
Крупнейший регистратор доменных имен REG.RU
Регистрация и продление доменных имен в любых зонах. |
 |
Ведущий хостинг-провайдер BEGET.RU
Хостинг, аренда серверов, регистрация доменов. |
 |
Сервис тестирования юзабилити реальными пользователями
Отбор и анкетирование целевой аудитории сайта. |
 |
Сервис мониторинга, анализа и оценки эффективности поискового продвижения.
Съем и отслеживание позиций сайта, работа с семантическим ядром. |
 |
Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.
Покупка готовых текстов и заказ уникальных статей на нужную тему. |
 |
Сервис автоматизации продвижения сайта и рекламы в интернете.
Подбор и покупка ссылок, оптимизация контекстной рекламы. |
 |
26 000 готовых премиум-шаблонов для сайтов
Высококачественные шаблоны для любых сайтов, материалы для дизайна сайта. |
 |
Крупнейшая фриланс-биржа
Сервис удаленной работы. |
Получать новые кейсы на email:
Примеры аудита юзабилити автомобильных сайтов
Смотреть все
