Дизайн мобильного приложения "Plannetic" для путешественников. Учебный кейс

Что такое Plannetic?

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

Основная задача: разработать user flow, который проходит пользователь, чтобы спланировать маршрут в несколько пунктов назначения. Также, учитывалась желаемая  продолжительность пребывания в каждом пункте.

Объем работы: UX-исследование, CJM, построение user flow, метод персон, вайрфреймы, UI-дизайн.

Мои инструменты: Figma, Miro, PS и интерес!

Срок: 5 недель

Дизайн-процесс

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

Этап «Открытие»(Discover)  - это глубокое погружение в проблему, которую необходимо решить. 

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

На этапе «Развитие» (Development) можно развить одно или несколько решений и выбрать лучшее для реализации на этапе «Реализация» (Deliver).

В целях экономии времени на реализацию, мы приняли решение объединить два последних этапа.

Этап 1. Открытие

Мозговой штурм

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

Анализ конкурентов 

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

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

Этап 2. Определение

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

Вопросы и гипотезы

Мы пересмотрели идеи, которые появились во время брейншторма и анализа конкурентов, с помощью метода HWM (How We Might), составили вопросы  и превратили их в гипотезы. Дизайн, основанный на гипотезах, позволит легче сориентироваться в неизведанном пространстве, а также сделать результат работы более предсказуемым.

• Как сделать так, чтобы путешественники чувствовали себя комфортно во время поездки?
• Как сделать приложение более полезным?
• Как сделать так, чтобы пользователь не беспокоился о том, что что-то забудет?
• Как мы можем помочь пользователям спланировать день с учетом погодных условий?
• Как мы можем помочь пользователям найти единомышленников со схожими интересами?
• Как сделать приложение таким, чтобы оно вызывало доверие?

Метод персон

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

 

Карта пути клиента

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

Информационная архитектура

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

Пользовательский сценарий

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

Этап 3. Развитие и Реализация

Наброски

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

Вайрфреймы

Далее создали более сорока вайрфреймов высокой точности и сделали кликабельный прототип (который, кстати, доступен по ссылке!) для основного пользовательского сценария - планирование поездки в несколько пунктов назначения.

Здесь можно увидеть прототип!

Уроки и ключевые выводы

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

2. Не стоит пренебрегать мнением коллег - это поможет взглянуть на проект под другим углом и найти лучшее решение.

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

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