Аудит юзабилити сайта туристической компании

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

Дата аудита: октябрь 2015 года

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

 

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

 

Логотип и слоган

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

Также отсутствует какой-либо слоган, кратко отражающий тематику сайта.

Нет слогана на сайте

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

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

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

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

Ссылки оформлены как обычный текст

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

Также на наведения курсора не реагирует и большинство кнопок в формах:

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

Кнопки не реагируют на наведение курсора

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

Блок выбора языковой версии сайта

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

Юзабилити модуля выбора языковой версии сайта

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

По статистике подавляющее число аудитории сайта составляет русскоязычные посетители из России.

Анализ посещаемости сайта по странам

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

Например, страница результатов поиска:

Аудит текстов сайта

Страница детального просмотра отеля:

Аудит текстов сайта

Стоит отметить, что на основных сайтах-конкурентах присутствует полноценное текстовое описание отелей на русском языке.

Например, лента результатов поиска сайта http://www.booking.com/:

Пример эффективного юзабилити сайта

Детальное описание выбранного отеля на booking.com:

Пример эффективного описания отеля

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

Форма поиска отелей

Далее рассмотрим дизайн и функционал работы формы поиска.

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

Анализ юзабилити формы поиска отеля

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

После отправки формы с частично заполненными полями появляется сообщение об ошибке. При этом из-за недостаточного контраста красного текста и серого фона его сложно прочесть.

Вывод сообщений об ошибках формы

Аналогичная ситуация и с формой поиска трансферов:

Юзабилити формы поиска трансферов

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

В поле «Направление» пользователь должен ввести точное название аэропорта или города. При этом возможность выбора просто страны отсутствует (например, Турция или Египет). Это продемонстрировано на видео по ссылке https://yadi.sk/i/7X4Z2Csbjv4Rs . Это отрицательно сказывается на юзабилити и конверсии, т.к. часть посетителей интересует возможность просмотра возможных вариантов поездки в страну.

Также не работает возможность поиска мест в конкретном отеле. Например, когда пользователь хочет посмотреть все доступные даты для заселения в конкретном отеле. Это продемонстрировано на видео по ссылке https://yadi.sk/i/m6dMHrCxjv57g. Фактически пользователь не может найти отель, который есть в базе сайта.

Это подтверждается и данными Яндекс.Метрики. 80% уходов с формы происходят именно при заполнении этого наиболее важного для посетителя поля.

Анализ формы в Яндекс.Метрике

Аудит конверсии формы

При этом на сайте-конкуренте booking.com возможность такого гибкого поиска присутствует. Это показано на видео https://yadi.sk/i/qgEI9hZsjv5UC.

Аналогичная проблема и с полями формы поиска трансфера. В списке выбора направления трансфером нет возможности ввести название пункта назначения на русском языке. Все названия представлены на английском. Например, пользователь не может найти трансфер по одному из самых популярных в Таиланде маршрутов Бангкок – Пкухет. Это продемонстрировано на видео https://yadi.sk/i/vQ02RbGUjv7fn

Ошибки в юзабилити формы поиска трансфера

Также неудобство такой реализации подтверждается данными Яндекс.Метрики.

Анализ конверсии формы в Яндекс.Метрике

Аудит конверсии формы

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

Поле выбора гражданства

Не совсем удачно выполнена компоновка блока с выбором количества номеров. При добавлении номеров справа остается большое пустое место, а высота формы увеличивается.

Юзабилити формы выбора номеров

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

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

Далее рассмотрим дизайн и юзабилити страницы с результатами поиска.

В данный момент скорость загрузки страниц с результатами поиска очень медленная по сравнению с сайтами-конкурентами. Это продемонстрировано на видео https://yadi.sk/i/XFV7LtGDjvAgq.

Для сравнения показана скорость работы booking.com при аналогичных действиях пользователя https://yadi.sk/i/aA7euq6HjvAtX .

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

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

Вверху выводится надпись «Показано 53 из 53 отелей». Это не соответствует действительности, т.к. на странице показано 20 отелей, остальные – на соответствующих подстраницах. Полный скриншот страницы приведен по ссылке https://yadi.sk/i/P-qdfIeNjvBoc .

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

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

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

Ссылки оформлены как обычный текст

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

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

Юзабилити просмотра отелей

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

Большое количество текстов в описании отелей содержат некорректное HTML форматирование.

Ошибки в описании отеля

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

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

Ошибки в описании отеля

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

Ошибки в описании отеля

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

Далее рассмотрим работу фильтра отелей.

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

Не указана валюта в цене

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

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

Ошибки в тексте

Для полей цены рекомендуем использовать названия «От:» и «До:».

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

Ошибки в работе фильтра отелей

Это особенно актуально для блока с выбором типа отеля – для большей части результатов поиска использование данного фильтра приводит к выводу пустой страницы. Это продемонстрировано на видео по ссылке https://yadi.sk/i/ow65gIGzjwTjq .

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

Ошибки в работе фильтра отелей

Далее рассмотрим работу страницы детального просмотра отеля.

В ходе тестирования обнаружилось, что часть страниц сайта отображается некорректно. Не выводятся картинки и фото, информация о категориях номеров и питании. Также отсутствует кнопка заказа. Это продемонстрировано на скриншоте по ссылке https://yadi.sk/i/bqoDe_wijwUaH.

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

Ошибки в просмотре фото

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

Ошибки юзабилити фотогалереи

Для части объектов в базе вообще отсутствуют какие-либо фотографии. Текст описания содержит неверный HTML-код. Вероятность того, что данный отель заинтересует посетителя практически нулевая.

Ошибки в тексте страницы

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

Ошибки в тексте страницы

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

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

  1. Сохранить понравившейся вариант в каком-либо списке и впоследствии сравнить и выбрать из нескольких отелей.
  2. Ознакомиться с отзывами реальных клиентов конкретного отеля (это является критичным для большинства посетителей).
  3. Узнать о дополнительных платных и бесплатных услугах.
  4. Подписаться на рассылку акций, спецпредложений или снижении цены.
  5. Просмотреть похожие предложения по цене, региону и классу отеля.
  6. Все это крайне отрицательно сказывается на юзабилити и конверсии.

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

Заказ бронирования

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

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

Звездочки в заголовках полей

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

Ошибки в юзабилити формы бронирования

Непонятно, для чего по сути одна форма разнесена на два блока и при этом содержит одинаковые поля «Имя».

Ошибки в компоновке формы

В данном сообщении непонятно, к какому конкретно полю «Имя» относится информация.

Ошибки юзабилити формы бронирования отеля

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

Ошибки в поле пароля

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

Нет проверки правильности заполнения формы

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

Юзабилити формы оплаты бронирования

Но в этой форме пользователь вынужден в третий раз вводить свое имя и фамилию и во второй раз – email.

После закрытия данной формы сайт выдал страницу с ошибкой в работе сервера. Скриншот можно увидеть по ссылке https://yadi.sk/i/m9MDtDcsjwaFs.

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

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

Рекомендуем полностью пересмотреть алгоритм работы формы заказа и оплаты:

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

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

Ошибки юзабилити в личном кабинете

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

Также в ходе тестирования на страницах детального просмотра отелей вообще перестали выводиться кнопки заказа. Это продемонстрировано на видео по ссылке https://yadi.sk/i/jEJ7pbwgjwbEB .

Далее рассмотрим работу блока с интерактивными картами на главной странице сайта.

Юзабилити карты отелей

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

Для целых стран и регионов полностью отсутствуют предложения отелей (даже для самых популярных стран и городов). Например, Франция и Париж. Это продемонстрировано на видео https://yadi.sk/d/C6iXce-ajwhEk.

Пример отображения карты для Азии – на видео по ссылке https://yadi.sk/d/cm9Nz7ZljwhTK.

При переходе по маркеру отеля открывается страница с детальным просмотром отеля. Но на нем нет списка доступных номеров и цен (как при переходе из общего каталога). Чтоб узнать цену надо переходить по дополнительной кнопке и заполнять форму поиска. Это видно на видео https://yadi.sk/i/2wj0sY9NjwiY8.

При переходе в раздел «Океания» какие либо предложения вообще отсутствуют при любом масштабе карты https://yadi.sk/d/ZTAp56epjwix2 .

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

Страница «Флоренция. Путеводитель по отелям региона»

https://www.webmytour.com/default.aspx?did=105

На данной странице весь контент (в том числе и текст) вставлен в виде статичных картинок. Это крайне отрицательно сказывается на юзабилити и SEO сайта.

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

Ошибки в работе сервера.

В ходе тестирования сайта периодически возникали проблемы с работой сервера. Например, при переходе по ссылке https://www.webmytour.com/hotel-view.aspx?guid=6ceb2bfe-58ed-46d5-8fba-77da9d5bb9a9&hotel=1 запрашиваемая страница не была загружена. Вместо этого появилось сообщение:

Ошибки в работе сервера

Полный скриншот представлен по ссылке https://yadi.sk/i/zMmo7qbujwNmH

Доступность контактной информации

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

К сожалению, в данный момент, пользователь может найти какую-либо информацию о компании только перейдя на страницу https://www.webmytour.com/default.aspx?sid=9. Ссылка на эту страницу расположена в нижнем правом углу страницы и не видна без использования вертикальной прокрутки.

Доступность ссылки на контакты

В результате страницу контактов просматривает в среднем 2-3 человека в день, что критически мало.

Это можно увидеть и на отчете Яндекс.Метрики по ссылке https://yadi.sk/i/-gmBYciPjwnBc.

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

Это подтверждается и картой скроллинга – посетители постоянно прокручивают страницу вниз в поисках контактных данных компании https://yadi.sk/i/vaCqNOhRjwnfz .

Со страницы контактов невозможно отправить сообщение через форму либо нажав на ссылку с адресом email.

Юзабилити страницы с контактной информацией

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

Для обеспечения комплексного подхода к организации максимально большого количества каналов коммуникации с посетителями сайта рекомендуем обратить внимание на сервис krible.com. Он доступен для работы в тестовом режиме в течении 14-ти дней и его интеграция не требует существенных доработок сайта.

Внутренняя SEO-оптимизация сайта

Далее рассмотрим основные проблемы с внутренней поисковой оптимизацией сайта.

В данный момент на сайте полностью отсутствует служебный файл с картой страниц сайта по адресу https://www.webmytour.com/sitemap.xml. Это отрицательно сказывается на SEO.

Также полностью отсутствует файл robot.txt с настройками правил индексации контента сайта.

В исходном коде большинства страниц не используется тег заголовка первого уровня H1, который важен с точки зрения SEO (например, в коде типовой страницы www.webmytour.com/hotel-view.aspx?hotelId=9771 ). Это крайне отрицательно сказывается на позициях сайта в выдаче.

Исходный код страницы можно увидеть по ссылке https://yadi.sk/d/UgcryZH5jwkR2.

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

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

Анализ источников трафика

Аудит качества трафика

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

С радостью отвечу на Ваши вопросы по результатам аудита по email, skype или телефону.

Get new case studies by email:

More Case Studies

See all