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