Агентство по A/B-
и MVT-тестированиям

Главная

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Никита Семенов

4 Мар 2018

Время чтения: 4 минуты

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Вы узнаете:

+1 важный элемент высокой конверсии

Юзабилити-тест сайта

За счет чего выросла конверсия на 88%

Поделиться

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

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

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

Старый вид бронирования

Для начала расскажу воронку - этапы, через которые пользователь проходит до бронирования. При попадании на сайт - пользователь выбирает хостел по географии:
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Главная страница, на которой пользователь выбирает хостел

Далее есть 2 варианта: либо сразу бронирует с главной страницы, кликая на «Быстрое бронирование»:
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Быстрое бронирование - переход

Либо идет внутрь понравившегося хостела, чтобы посмотреть фото, получить важную инфу для принятия решения:
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Страница для конкретного хостела с полной информацией

Итог один - клиент выбирает конкретный хостел и номер.

Внезапно! Что видит посетитель при клике на «Выбрать номер» и «Быстрое бронирование»:

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Начало страницы бронирования

Да, именно такой экран. Вся остальная информация появиться только после выбора даты заезда и отъезда:
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)
Надеюсь, что мне не одному кажется, что такой процесс бронирования сложный и запутанный.

У такой страницы брони конверсия в сентябре 0,9%. По словами владельца хостела - выше показателей никогда не было.
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Ищем проблемы - юзабилити аудит

1. Сложный календарь
Как по мне, календарь сложный из-за своей нестандартности. Подобных календарей я никогда не видел ранее. Появляется вопрос «А что дальше делать»? Есть вероятность, что пользователь уйдет со страницы брони.

2. Не понятно куда попал
Я не понимаю, что бронирую, да я вообще на какой странице нахожусь?!

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

4. Занятые номера
Тоже не логично. Посетителя не интересуют занятые номера. Логично, чтобы он их не видел.

5. Как указать количество гостей?
Для этого надо кликнуть по кроваткам, а это не очевидно.

6. Фотографии не отрываются
То есть на этапе брони нельзя посмотреть фото - только возвращаться назад. Это ошибка, так как хостел предоставляет на выбор несколько номеров. И как тогда сделать выбор, если нельзя посмотреть фотографии?

7. Сложный этап завершения брони:
Много информации как для проверки, так и для заполнения - может быть сложно и пользователь не захочет напрягаться. Иными словами - перегруз информации. Многие даже не захотят вчитываться = сложно.

8. Страница бронирования не влезает в размеры 1-го экрана
Тоже ошибка. Даже элементарное прокрутить страницу - для многих может быть усилием. А на странице брони в 1-й экран влазиет только сложный календарь, выбор хостела и выбор номеров. О важности размера экранов для лендинга прочтите статью Кейс #3. Увеличение конверсии на 62% у подготовительных курсов ЕГЭ «Талантум».

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Что улучшили

Сразу покажу готовый вариант, а далее по пунктам, что изменили:

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)
По пунктам:

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

2. Упрощение календаря
Пользователю надо лишь навести на поле - появится календарь. Далее осталось указать даты:
Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)
3. Упростили выбор количества гостей
Сделали очевиднее - пользователю надо указать количество гостей, а не кликать по кроваткам.

4. Убрали «выбор хостела», «типа хостела»
Посетитель уже сделал выбор. Поэтому чтобы избавить от раздумий и не путать - убрать!

5. Даем возможность посмотреть фотографии номера

6. При выборе конкретного хостела - выплывают поля для завершения:

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)
Если пользователь выбрал номер - то нажимает на «Забронировать». Остается лишь заполнять выпадающие поля с почтой, номером телефона и именем. Ну и завершаем бронирование кнопкой «Завершить бронирование». Все логично и понятно.

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

[жирный]Что добавили[/жирный] 1. В подзаголовок добавили призыв к действию «Завершите бронирование и получите скидку до 2000 рублей»

2. Указали по шагам, что нужно сделать
Ведем пользователя - не даем запутаться: «Шаг 1…», «Шаг 2…».

3. При просмотре фото хостела призываем его забронировать:

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

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

Конверсия в бронирование увеличилась на 88%

Посмотрите данные из Яндекс. Метрике:

Кейс #6. Рост конверсии на 88% за счет юзабилити у Artist Hostel (часть 2)

Итог

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

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

Есть лендинг или сайт?

Получите бесплатный анализ и:

  • Узнайте слабые места, где теряете клиентов
  • Получите рекомендации, где и что исправить
  • Получите бесплатную консультацию маркетолога
Получите бесплатный пошаговый курс от поиска
идей до запуска эффективного A/B-теста