Программа Сайт

Создание «Яндекс-навигатора» для айфона и андроида

Описание Процесс

Изучаем навигаторы, сделанные в мире до нас.

Начинаем схематично прорабатывать сценарии.

Прикидываем интерфейс по выработанным схемам.


Прорабатываем стиль 3д-карты.

В навигаторе впервые будут использованы векторные карты. К сожалению, по законодательству РФ мерить высоту зданий запрещено, поэтому объем получается за счет равномерного вытягивания всего слоя. Дома делаем полупрозрачными, чтобы видна была дорога при наклоне карты.

Прикидываем стилистику различных элементов интерфейса.

Готовим модельку курсора и текстурку к нему.

Выбираем иконку в течение всего проекта.

Предыдущая схема экранов не устроила арт-директора. Прикидываем две новые.


В первой структуре стартовый экран включал в себя статистику маршрута.


Во второй структуре первый экран уже представлял набор наиболее частых сценариев поведения пользователя.


Обе схемы экранов арт-директор отправил в корзину. Принято решение подумать над концептуально другими раскладами.


Концепты также не увидели свет, но оставили за собой шлейф фишек и возможных решений.

Начинаем разрабатывать схему экранов с наиболее частых сценариев поведения автомобилистов.

Отрисовываем экраны по выработанной сценарной схеме.

Готовим к верстке элементы интерфейса. В ходе проекта было выработано четыре типа разрешений, стандартных для айфона и андроида. Таким образом, все элементы резались аутсорсерами под следующие разрешения: 640×960, 480×640, 320×480, 240×420.

Рисуем рекламные майки.

«Пилим» сценарии и продумываем моторику пальца.

«Точим» стиль.

Проводим первые исследования. Видеорегистратор пишет реакцию пользователей, и параллельно скриншотятся их действия на айфоне.

Записываем звук в студии звукозаписи «Лав-радио».

Навигатор будет говорить мужским и женским голосами, составляя наборы числительных при ведении по маршруту.

По умолчанию навигатор унаследовал стиль отображения пробок мобильных «Яндекс-карт». Множество итераций с попытками успокоить кричащую кашу привели к заимствованию стиля с больших «Карт».

Делаем рестайл иконок «Избранного» и ПОИ, взятых из мобильных «Яндекс-карт».

Эволюция главного экрана привела к его полному исчезновению. А вот экран слежения по маршруту весь бой оставался верен основным принципам.


Добавление точки на маршруте сделать не успеваем, и оно уходит в следующий релиз.

Продолжение следует...