Разрабатывали приложение ЖД билеты для Туту.ру

120 экранов и 80 пользовательских сценариев. Как с учётом сложной навигации и огромного количества информации сделать самое удобное приложение для покупки ЖД билетов? Мы справились с этой задачей.

Интро

Задача из двух частей

Туту.ру — сервис путешествий № 1 в России (по данным GfK Rus)*. Заказчик оценил наш подход к работе, и мы выиграли тендер. Процесс сотрудничества состоял из двух частей: до редизайна сервисов и после. Сначала мы спроектировали интерфейс, сделали дизайн и разработали Android‑приложение. После редизайна Туту.ру мы переработали приложение и адаптировали новый дизайн для Android.

Задача

Запуск нового продукта

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

У вас есть похожая задача? Давайте обсудим!

Решение

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

Мы плотно работали с продуктовой командой Туту.ру, чтобы выяснить все детали и возможные сценарии. Проектировали, показывали и дорабатывали экраны с учетом продуктовой экспертизы заказчика. В результате представили объёмный продукт в простой «упаковке» для клиента и пользователя.

Заголовок

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

Евгений Любаев

Product Owner, Tutu.ru

Информация о выбранных местах

Поэтапная работа над продуктом

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

Анализ каждого состояния

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

Экран выбора поезда и вагона

Упрощённая навигация

Когда приложение состоит из 120 экранов, и все они связаны между собой, его сложно поддерживать. Чтобы добавить новый экран, приходится править все предыдущие и писать много кода. В такой системе легко запутаться.

Наш Android-разработчик Константин Цховребов придумал решение, которое позволило отделить всю логику от интерфейса. Теперь, чтобы добавить новый экран, нужно только обратиться к логике, а не переписывать её части. Готовое решение оформлено в библиотеку, о которой мы писали на Хабре.

Читать по теме:

Cicerone — простая навигация в Android-приложении

Заголовок

«Когда разработчики Туту.ру увидели масштабы проекта, они подумали, что на передачу уйдёт не меньше двух недель. Но на третий день они сказали, что всё очень хорошо и понятно сделано. Больше они ничего не спрашивали. Для нас это значит, что мы хорошо поработали, проект легко понять и поддерживать».

Владимир Мочалов

Android-разработчик, MobileUp

Билеты на поезд за 4 минуты

Если нужно срочно уехать в командировку или навестить родственников, покупка билета на поезд не должна отнимать время. В Туту.ру весь процесс занимает около 4 минут. Пользователи проверили.

Заголовок

«Наши Android-разработчики сказали, что тот исходный код, который они получили от MobileUp, был лучшим среди всех аутсорс-команд, с которыми мы сотрудничаем. Это разработка высокого уровня».

Евгений Любаев

Product Owner, Tutu.ru

Итог

Запустили качественный продукт

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