Улучшение UX сайта кинотеатра - 31

Улучшение UX сайта кинотеатра

Как сделать жизнь нескольких тысяч человек чуточку лучше? Юзабилити!

Вот за что мы любим UX и добрые полезные проекты!

Именно с таким вопросом и задачей мы начали работу над исследованием сайта кинотеатра Вавилон. Правильный UX-анализ строится с формирования единого подхода в JTBD. Jobs To Be Done — переводится буквально как “работа, которую нужно сделать”. У любого сервиса, если JTBD — то, ради чего пользуются продуктом, то для чего его в первую очередь используют.

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

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

Мы определили 3 персоны сайта и “работу”, которую они хотят выполнить:

1. Узнать расписание и наличие свободных мест — а уже после по телефону сделать бронирование
2. Купить билет онлайн
3. Узнать какие идут фильмы

Что послужило таким выводам: анализ популярных страниц входа, анализ поисковых запросов, а также распределение времени на определенных страницах сайта.

После понимания целей от сайта мы можем спланировать customer journey map (путь пользователя по сайту) так, чтобы все цели выполнялись.

Кроме того, понимание JTBD служит мерилом при принятии решений о функциональностях, которые нужны сайту.

Итак, первое что мы сделали — решили важнейшую проблему UX при оплате — мы нашли неверно приоритезированные кнопки на странице перехода к оплате и на самом платежном шлюзе.

Во-первых, “Оплатить” и “Отмена” — это кнопки, которые должна иметь 95% и 5% внимания соответственно, во-вторых, кто сказал что стоит вводить посетителя в эффект “буриданова осла”? Парадокс, в виде примера с ослом и двумя одинаково доступными и хорошими стогами сена — утверждается, что он непременно умрёт от голода, принимая решение.

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

Аналогично и со шлюзом (страницей ввода данных карты)

Следующим шагом стало изменение на странице фильма.

Блог с выбором времени и даты находился в самом “подвале” сайта.

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

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

Речь о кнопках “Купить онлайн” и “Забронировать по телефону”

На скрин попала кнопка Кинопоиска и “Подробнее на Кинопоиске” — эта вишенка на торте юзабилити была честно подсмотрена на сайтах столичных кинотеатров. Раньше на ее месте, кстати, была функциональность внутреннего рейтинга фильмов сайта Вавилона. Чаще всего рейтинг был 0, потому что юзеры не пользовались этими рейтингами и ничего кроме недоумения этот блок не вызывал. А автоматически подтягиваемый интерактивный рейтинг фильма с самого авторитетного сайта отзывов о фильмах — разве не круто? Подозреваем, что мы лишили необходимости гуглить фильмы в соседней вкладке 🙂

Спасибо за внимание!

Кейсы
Maps.me
Дизайн и разработка специальных проектов
Русич Спорт
Увеличение количества клиентов из SEO (поисковых систем) в 2,23 раза
Maps.me
Дизайн и разработка специальных проектов
Русич Спорт
Увеличение количества клиентов из SEO (поисковых систем) в 2,23 раза
г.Омск,
Гагарина 14, 703 офис
mail@weare31.com
С уважением к В.В. Кандинскому
Контакты
+7(950)95-33-111
mail@weare31.com
Гагарина 14, 703 офис
С уважением к В.В. Кандинскому