Разработка мобильного приложения для «Туту.ру ЖД билеты»

Туту.ру ЖД билеты

Покупка билета на поезд за 4 минуты

Скачать:

AndroidiPhone
  • Золотое приложение 2017

    3 место в категории «Навигация и транспорт»

Введение

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

Интро

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

Задача

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

Решение

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

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

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

Фрагмент взаимодействия основных разделов

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

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

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

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

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

Цитаты разработчиков

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

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

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

Product Owner, Tutu.ru

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

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

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

Product Owner, Tutu.ru

Награды

  • Золотое приложение 2017

    3 место в категории «Навигация и транспорт»

Команда проекта

  • Руководитель проекта

    Сергей Денисюк

    Олег Широков

  • Арт-директор

    Филипп Фильченко

  • Дизайн

    Ильяс Гайфуллин

    Антон Фомин

  • Android-разработка

    Константин Цховребов

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

Скачать

Скачать приложение

Считайте QR-код с помошью камеры или перейдите по ссылке

Другие проекты в категории «Транспорт»

Напишите нам
Написать нам в Telegram