Редизайн приложения для водителей такси
🚕

Редизайн приложения для водителей такси

Редизайн приложения для водителей такси

Mobile / UI / UX

image

Краткое видео о редизайне

Более подробно мы рассказали на MailDesignConf & DribbbleMeetup 2021

Вступление

Само приложение было очень устаревшим и с кучей кривого кода. Почти каждый экран проще было переписать заново при его обновлении. Так и происходило некоторое время, пока в конце 2019 не была разработана концепция нового приложения. И мы активно взялись за её проработку.

Полный редизайн с разработкой и ревью занял 6 месяцев.

Old app screens
Old app screens

Основной экран

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

Map became a main “layer” of the app. All other screens opens in bottom sheets.

Above the map was placed working mode selector, bottom bar with main sections and map control buttons.

image

Переключатель режимов

Переключатель является слайдером и выпадающим списком одновременно. Свайп переключает водителей на линию и обратно. Другие режимы можно выбрать только выпадающим списком.

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

image

Нижняя панель

В нижней панель собрались 3 основных раздела:

  • Основное меню
  • Список предзаказов
  • Новости от Ситимобила и таксопарка

На пунктах могут появляться разные уведомления.

image

Уведомления и ошибки

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

В зависимости от смысла сообщения, могут использоваться 3 цвета.

Одновременно отображаться может только одно сообщение.

Всего было выделено 18 видов сообщений, среди которых возврат к заказу самый приоритетный в показе.

При нажатии на плашку откроется шторка с сообщением.

image
image
image
image
image
image

Меню

It may seem like there is too much content in one page. It is, but we made this in favor of a speedy development of a new design and planned to spread it on different pages in the future.

Слева старое, справа новое
Слева старое, справа новое

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

Сверху собраны данные водителя: профиль, рейтинг, состояние программ лояльности и баланс.

Дальше отображается статистика заработка в привязке к истории поездок и выполненных бонусах.

Следом выводится список доступных целей с денежными наградами.

Под конец доступны дополнительные программы мотивации, а также информационный раздел.