Привет! Меня зовут Илья Мансуров, третий год дизайню в студии pinkman.
Недавно я ездил на курорт «Красная Поляна» в Сочи и активно пользовался их официальным приложением. А после возвращения подумал, как можно было бы его улучшить.
Приложение нужно для бронирования, просмотра активностей и построения маршрутов. Но на каждом этапе возникали сложности, мне постоянно приходилось использовать сторонние инструменты.
В статье хочу показать, как я попробовал улучшить приложение, объединив весь важный функционал в одном месте.
Контекст
- UX не позволял быстро решать задачи
- Полотно текста вместо структурированной информации на странице туристических троп
- Из-за невозможности узнать загрузку элеваторов пришлось стоять в очереди 25 минут
- Не понял, как купить пропуск (ски-пасс) на горнолыжные спуски онлайн
- Хотелось заранее узнать цены на аренду оборудования, но такой возможности не было
- Маршруты приходилось строить в сторонних приложениях
- UI отсылал к нулевым годам, хотя курорт позиционирует себя как современное место
Постановка задачи
Я попробовал представить, как могло бы выглядеть такое приложение и какие проблемы оно бы решало. Поставил перед собой задачу увеличить количество активных пользователей и время использования приложения.
Для этого нужно:
- Создать простой и быстрый сервис
- Обновить дизайн-систему под запросы целевой аудитории
- Улучшить визуальную коммуникацию внутри приложения
Понимание задачи
Вводные данные
- Функционал уже реализован, но требует серьезной доработки, чтобы пользователи оставались в приложении, а не переходили к конкурентам. К такому функционалу относится просмотр карты и трасс, построение маршрутов, бронирование отелей, покупка билетов на мероприятия.
- Разработка библиотеки компонентов и дизайн-системы для легкого дальнейшего использования и поддержки.
- Формирование нового языка бренда для коммуникации, чтобы отстроиться от конкурентов «Роза Хутор» и «Курорт Завидово».
Цель
Поднять рейтинги в магазинах приложений и увеличить метрику Retention.
Критерии успеха в новой версии
- Отсутствие роста Churn rate. Если отток пользователей не вырастет, значит у них не было сильной привязки к прошлой версии, и они положительно восприняли новую.
- Рост CR в оформлении отелей, покупке ски-пассов и билетов.
- Увеличение Retention. Добиться можно внедрением полезного функционала, улучшением программы лояльности и кэшбэками при покупке через приложение.
Исследование
Исследование рынка
Любая работа начинается с мысли: «А что там у конкурентов?» Я рассмотрел рынок тревел-приложений и детально остановился на функционале и визуале приложений курортов, среди которых самыми известными были «Шерегеш», «Завидово» и «Роза Хутор».
Выписал фичи, оценил широту функционала, ключевые преимущества, отзывы на площадках приложений. Это позволило понять, чего не хватает пользователям курортных приложений.
В приложении «Роза Хутор» на странице троп размещены рекомендации по снаряжению. На главной есть ближайшие мероприятия и советы по досугу. Можно быстро и удобно проложить маршрут от своего местоположения до подъемника или трассы.
Отображена информация по аренде оборудования для походов, велопрогулок и прочего. Есть возможность взять экскурсию с гидом. Можно скачать карту в формате PDF, чтобы ориентироваться в зоне без интернета.
UI неплохой для рядового пользователя, но много небольших неточностей: прыгающий интерлиньяж, нарушение теории близости, местами очень мелкий и неконтрастный текст. Многие экраны не отрисованы, при переходе на них приложение отправляет в браузер.
В приложении «Завидово» на главной размещены отели, рестораны и мероприятия – это самые популярные категории. Можно посмотреть меню, количество посадочных мест, график работы, позвонить и забронировать столик.
По мероприятиям функционал очень скудный : кроме даты, краткой информации и цены ничего нет. Очень спорное дизайн-решение с блоками «Отели», «Рестораны», «Активности», «Мероприятия» в самом верху главной, так как они дублируют те же вкладки таб-бара.
Глубинные интервью
Перед стартом редизайна требовалось понять, какие боли не закрыты у пользователей приложения «Красной поляны» и верны ли мои гипотезы. Я провел 7 глубинных интервью, составил список болей и из них сформировал список необходимых фич.
Визуальная концепция
На курсе WANNABE Миша Розов открыл для меня крутой фреймворк values-mission-vision-metaphor. Он позволяет аргументировать визуальные решения, основываясь на исследованиях и целевой аудитории, а также опираться в визуале на метафору.
- Из глубинных интервью выяснил, что идеальное приложение Курорта красной поляны пользователи представляют как минималистичное, спортивное, акцентное.
- Чтобы приложение соответствовало этим ценностям, сформулировал миссию — обновить визуальный язык и расширить функциональность
- Будущее приложения — это функционал, который позволяет юзерам планировать и проводить отдых на курорте без использования сторонних приложений.
- Метафора, с которой ассоциируется приложение: Snow & Ski.
Фичи
Информация об элеваторах
Пять респондентов отметили, что это одна из важных функций приложения. Они регулярно пользовались ей, но жаловались, что нельзя было просмотреть загрузку по камерам и построить маршрут, и не все понимали, как выглядят подъемники и на сколько человек они рассчитаны
Туры
Такого функционала не хватало четырем респондентам – они искали туры решение на сторонних сайтах.
Бронирование отелей
Два респондента пытались забронировать отель в приложении, но не получили там необходимой информации и ушли к конкурентам в «Островок» и «Яндекс Путешествия». Я сгруппировал информацию по блокам, чтобы не перегружать пользователей информацией. Проработал возможность оставлять отзывы, чтобы повысить доверие и уверенность в выборе при бронировании.
Экотропы
Три респондента отметили, что шли на пешие тропы вслепую: им не хватало фотографий пейзажей, они не понимали резкость перепада высот и сколько времени в среднем занимает тропа. Одному респонденту не хватало отзывов от других туристов.
Пополнение ски-пасса
Три респондента не справились с пополнением ски-пасса в приложении, им пришлось отстоять длинную очередь. Я разработал страницу со ски-пассами, в которой отображается вся актуальная информация, можно пополнить баланс, сменить тариф, посмотреть историю списаний.
3D-иллюстрации
Подобрал референсы текстур, стилистики и материалов и в Blender разработал пак иллюстраций для приложения.
Что в итоге?
За два месяца в свободное от работы время задизайнил современное мобильное приложение в новой стилистике. Расширил ключевой функционал, прокачал UI, добавил новые фичи, которых нет у конкурентов.
Больше полезного и красивого у нас в телеграме.
