RusAvtobus Android App Guideline

7/23/2019 RusAvtobus Android App Guideline

http://slidepdf.com/reader/full/rusavtobus-android-app-guideline 1/17

Rusavtobus.ru

UI Design and Interaction Guide

for Android App

Contents

1.0. Overview

2.0. Main Page

2.1. Main Page Menu

3.0. Settings

3.1. City Chooser

3.2. Transport

4.0. Search Route

4.1. Search Rote Menu5.0. City Facilities

6.0. Routes

7.0. Route Map

7.1. Route Map Menu

8.0. Walking Map

8.1. Map View

9.0. History

9.1. Delete History

Version 1.0

May 2011



UI Design and Interaction Guide: Overview

O v e r v i e w

Мобильное приложение для сайта www.rusavtobus.ru

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

для дальнейшего просмотра в режиме off-line. Приложениепредлагает несколько вариантов маршрута, с детальной

информацией по стоимости, времени, количестве пересадок,виде транспорта.

Киев

ИсторияДом Корп. Стр.

Улица

от: Городские объекты

Городские объекты до:

Дом Корп. Стр.

Улица

Поменять местами

Поиск

Киев



1

2

UI Design and Interaction Guide: Main Page

Поиск

Переход на форму

поиска маршрутов

История

Переход на список,

ранеезапрашиваемых

пользователем,

маршрутов

История

Киев

Поиск

M a i n P a g e

Главное меню программы позволяет перейди в два главный

раздела: Поиск маршрутов и История поиска.

© 2011



i

Настройки О нас

UI Design and Interaction Guide: Main Page Menu

История

Киев

Поиск

О нас

Информация о

приложении иразработчиках

Настройки

Выбор основных

настроекприложения, таких

как, выбор города и

транспорта

21

© 2011



UI Design and Interaction Guide: Settings

Настройки

Выбор города

Фильтр транспортаВыбор транспорта по которомупрокладывается маршрут

Сменить город

Чтобы прокладвать

маршрут в другом

городе

1

Вы брать транспорт

Для прокладки

маршрута поопределенным видам


2

© 2011



UI Design and Interaction Guide: City Chooser


Киев

Екатеринбург

Волгоград

Санкт-Петербург

Москва

Отмена


Город в котором

будетпрокладываться

маршрут по

заданным

параметрам

1

© 2011



1

UI Design and Interaction Guide: Transport

Фильр транспорта

Троллейбусы

Метро

Маршрутки

Трамваи

Автобусы

ОтменаПрименить

Виды транспорта

Прокладку маршрута

можно осуществлятьиспользую

определенные виды


© 2011



1

2

UI Design and Interaction Guide: Search Route


Улица




Улица


Поиск

Киев

Городские объектыПереход на список

городских объектов,по которым можно

прокладывать

маршруты


Инвертирование

данных маршрута

© 2011



2

UI Design and Interaction Guide: Search Route Menu


Улица




Улица


Поиск

Киев

Настройки История поиска

История поиска

Переход на список

ранее

запрашиваемыхзапросов возможен,

так же, из

контекстного меню

Настройки

Выбор основных

настроекприложения, таких

как, выбор города и


1

© 2011



1

UI Design and Interaction Guide: City Facilities

Городские объекты

Автостанции

Аптеки

Аэропорты

Библиотеки

Больницы

ВУЗы

Галереи

Госучреждения

Выбор объектаПрокладывать

маршрут можно изсписка городских

объектов

© 2011



1

2

UI Design and Interaction Guide: Routes

Маршруты

Время

44 мин

Время

44 мин

Время

44 мин

Пересадки

2

Пересадки

1

Пересадки

2

Стоимость

22 грн

Стоимость

14 грн

Стоимость

22 грн

Маршрут

Список отображает

основнуюинформацию по

проложенному

маршруту: время,

количество

пересадок, стоимость

Карта транспортаВ списке

проложенныхмаршрутов

отображается карта

транспорта каждого

маршрута

© 2011



1

2

3

Переход на картуПешии точки

маршрута можноотобразить на карте

UI Design and Interaction Guide: Route Map

Вариант 1

Старт

Финиш

Метро

Метро

Пешком

Пешком

Маршрутка

Маршрутка

Пешком

ул. Булаховского, 28Г

ул. Берлинского, 10

ст. Академгородок

Святошинско-Броварская линия

(5 остановок)

ст. Шулявская

132 метра

227 метров

ост. Метро “Шуля вская”

№185 (5 остановок), №223 (5 остановок)

ост. Академика Грекова

1114 метров

1

Линия метро

Станции метро

отображаются сполным названием

линии и количеством

остановок между

станциями

Иконки транспорта

Каждый вид

транспорта имеетсвой вид иконки для

легкогораспознавания

маршрута

© 2011



21

UI Design and Interaction Guide: Route Map Menu

Вариант 1

Старт

Финиш

Метро

Метро

Пешком

Пешком

Маршрутка

Маршрутка

Пешком

ул. Булаховского, 28Г

ул. Берлинского, 10

ст. Академгородок

Святошинско-Броварская линия

(5 остановок)

ст. Шулявская

132 метра

227 метров

ост. Метро “Шуля вская”

№185 (5 остановок), №223 (5 остановок)

ост. Академика Грекова

1114 метров

1

Показать на карте Маршрут обратно

Маршрут обратно

Для прокладки

обратного маршрутанеобходимо выбрать

данный пункт в

контекстном меню

Показать на карте

Весь маршрут можно

отобразить на карте,для этого необходимо

выбрать данный

пункт в контекстном

меню

© 2011



1

UI Design and Interaction Guide: Walking Map

Киев

Пеший маршрут

Просмотр пешего

отрезка маршрута накарте

© 2011



1

UI Design and Interaction Guide: Map View

Киев

Карта маршрута

Просмотр всего

маршрута на карте

© 2011



1

UI Design and Interaction Guide: History

История

Киев

Киев

Киев

Булаховского → Берлинского

Булаховского → Нежинская

Предславинская → Бажана

Сохраненныемаршруты

Приложениесохраняет историю

поиска для

дальнейшего доступа

и использования в

режиме off-line

© 2011



1

UI Design and Interaction Guide: Delete History

История

Киев

Киев

Киев

Булаховского → Берлинского

Булаховского → Нежинская

Предславинская → Бажана

Хотите удалить маршрутиз истории?

Удалить

НетДа

Удаление из истории

Для удаления

информации омаршрутах из

истории6

необходимо

кратковременно

удерживать палец навыбранном маршруте

в списке

RusAvtobus Android App Guideline

Documents