Аудит сайта по организации восхождений на Эльбрус

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

Дата аудита: май 2018 года

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ссылка «Расписание походов» фактически является ссылкой на главную страницу. На домашней странице https://strahu-net.com/ такое решение не имеет логического смысла, т.к. ведет к перезагрузке страницы.

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

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

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

https://youtu.be/TiGcUbZuyWk
https://youtu.be/dIofBZwu030
https://youtu.be/Uc03XJaa8FY
https://youtu.be/bVM-qitF6MQ
https://youtu.be/ZtRg2EptMUw
https://youtu.be/FEK7jKl8AKE

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

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

Она оформлена как обычный текст. Это отрицательно сказывается на юзабилити.

Рекомендуем разместить ссылку на страницу «Контакты» в главном меню сайта.

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

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

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

Рекомендуем убрать этот элемент со страниц сайта.

Вспомогательная навигация

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

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

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

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

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

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

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

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

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

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

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

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

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

На странице «Наши гиды» https://strahu-net.com/gid-na-voskhozhdenie-na-elbrus/ размещена информация только о 5 из 9 инструкторов.

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

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

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

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

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

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

Это полностью подтверждается и данными статистики. Конверсия формы входа составляет всего 2.76%.

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

Основную контентную часть главной страницы занимает таблица со списком восхождений. Полный скриншот приведен по ссылке https://yadi.sk/i/LVeBGXvs3VN2d3.

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

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

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

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

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

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

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

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

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

Кроме этого, на странице https://strahu-net.com/?YEAR=2017 выводится верхняя строка таблицы без какого-либо полезного контента.

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

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

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

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

Юзабилити страницы детального просмотра тура будем рассматривать на примере https://strahu-net.com/raspisanie-turov-na-elbrus/tur/marshrut-na-elbrus-s-severa-03-06-2018/.

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

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

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

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

Не возможности просмотра фотогалереи в полном размере на весь экран.

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

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

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

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

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

Это подтверждается и данными карты скроллинга. Верхнюю часть просмотрело 44 пользователя, кнопку «Подать заявку» – 36, а цену – 21. Т.е. только каждый второй посетитель страницы. Это отрицательно сказывается на юзабилити и конверсии.

Полная карта скроллинга приведена по ссылке https://yadi.sk/i/s0F12UoU3VNB7R.

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

На странице нет никакой информации об инструкторах, сопровождающих восхождение.

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

Вывод блока с промо-тарифом после окончания срока акции не имеет логического смысла.

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

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

Также отсутствует ссылка на список продуктов.

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

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

Также на странице:

  • явно не указано, какая схема и способы оплаты доступны для бронирования места в туре;
  • нет ссылки на договор-оферту https://strahu-net.com/the-public-offer-agreement/;
  • нет отзывов клиентов о восхождениях по данному маршруту;
  • нет ссылки или описания меню питания в походе.

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

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

Рекомендуем при нажатии на кнопку открывать максимально простую форму заявки, состоящую из 2-3 полей. Это позволит ускорить процесс оформления заявки и позитивно скажется на конверсии сайта.

Список снаряжения

Адрес страницы: https://strahu-net.com/snaryazhenie-i-odezhda-na-elbrus/

Текст прижат к правой границе контентной части страницы, а таблица – к левой.

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

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

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

Рекомендуем увеличить ширину таблицы до 100% размера контентной части.

Нет отступа между таблицей обязательного и необязательного снаряжения.

Рекомендуем добавить отступ в соответствии с модульной сеткой сайта.

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

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

Контакты

Адрес страницы: https://strahu-net.com/contacts/.

Используются разные форматы написания телефонных номеров (со скобками и без) на странице и в шапке сайта.

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

Адрес email и skype сделаны обычным текстом, а не ссылками. Это отрицательно сказывается на юзабилити.

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

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

Также нет возможности оперативной связи при помощи онлайн-чата.

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

Юзабилити форм

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

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

Кнопка «Войти» не реагирует на наведение курсора.

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

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

Не согласовано положение текста сообщения об ошибке.

На странице восстановления пароля https://strahu-net.com/auth/fogetpassword.php кнопка не реагирует на наведение курсора.

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

В форме регистрации нового пользователя на странице https://strahu-net.com/auth/registration.php кнопка не реагирует на наведение курсора.

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

Рекомендуем:

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

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

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

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

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

Полезные ссылки и ресурсы

REGRU-logo-color-3 Крупнейший регистратор доменных имен REG.RU

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

https://cp.beget.com/promo_data/static/static100x100_6.png Ведущий хостинг-провайдер BEGET.RU

Хостинг, аренда серверов, регистрация доменов.

Сервис тестирования юзабилити реальными пользователями

Отбор и анкетирование целевой аудитории сайта.

Сервис мониторинга, анализа и оценки эффективности поискового продвижения.

Съем и отслеживание позиций сайта, работа с семантическим ядром.

Сервис копирайтинга и рерайтинга текстов. Заказ текстов для сайта любой сложности.

Покупка готовых текстов и заказ уникальных статей на нужную тему.

SeoPult Сервис автоматизации продвижения сайта и рекламы в интернете.

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

300x60_1 26 000 готовых премиум-шаблонов для сайтов

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

Крупнейшая фриланс-биржа

Сервис удаленной работы.

 

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

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

Смотреть все