Как с помощью React Native создать свой Uber

11

В свое время Uber перевернул мир такси с ног на голову и по сей день пользуется огромной популярностью: его аналоги есть практически во всех странах.

Однако если заглянуть в архитектуру приложения и изучить его технический стек, станет понятно, что ничего заоблачного там нет. Любой бизнес может создать свой собственный Uber. Для этого вам понадобится всего 1500 часов и классная команда, работающая на React Native.

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

Особенности функционала приложения такси

Давайте посмотрим, какие функции 100% нужны приложению для заказа такси.

Бронирование поездок

Первая функция, которая приходит на ум и является основой всего приложения. Пользователям нравится, когда у них есть возможность сделать заказ в течение нескольких секунд и нет необходимости предоставлять кучу дополнительной информации. Просто ввёл место назначения, а приложение спланировало твою поездку — звучит круто!

GPS-навигация

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

Прозрачные цены

Никто не хочет заказать такси за 200 рублей, а потом узнать, что поездка обошлась в 500. Цена отображается еще до заказа такси и не меняется после завершения поездки. На стоимость поездки влияют следующие факторы: тип поездки (UberX, Comfort, Green, Van, Shuttle и т.д), погодные условия, спрос, скидки и прочее.

Отображение деталей поездки

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

Поиск водителя

Если пользователь соглашается с деталями поездки и подтверждает свой заказ, приложение отправляет запрос всем находящимся поблизости водителям. Очень важно в этот момент не упустить внимание клиента, поэтому Uber поступили по-хитрому: добавили возможность отслеживать доступные машины в реальном времени. Так пользователь может оценить загруженность водителей и не будет жаловаться на “слишком долгое ожидание”. Зная, что поблизости есть свободные машины, он продолжит ждать, потому что точно знают, что водитель скоро найдётся и прибудет к нему в ближайшее время.

Подтверждение поездки

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

Связь водителя с пассажиром

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

Оплата

Во время регистрации пользователь указывает удобный ему способ оплаты. Чем больше способов сможет предоставить ваше приложение, тем лучше. Как минимум, должны быть оплата по карте и наличными. Еще можно добавить добавить возможность оплаты через онлайн кошелек, банковский перевод, либо QR коды.

Рейтинг

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

У Uber, например, плохой рейтинг водителя сказывается на количестве заказов и размере комиссии.

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

Техническая поддержка

Эта опция необходима для поддержания связи между водителем и пассажиром, независимо от поездки. Здесь клиент может оставить жалобы или любые идеи по улучшению приложения. Техподдержка позволяет вам быть ближе к людям, демонстрируя заботу о каждом пользователе. 

Как работает Uber?

Главной причиной, по которой Uber пользуется такой популярностью среди 80 миллионов пользователей — их безупречный сервис. Один клик, и вот вас уже забирает личный водитель.

Автоматизация всех стандартных функций снизила стоимость поездки на 35-50% по сравнению с традиционным такси. Uber просто взорвал рынок. Он установил такую высокую планку, что другие компании быстро начали терять клиентов.

Поэтому, если вы хотите создать приложение, которое могло бы встать в один ряд с Uber, начинать нужно с изучения самого Uber. Давайте вместе пройдемся по главным флоу приложения для пассажира и водителя (про то, что нужно ещё приложение для водителя, надеемся, вы не забыли)!

Приложение для пассажира:

• • Регистрация/вход. Все начинается с экрана регистрации: здесь пользователь вводит свои адрес электронной почты, номер телефона; заполняет профиль и указывает предпочтительный способ оплаты.
  • Бронирование поездки. Главная функция приложения: здесь пользователь заполняет поля своего местонахождения и пункта назначения, а также выбирает типа поездки.
  • Расчёт оплаты. Стоимость поездки рассчитывается до бронирования поездки: приложение в реальном времени учитывает все условия (например, высокий спрос или погодные условия) и показывает, сколько будет стоить поездка, если заказать такси прямо сейчас.
  • Трекинг. Отслеживание местоположения: приложение автоматически определяет не только адрес пассажира, но и местоположение водителя. А еще показывает маршрут во время поездки.
  • Оплата. Некоторые предпочитают оплачивать всё картой, некоторые принципиально продолжают пользоваться наличными: чтобы угодить всем, лучше внедрить сразу несколько вариантов оплаты.
  • Push-уведомления. Уведомления сообщают пользователю о статусе поездки, прибытии машины и помогают ничего не упустить из виду.
  • Сообщения, история поездок и фидбек о поездке. Возможность просмотреть историю поездок или свой рейтинга — такое может понадобиться во многих случаях. Возможность поставить оценку водителю и написать отзыв после завершения поездки — это про фидбек и улучшение работы сервиса, вам же лучше!

Приложение для водителей:

• • Регистрация/профиль/статус. Все также начинается с экрана регистрации: однако если пользователю достаточно просто подтвердить свой e-mail или номер телефона, то от водителя требуется гораздо больше. Они должны предоставить свой налоговый номер и дождаться одобрения администратора. 
  • Бронирование. Водители также могут подтверждать или отклонять поступающую заявку на поездку.
  • Push-уведомления. Уведомление водителей необходимо для успешного обновления заказов и их завершения.
  • Навигация. У водителей нет необходимости устанавливать другие навигационные приложения, потому что в приложение Uber интегрированы карта и голосовой помощник.
  • Отчеты и поддержка. Если водителю необходимо предоставить отчет или получить техническую поддержку, ему нужно просто зайти в соответствующий раздел в приложении.

Технологии для создания приложения как Uber

Uber не скрывает свой технический стек, поэтому с тем, чтобы создать похожее приложение, трудностей не возникнет. Самое главное, что вам понадобятся — это сервер, карты с функцией GPS-навигации и API для проведения безопасных платежей. 

Зачем сервер? Потому что невозможно обрабатывать запросы пользователей, маршруты водителей и прочие данные без собственного сервера.

Разрабатывать бэк можете на чем угодно: Node.js, Python, Java, PHP, или Ruby on Rails. Стоимость разработки фронтенда же будет сильно отличаться, если сравнивать нативные приложения на Swift/Objective-C и Java/Kotlin, и кроссплатформенные на React Native.

Для создания подобного приложения мы рекомендуем в первую очередь рассмотреть вариант разработки на React Native. Главные преимущества:

• • Быстро создать свое приложение. В сценарии с нативными приложениями вам придется написать два отдельных приложения с нуля. С React Native же вы сможете переиспользовать до 95% кодовой базы и быстрее вывести свой продукт на оба рынка. 
  • Сэкономить деньги. Экономя время, вы также можете сэкономить деньги. Стоимость разработки приложения на React Native скорее всего сможет вас порадовать. С React Native вы получите две версии приложения, стоимость разработки которых будет чуть больше разработки одного нативного приложения.
  • Добиться высокой производительности. Фреймворк React Native был создан компанией Facebook специально для разработки мобильных приложений, поэтому они работают так же быстро, как и нативные.
  • Получить повышенную гибкость. Ваши разработчики оценят возможность быстро включиться в проект и продолжить разработку, даже если до этого над проектом работал кто-то другой.

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

И главный вопрос: какова стоимость разработки приложения на React Native?

Оценка стоимости

Теперь, когда вы знаете обо всех необходимых фичах приложения по типу Uber и процессе создания своего продукта, неплохо бы узнать стоимость разработки приложения на React Native.

Скажем так: все зависит от людей, которых вы нанимаете. Уверены, что вы сможете найти фрилансера, стоимость услуг которого будет в разы ниже, чем стоимость услуг профессиональной команды. Однако давайте будет реалистами и не будет забывать про соотношение цена-качество? Цена разработки есть цена разработки.

Оставьте свой e-mail в форме ниже и получите оценку приложения на React Native:

Как выбрать достойных разработчиков React Native

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

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

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

[wpim]