создание и продвижение сайтов
реклама в Интернет
по всей России

       

+7 (812) 981-18-97
WhatsApp, Viber +7 904 519-45-93

Юзабилити-аудит сайта travel-rich.ru

Дата: 19.08.2015

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

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

Шапка сайта travel-rich

Скачать пример юзабилити-аудита.

СОДЕРЖАНИЕ

  1. Главная страница
  2. Интерактивность
  3. Навигация
  4. Визуальный дизайн
  5. Разделы
  6. Контент
  7. Формы заявок

1. ГЛАВНАЯ СТРАНИЦА

В данном разделе рассматривается удобство оформления главной страницы сайта.

1.1. Уникальное торговое предложение (УТП)

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

Наблюдения:

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

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

  • Добавить рядом с логотипом слово «турагентство». Это позволит пользователю с первого взгляда понять, какие услуги он может здесь получить.

1.2. Расположение элементов главной страницы

Наблюдения:

  • Элементы главной страницы расположены удобно и понятно.
  • Страница довольно длинная, при этом побуждающие к действию кнопки «поиск тура» и «заявка на тур» расположены только в главном меню + кнопка «оставить заявку на подбор тура» есть в левом меню.

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

  • Под блоком «RichTravelAgency рекомендует» и бод блоком с текстом «Туры из Санкт-Петербурга» рекомендуем добавить яркие кнопки «поиск тура» и «оставить заявку на подбор тура», аналогичные кнопке «Все горящие туры», расположенной под блоком «Горящие туры».
  • Возможно имеет смысл форму «поиск тура вынести на главную страницу под слайдер. Это позволит пользователю сразу перейти к подбору тура, не тратя время на навигацю по сайту.

1.3. Наличие и размещение карты сайта

Наблюдения:

Карты сайта нет.

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

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

1.4. Наличие контактной информации на главной странице

Наблюдения:

  1. Наличие контактной информации в шапке и футере - нет
  2. Наличие в телефоне префикса города - нет
  3. Наличие города в адресе - нет
  4. Наличие электронной почты -нет

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

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

1.5. Наличие обновляемых элементов на главной странице

Обновляемые элементы (новости, отзывы с датами) должны показывать посетителю, что сайт активен

Наблюдения:

  1. Анонсы новостей - есть
  2. Отзывы - нет
  3. Другое: на главной странице расположена плитка с актуальными предложениями. Это явно демонстрирует, что сайт активен.

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

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

1.6. Логотип

Наблюдения:

  1. Наличие - есть
  2. Наличие названия в логотипе - есть
  3. Другие замечания: род деятельности компании в логотипе написан на английском языке. Это уменьшает понятность логотипа.

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

Добавить под логотип слово «турагентство».

1.7. Кнопки соцсетей

Наблюдения:

Наличие кнопок всех основных сетей - нет

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

  • У компании есть страница в Facebook. Рекомендуем разместить кнопку для перехода на эту страницу (она должна открываться в новой вкладке).
  • Если у компании есть группа в VK, добавить кнопку для перехода в группу (она должна открываться в новой вкладке).

1.8. Текст на главной

Наблюдения:

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

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

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

2. ИНТЕРАКТИВНОСТЬ

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

2.1. Оформление ссылок в тексте

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

Наблюдения:

  • Наличие/отсутствие ссылок в тексте ссылок в текстах - есть. В текстах на страница стран, (например, https://travel-rich.ru/tunis/about) имеются ссылки на отдельные курорты. Однако такие ссылки есть далеко не во всех текстах.
  • Насколько хорошо ссылки заметны в тексте –заметны.
  • Наличие всплывающих подсказок - есть.
  • Логичность размещения ссылок - да. На проверенных страницах ссылки размещены логично
  • Работоспособность ссылок – есть битые ссылки. На проверенных страницах ссылки на некоторые или все курорты не работают. Проверенные страницы:
    • https://travel-rich.ru/tunis/about
    • https://travel-rich.ru/tailand/about
    • https://travel-rich.ru/kipr

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

  • Добавить ссылки на курорты в текстах про все страны.
  • Исправить неработающие ссылки или создать страницы, на которые эти ссылки должны вести.

2.2. Оформление изображений

Наблюдения:

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

2.3. Кнопки на сайте

Наблюдения:

  1. Работоспособность всех кнопок - да. Неработающих кнопок на сайте не обнаружено
  2. Анимация наведения: отсутствует анимация наведения кнопок главного меню.
  3. Кнопки ведут на сторонние страницы - нет

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

Добавить ненавязчивую анимацию кнопок главного меню

2.4. Оформление страницы 404.

Если она не оформлена, пользователю может показаться, что сайт не работает

Наблюдения:

Оформление страницы 404 -хорошее

2.5. Окошко чата онлайн консультанта

Наблюдения:

Наличие - есть.

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

2.6. Функция"звонка с сайта"

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

Наблюдения:

Наличие - нет

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

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

3. НАВИГАЦИЯ

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

3.1. Хлебные крошки

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

Наблюдения:

Наличие - нет

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

Добавить хлебные крошки. Например: Страны ->Турция -> О стране. Это упростит пользователю навигацию по сайту.

3.2. Выделение текущего раздела меню

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

Наблюдения:

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

3.3. Неоправданное дублирование содержимого в разных меню

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

Наблюдения:

Неоправданного дублирования содержимого разных меню нет

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

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

Наличие на всех страницах - нет

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

Добавить поиск по сайту

3.5. Наличие главного меню на всех страницах сайта

Наблюдения:

Наличие ГМ на всех страницах сайта - есть

3.6. Возможность попасть на главную с любой страницы

Наблюдения:

Возможность попасть на главную с любой страницы- есть

4. ВИЗУАЛЬНЫЙ ДИЗАЙН

Насколько легко читать текст, как выделены важные элементы, какое впечатление производит внешний вид сайта.

4.1. Общая цветовая гамма

Наблюдения:

  • Цветовая гамма сайта спокойная, привлекательная, нет отвлекающих элементов дизайна.

4.2. Шрифт

Наблюдения:

  • Шрифт во всех информационных блоках слишком мелкий. Например, https://travel-rich.ru/kipr.

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

  • Увеличить шрифт в текстах.

4.3. Изображения

Наблюдения

  • Качество изображений - нормальное
  • Количество (слишком много/недостаточно) - нормально
  • Хаотичное расположение - нет
  • Слипание картинок с текстом - нет
  • Наличие реальных фотографий офисов компании - есть

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

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

4.5.Перегруженность страниц элементами дизайна

Отсутствует

5. ПРОБЛЕМНЫЕ РАЗДЕЛЫ САЙТА

5.1. ЧАВО (часто задаваемые вопросы)

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

Наблюдения:

Данный раздел отсутствует.

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

Добавить раздел ЧАВО на сайт.

5.2. Отзывы

Наблюдения:

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

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

  • Чтобы оставить отзыв, необходимо зарегистрироваться на сайте. Это усложняет размещение отзыва.

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

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

5.3. Помощь

Наблюдения:

Название раздела не соответствует его содержанию.

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

Изменить название раздела. Варианты: «Как мы работаем», «Как заказать тур» «Схема заказа»

5.4. Контакты

Наблюдения:

Отсутствуют телефоны офисов

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

Если во всех офисах есть отдельные номера телефонов, их необходимо разместить на этой странице.

6. КОНТЕНТ

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

6.1. Тексты

Наблюдения:

Методом случайного выбора были проверены 5 текстов:

  1. Текст на главной странице. В тексте нет информации о том, какие преимущества предлагает компания, как она работает. Есть грубая опечатка: «так что горящие туры спб – это залежалый товар» должно быть: «это не залежалый товар».
  2. Туры на Кипр. Отсутствует структурирование текста, разделение его на смысловые части при помощи подзаголовков. Отсутствует важная информация об отдыхе на курорте: время перелета, необходимость визы и т.д.
  3. Испания, О стране. Отсутствует структурирование текста, разделение его на смысловые части при помощи подзаголовков.
  4. О компании. Отсутствует структурирование текста, разделение его на смысловые части при помощи подзаголовков.В тексте только общие слова, отсутствует конкретика, например, количество клиентов, год основания, и т.д. На этой странице пользователь не получает почти никакой полезной информации. В блоке «Высокие стандарты качества» фраза «мы ставим наших клиентов на свое место» не корректна. Здесь имелось в виду «Мы ставим себя на место наших клиентов».
  5. Помощь. Тест качественный, полностью выполняет свою функцию.

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

  1. Добавить в текст информацию о преимуществах компании, о том, как она работает. Исправить опечатку в тексте.
  2. На страницах туров в страны добавить конкретную, полезную информацию об особенностях отдыха в этой стране. Важную информацию, такую как время перелета, необходимость визы и прочее можно оформить в виде таблицы. Это позволит пользователю быстро получить самую важную информацию о курорте. Разбить тексты подзаголовками, это сделает их более легкими для восприятия.
  3. Тексты о странах разбить подзаголовками на смысловые части, это сделает их более легкими для восприятия.
  4. Добавить в текст больше конкретной информации о компании и услугах. Исправить фразу в блоке «Высокие стандарты качества».
  5. Рекомендуем изменить название раздела, чтобы оно точнее соответствовало тексту на странице.

7. ФОРМЫ ЗАЯВОК

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

7.1. Форма подбора туров

Наблюдения:

  • Отсутствуют всплывающие подсказки по категориям отелей (не понятно, чем отличаются, например, 4 и 4*).
  • Отсутствуют подсказки по некоторым пунктам вариантов питания (например, BB/FB, BB/HB и др.).
  • При отсутствии подходящих туров результат поиска выглядит не дружелюбно. Создается ощущение, что форма поиска не работает.

Создается ощущение, что форма поиска не работает

Рекомендации:
● Добавить всплывающие подсказки по категориям отелей
● Добавить всплывающие подсказки по всем пунктам вариантов питания
● Сделать текст, который появляется в результате поиска при отсутствии подходящих туров более дружелюбным. Например, «К сожалению, подходящих отелей на выбранные вами даты нет. Попробуйте изменить параметры поиска» + ссылка на форму.

7.2. Форма «Заявка на подбор тура»

Наблюдения:

  • Отсутствуют пояснения по категориям отелей и по некоторым вариантам питания.
  • Поле «Контактный e-mail» является обязательным.

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

  • Добавить пояснения по всем вариантам питания и по категориям отелей так как не понятно различие, например, между 4 и 4*.
  • Сделать поле Контактный e-mail необязательным, так как e-mail может быть не у каждого клиента и это создаст ему трудности при заполнении формы. Если электронной почты у клиента нет, результаты подбора ему можно сообщать по телефону.

7.3. Форма регистрации на сайте

Наблюдения:

  • Поле «e-mail» является обязательным.

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

  • Сделать поле Контактный e-mail необязательным, так как e-mail может быть не у каждого клиента и это создаст ему трудности при заполнении формы.

7.4. Форма заказа тура

Наблюдения

  • Форма заказа тура сделана непонятно. Она предлагает зарегистрироваться или оставить заявку. Не понятно, чем отличаются эти два пункта и зачем регистрироваться, если можно подать заявку и без регистрации. Только после вдумчивого изучения сайта становится ясно, что зарегистрироваться нужно для того, чтобы купить тур онлайн, а подать заявку можно для того, чтобы выкупить тур в офисе. При этом форма открывается при нажатии кнопки «Купить тур онлайн».
  • Надпись «Системное сообщение» в форме заказа может сбивать с толку.

Надпись «Системное сообщение» в форме заказа может сбивать с толку

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

  • Рекомендуем сделать две отдельных формы: для покупки онлайн и для размещения заявки. На карточке тура разместить две однотипные кнопки: «Купить тур онлайн» и «Оформить заявку на этот тур».
  • Убрать надпись «Системное сообщение». Вместо нее лучше разместить информацию о том, какой именно тур сейчас заказывает клиент.

Наши работы

Версия для слабовидящих сайта клиники Арикон
Редизайн сайта alpguru.ru
Сдан сайт компании Fortis
Создание сайта-визитки туркомплекса
Верстка  сайта-визитки студии «JP»
Редизайн Главной страницы студии звукозаписи
показать еще

Новости

Проведены работы над сайтом officenam.ru

Проведены работы над сайтом officenam.ru

Проведены работы над сайтом officenam.ru - добавлен функционал и обновлена верстка.

Создан сайт-визитка компании Виком

Создан сайт-визитка компании Виком

Создан сайт-визитка компании Виком, общая стоимость работ 9 600 руб.

Создана версия для слабовидящих сайту клиники Арикон

Создана версия для слабовидящих сайту клиники Арикон

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

Выполнена разовая оптимизация сайта autoprogress.msk.ru

Выполнена разовая оптимизация сайта autoprogress.msk.ru

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

Выполнен SEO- и технический аудит сайта biz-obraz.ru

Выполнен SEO- и технический аудит сайта biz-obraz.ru

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

Выполнена разовая оптимизация сайта 1y.su

Выполнена разовая оптимизация сайта 1y.su

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

Выполнен редизайн сайта alpguru.ru

Выполнен редизайн сайта alpguru.ru

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

Выполнены доработки сайтов Chilwee.ru и Profakb.ru

Выполнены доработки сайтов Chilwee.ru и Profakb.ru

Доработка сайтов Chilwee.ru и Profakb.ru на CMS WordPress и Opencart.

Выполнена оптимизация сайта profakb.ru

Выполнена оптимизация сайта profakb.ru

ПрофАКБ - интернет-магазин тяговых аккумуляторов различных видов и марок.

Редизайн и оптимизация сайта 5ave.spb.ru

Редизайн и оптимизация сайта 5ave.spb.ru

Редизайн и оптимизация сайта 5ave.spb.ru. Сайт создан по новому шаблону.

Проведен аудит сайта для Пионер-Тур

Проведен аудит сайта для Пионер-Тур

Проведен аудит сайта для туристической компании Пионер-Тур.

Обновление каталога на сайте багетной мастерской

Обновление каталога на сайте багетной мастерской

Проведено обновление каталога на сайте багетной мастерской в Санкт-Петербурге Ра-Свет.

Создание сайтов, продвижение сайтов, аудит сайтов

“WebСадовник”© Агентство интернет-маркетинга, 2008 - 2017. Реквизиты

карта сайта
+7 (812) 981-18-97
WhatsApp, Viber+7 904 519-45-93