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