Вебинар «Запуск сложного цифрового продукта» 10 декабря в 12:00 Зарегистрироваться
Разрабатывали приложение ЖД билеты для Туту.ру
Приложение
Android
Интро
120 экранов и 80 пользовательских сценариев. Как с учётом сложной навигации и огромного количества информации сделать самое удобное приложение для покупки ЖД билетов? Мы справились с этой задачей.
Интро
Задача из двух частей
Туту.ру — сервис путешествий № 1 в России (по данным GfK Rus)*. Заказчик оценил наш подход к работе, и мы выиграли тендер. Процесс сотрудничества состоял из двух частей: до редизайна сервисов и после. Сначала мы спроектировали интерфейс, сделали дизайн и разработали Android‑приложение. После редизайна Туту.ру мы переработали приложение и адаптировали новый дизайн для Android.
Задача
Запуск нового продукта
За процессом выбора билета стоит сложная бизнес-логика и множество нюансов. Нам нужно было учесть особенности продукта, чтобы сделать покупку ЖД билетов легкой и приятной для пользователей, а код — легко поддерживаемым для клиента.
У вас есть похожая задача? Давайте обсудим!
Решение
Разработка приложения — используем продуктовый подход
Мы плотно работали с продуктовой командой Туту.ру, чтобы выяснить все детали и возможные сценарии. Проектировали, показывали и дорабатывали экраны с учетом продуктовой экспертизы заказчика. В результате представили объёмный продукт в простой «упаковке» для клиента и пользователя.
Заголовок
«Тысячи пользователей ежедневно покупают билеты на поезда в этом приложении. Команда MobileUp спроектировала его, сделала две первые версии и редизайн. Продемонстрировала эффективность, гибкость и мастерство».
Информация о выбранных местах
Поэтапная работа над продуктом
На этапе проектирования весь функционал был разбит на блоки, соответствующие процессу покупки: выбор маршрута, поисковая выдача, выбор вагона и места, ввод данных пассажира, оплата и вспомогательные экраны. Мы последовательно занимались каждым блоком, чтобы упростить работу над таким масштабным продуктом.
Анализ каждого состояния
Вариант с одним типом вагона, вариант с пятью типами вагонов, вариант с «проходящими поездами». Каждое состояние было продумано и зафиксировано в прототипе. Большую часть пользовательских сценариев мы проанализировали на этапе проектирования базовых экранов и предложили продуманную концепцию интерфейса.
Экран выбора поезда и вагона
Упрощённая навигация
Когда приложение состоит из 120 экранов, и все они связаны между собой, его сложно поддерживать. Чтобы добавить новый экран, приходится править все предыдущие и писать много кода. В такой системе легко запутаться.
Наш Android-разработчик Константин Цховребов придумал решение, которое позволило отделить всю логику от интерфейса. Теперь, чтобы добавить новый экран, нужно только обратиться к логике, а не переписывать её части. Готовое решение оформлено в библиотеку, о которой мы писали на Хабре.
Читать по теме:
Заголовок
«Когда разработчики Туту.ру увидели масштабы проекта, они подумали, что на передачу уйдёт не меньше двух недель. Но на третий день они сказали, что всё очень хорошо и понятно сделано. Больше они ничего не спрашивали. Для нас это значит, что мы хорошо поработали, проект легко понять и поддерживать».
Билеты на поезд за 4 минуты
Если нужно срочно уехать в командировку или навестить родственников, покупка билета на поезд не должна отнимать время. В Туту.ру весь процесс занимает около 4 минут. Пользователи проверили.
Заголовок
«Наши Android-разработчики сказали, что тот исходный код, который они получили от MobileUp, был лучшим среди всех аутсорс-команд, с которыми мы сотрудничаем. Это разработка высокого уровня».
Итог
Запустили качественный продукт
Сделали процесс покупки приятным и быстрым, пользователю нужно лишь 4 минуты, чтобы стать счастливым обладателем билета. Вместе с приложением запустили модную библиотеку Cicerone, которая завоевала уважение профсообщества.
Команда
Команда проекта
- Руководители проекта
Сергей Денисюк, Олег Широков
- Арт-директор
Филипп Фильченко
- Дизайн
Ильяс Гайфуллин, Антон Фомин
- Android‑разработка
Константин Цховребов, Владимир Мочалов
Сотрудничество
Контакты
0Эл. почта
hello@mobileup.ruМы всегда рады сотрудничеству и новым проектам.
Опишите задачу, и мы с вами свяжемся.
Или напишите в Телеграм.
Давайте знакомиться!
Ваша заявка успешно отправлена
Мы все изучим и скоро выйдем на связь