Компания:
Turum-burum
Роль:
UX-Дизайнер
Таймлайн:
2018 — 2019
Результаты и метрики
Проблемы
Сайт не был адаптивным, но имел мобильную версию, в которой отсутствовали многие важные функции, работающие в полной версии сайта. Например, в мобильной версии вообще не было страницы профиля пользователя.
Использование фильтров при поиске апартаментов было не очень удобным — информация была плохо сгруппирована, часть важных фильтров отсутствовала, но при этом имелась у конкурентов.
Пользователи не задерживались на страницах апартаментов — они нередко уходили с них, не начав бронирование.
Довольно часто пользователи не заканчивали процесс бронирования.
Уникальную функцию сравнение апартаментов, которой нет у конкурентов, использовало очень низкое количество людей.
В целом устаревший UI (высокая плотность информации, отсутствие последовательности, несочетаемые цвета и т.д.).
Решение
Полный редизайн сайта по концепции Mobile First, основываясь на данных исследования и информации, полученной от владельца продукта.
Почему полный редизайн, а не точечный?
Сайт состоял из двух версий — десктопной и мобильной — это технически нерационально для данного типа продукта и непросто для ресурсов команды. Весь функционал можно было реализовать в сайте одной версии, но адаптивной. Очевидно, что для этого предстояло полностью переделывать дизайн, чем мы и занялись.
Почему Mobile First?
Посетителей сайта с мобильных устройств было больше уже на момент начала нашей работы над продуктом, и число их росло. С такой тенденцией разумно создавать дизайн для мобильных устройств как основной.
Что я сделал
Принял участие в онлайн- и оффлайн-встречах со стейкхолдерами для выявления требований.
Изучил данные Google Analytics и использовал их работе.
Проанализировал конкурентов.
Создал прототипы ключевых страниц сайта.
Перегруппировал фильтры в результатах поиска (список апартаментов в городе), сделав их использование значительно проще — это стало понятно из метрик (время от захода на сайта до перехода на бронирование значительно сократилось) и сокращения количества обращений в поддержку.
Упростил сравнение апартаментов — уникальной функции Добово, которой до сих пор нет у конкурентов, даже у Airbnb. Сравнивать апартаменты стало проще, и следовательно, быстрее выбирать среди огромного их количества.
Подход
Вместе с командой Добово мы решили, что будем придерживаться следующего подхода.
1. Первоначальная оценка
Изучаем данные Google Analytics, анализируем текущий сайт и сайты конкурентов и по итогу готовим длинный список вопросов.
По утверждении прототипов мы начинаем проектировать интерфейс для планшета и десктопа и параллельно работать над UI.
Команда продукта — опытные профессионалы, которые располагают исчерпывающей информацией о продукте и его пользователях. Коммуникация с командой Добово стала основным источником знаний для успешной реализации проекта.
Мы и владелец продукта провели десятки групповых звонков и нескольких оффлайн-встреч, было задано огромное количество вопросов и получены ответы на них. Вся полученная информация была задокументирована, мы и постоянно обращались к ней в процессе работы.
Конкуренты
Я проанализовал украинских конкурентов и похожие продукты на глобальном рынке и выделил интересные решения на их сайтах.
Далее вместе с владельцем продукта было решено, какие их решений будут включены в новый дизайн.
Поисковая выдача (список апартаментов в городе)
Страница с поисковой выдачей является одной из ключевой на сайте — в подавляющем числе случаев выбор апартаментов происходит именно на ней.
Изменения в текущих фильтрах
Фильтры тип размещения (жильё целиком, отдельная комната, общая комната) и тип жилья (квартира, дом, хостел, отель) вытащил из выбора количества комнат (не совсем ясно, что они там делали), тем самым сделав два отдельных фильтра.
Фильтр дополнительные фильтры, в основном, содержал удобства. Я перенёс их в фильтр комплектация, в котором уже находилась часть удобств.
Упростил выбор цены за ночь, добавив ползунок с выбором значения (это проще, чем вводить цены от и до вручную).
Рядом с каждым фильтром указал, сколько таких квартир доступно для бронирования.
Новые фильтры
Ближайшее метро (если оно есть в выбранном городе)
Улицы
Район (раньше был только микрорайон)
Достопримечательности
По информации техподдержки, пользователи сайта неоднократно просили добавить эти эти фильтры на сайт.
Фильтрация по атрибутам апартаментов
Отображение всех найденных апартаментов на карте
Раньше можно было смотреть расположение на карте только конкретного апартамента, я предложил добавить возможность отображения всех апартаментов из выдачи на карте — так проще делать выбор, если расположение имеет важное значение.
Статистика бронирования на выбранные даты
Добавил информацию, на сколько процентов апартаменты забронированы на выбранные даты. Если процент высок — это может заставить пользователя поторопиться совершить бронирование.
Соседние даты и статистика бронирования по ним
Также указал процент бронирования на соседние даты — это позволит пользователям легко выбирать ближайшие дни в том случае, если не удаётся выбрать подходящее жильё на изначально указанные даты.
Сравнение апартаментов
Проблемы
Несмотря на всю полезность функции, ей пользовалась лишь небольшая часть пользователей. Я предположил, что причины этому следующие:
Отсутствие выбора дат въезда и выезда, и, как следствие, невозможность сравнения по цене за ночь, а это основной фактор для огромного количества пользователей.
Плохо структурированная информация о сравниваемых апартаментах, без разделения на блоки. Визуально информацию было сложно воспринимать.
Решение
Добавил выбор дат проживания. Стало возможным показывать цены за ночь.
Страница апартаментов
Во время анализа текущего сайта и продуктов-конкурентов было замечено, что информация на странице апартаментов структурирована не лучших образом, и, гипотетически, её было недостаточно для принятия решения — бронировать или нет. Я решил слегка изменить порядок блоков на странице и добавить информацию, которая изначально отсутствовала, но была у конкурентов.
Бронирование
Несмотря на то, что процесс бронирования был уже хорошо налажен, пользовали часто не заканчивали его и покидали сайт. У меня не было точной информации о причинах этого, оставалось лишь предполагать.
Команда продукта опасалась полностью переделывать процесс бронирования, поэтому было решено внести лишь некоторые изменения, опираясь на здравый смысл и лучшие практики.
Личный кабинет
Данная часть продукта полностью отсутствовала в мобильной версии сайта. Я сделал ревизию личного кабинета, создал прототипы всех состояний, и передал дизайнеру для работы на UI.
Теперь профиль и все функции в нём доступны на любом устройстве.
До и после
Оцените трансформацию. Рекомендуется смотреть на десктопе.
Текущий статус
Продукт успешно работает и развивается. В конце 2019 года Добово объявили о начале сотрудничества с ЛУН — крупнейшим игроком на рынке поиска квартир. Благодаря этому, партнерство вывело рынок краткосрочной аренды на новый уровень и помогает украинцам и гостям иностранцам чаще и комфортнее путешествовать внутри страны.