Редизайн приложения для водителей такси
Mobile / UI / UX
Краткое видео о редизайне
Более подробно мы рассказали на MailDesignConf & DribbbleMeetup 2021
Вступление
Само приложение было очень устаревшим и с кучей кривого кода. Почти каждый экран проще было переписать заново при его обновлении. Так и происходило некоторое время, пока в конце 2019 не была разработана концепция нового приложения. И мы активно взялись за её проработку.
Полный редизайн с разработкой и ревью занял 6 месяцев.
Основной экран
На ней расположился переключатель режимов работы, нижняя панель с основными разделами и вспомогательные кнопки. Тут я уже подробно проработал переключатель и нижнюю панель.
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.
Переключатель режимов
Переключатель является слайдером и выпадающим списком одновременно. Свайп переключает водителей на линию и обратно. Другие режимы можно выбрать только выпадающим списком.
Работу слайдера можно опробовать в интерактивном прототипе
Нижняя панель
В нижней панель собрались 3 основных раздела:
- Основное меню
- Список предзаказов
- Новости от Ситимобила и таксопарка
На пунктах могут появляться разные уведомления.
Уведомления и ошибки
В разных ситуациях сверху экрана могут появляться различные сообщения статуса, которые смещают элементы над картой вниз.
В зависимости от смысла сообщения, могут использоваться 3 цвета.
Одновременно отображаться может только одно сообщение.
Всего было выделено 18 видов сообщений, среди которых возврат к заказу самый приоритетный в показе.
При нажатии на плашку откроется шторка с сообщением.
Меню
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.
Может показаться, что в меню слишком много всего. Так и есть, но мы пошли на эту жертву в пользу скорейшему переходу на новый дизайн и планировали в будущем разнести его куски на разные страницы.
Сверху собраны данные водителя: профиль, рейтинг, состояние программ лояльности и баланс.
Дальше отображается статистика заработка в привязке к истории поездок и выполненных бонусах.
Следом выводится список доступных целей с денежными наградами.
Под конец доступны дополнительные программы мотивации, а также информационный раздел.