Спроектировал основной сценарий приложения такси: от поиска машины до оценки
завершённой поездки. Выстроил чистую структуру экранов, чтобы человек
на каждом этапе поездки чётко понимал статус своего заказа.
Задача
Мне предстояло разработать веб-интерфейс для заказа такси в рамках
в условиях жёсткого дедлайна. Нужно было вручную собрать всю систему компонентов,
настроить автолейауты и выстроить логику главного экрана.
Я решил проработать не только главный экран, но и ключевые состояния сервиса: поиск
водителя, найденный водитель, поездка и завершение поездки.
Основной сценарий
Главный экран
Разделил интерфейс на две части: слева находится панель заказа, справа — карта. В панели
пользователь вводит маршрут, выбирает тариф, способ оплаты и подтверждает заказ.
Карта показывает город, машины рядом и помогает сразу понять контекст поездки.
Приложение определяет геопозицию пользователя и показывает город, в котором
он находится. Даже до ввода адреса пользователь видит примерную стоимость тарифов,
чтобы заранее сориентироваться по цене.
Ввод маршрута
До начала ввода пользователь видит быстрые действия: указать точку на карте или открыть
сохранённые адреса. Это удобно, если пользователь не хочет вводить адрес вручную.
Когда пользователь начинает печатать, на первое место выходят адресные подсказки.
Быстрые действия остаются ниже и становятся второстепенными.
Настройка поездки
После выбора адресов пользователь видит собранный заказ: маршрут, примерное время
поездки, тарифы, оплату, бонусы и стоимость.
Точки «Откуда» и «Куда» отображаются на карте с подписями адресов. Это помогает
пользователю визуально проверить маршрут перед заказом и не сомневаться, что поездка
оформляется в нужные точки.
Я добавил возможность выбрать несколько тарифов одновременно. Не все пользователи
могут быть знакомы с такой механикой, поэтому выбранный тариф не отключает остальные
варианты. Дополнительно справа показывается количество выбранных тарифов —
это подсказывает, что можно выбрать больше одного.
Стоимость отображается диапазоном, потому что заказ может уйти сразу в несколько
тарифов. Финальная цена зависит от того, какой водитель первым примет заказ.
Поиск водителя
В верхней части экрана появляется понятная строка статуса. Она показывает, что сейчас идёт
поиск машины. Это важно, чтобы пользователь сразу видел реакцию приложения
и не переживал за свой заказ.
Информация о заказе сворачивается до основных параметров: маршрут, выбранные тарифы,
способ оплаты и стоимость. Пользователь видит, на каких условиях система ищет
ему автомобиль.
Начальная точка становится недоступной для редактирования, потому что поиск уже запущен
от конкретного адреса. При этом пользователь всё ещё может изменить конечную точку,
а так же добавить ещё остановки.
Кнопка отмены остаётся доступной, но не перетягивает внимание на себя.
Водитель найден
На этом этапе фокус внимания переключается на машину и время её приезда. Строка статуса
обновляется — пользователь видит, что машина уже в пути, и понимает, сколько минут
осталось ждать.
В панели появляется карточка водителя с основной информацией: имя, рейтинг, количество
поездок, модель машины, цвет и номер. Также доступны быстрые действия — позвонить
или написать водителю.
После того как водитель найден, адреса уже нельзя изменить. Заказ принят, водитель едет
по выбранному маршруту.
Тариф и стоимость тоже становятся актуальными: вместо диапазона показывается
конкретный тариф и финальная цена.
На карте отображается машина водителя. Это помогает пользователю понять, где сейчас
находится водитель и как он движется к точке подачи.
В пути
Статус-бар показывает, что поездка началась, и выводит оставшееся время до места
назначения. Карта отображает текущее положение машины, чтобы пользователь мог следить,
едет ли поездка по маршруту.
В панели остаётся вся важная информация: водитель, маршрут, тариф, способ оплаты
и стоимость. На этом этапе пользователь уже не настраивает заказ, а отслеживает поездку.
Внизу есть кнопка «Пожаловаться». Она не мешает основному сценарию, но остаётся
доступной на случай, если что‑то идёт не так.
Завершение поездки
Я оставил здесь только самое нужное: информацию о водителе, стоимость поездки, рейтинг,
поле комментария и кнопку отправки отзыва.
Если пользователь не хочет оставлять отзыв, он может сразу начать новую поездку.
Итог
Проект создавался в жёстких рамках дедлайна, и мне было важно выдать качественный
продукт. Несмотря на то, что компания, для которой делал это задание, на результат
даже не посмотрела :), я выполнил действительно интересную задачу, реализовал
все требования и приобрёл хороший опыт.
Профиль сотрудника внутри системы
B2B-интерфейс для рабочей платформы. Спроектировал карточку сотрудника, структуру блоков и логику работы в системе.
