Как рисовался Навигатор

в 11:01, , рубрики: Блог компании Яндекс, яндекс, Яндекс.Навигатор

Три дня назад мы представили новый сервис для автолюбителей – Яндекс.Навигатор. Не только мы в своих анонсах, но и пользователи отмечают простой и понятный интерфейс программы. Лично мне это слышать приятнее всего, потому что я являюсь дизайнером Навигатора.

Как рисовался Навигатор

Как же рисовался Навигатор?

Перед началом работы над этим проектом я немного волновался. Нет, с желанием и вдохновением было все в порядке. Была только одна маленькая и единственная проблемка — я никогда не пользовался навигаторами! Я сел за руль недавно и, откровенно говоря, боялся ездить по московским улицам. Все поездки в Москву из родного Зеленограда заканчивались парковкой возле какой-нибудь крайней станции метро.

Сейчас ясно – этот недостаток на самом деле был преимуществом. Я не был привязан к какому-либо навигационному устройству, и у меня не было никаких стереотипов относительного того, как должен выглядеть навигатор.

Будущих конкурентов я изучал на себе. Помню, когда я сел в свой старенький джип, включил какой-то навигатор и гордо въехал в Москву. Я ничего не понимал. Куда все они едут? Зачем они в такую рань рвутся в центр? Почему я не поехал по другому шоссе? Почему я пролетел поворот? А эти километры пробок! А этот издевательский услужливый голос из навигатора!

Как рисовался Навигатор

Это было даже весело – брать в руки что-то новое, подмечать неудобства, снова и снова пролетать повороты, ругаться и узнавать что-то новое. Мне ничего не нравилось, и я ни к чему не хотел привыкать. Общая проблема была для всех одна – неудобный интерфейс. Нам надо было сделать удобный.

Первый подход. Хотелки

На первый взгляд, все просто. У навигатора должны быть главное меню, режимы поиска, построения маршрута, поездки и настройка. Но! В этот самый момент, когда прикинута схема и стилус наводит марафет, начинают выползать «хотелки».

Как рисовался Навигатор

— Хочу, чтоб всегда было видно на полоске маршрута, сколько я проехал, а сколько осталось!
— Хочу, чтоб пробки всегда были градиентными!
— Хочу, чтоб на знаках маневра была многополосность!
— Хочу 3D-курсор с тенюшкой!

Как рисовался Навигатор

Прибегая с этими и другими хотелками к команде навигаторских специальных суперребят, я задавал вопрос об их реальности. И оказалось, что многие из них вполне осуществимы. Казалось, ничто не может помешать воплотить их в жизнь. Так было до тех пор, пока тучи сомнений не принесло по весне в уютный мирок нашей сплоченной команды.

Второй подход. Переделки

«Все неправильно, пересмотреть конкурентов, выжать только ценный опыт и наложить все на наши рельсы!» ­– суровый вердикт арт-директора бульдозером сравнивает наш уютный огородик.
Что значит пересмотреть? Взять тех самых конкурентов, в которых еще недавно тыкал пальцем, и попробовать с ними подружиться. В результате был выявлен тренд главного экрана, сочетающего в себе самое необходимое, что нужно в поездке, были расчищены от визуального фишечного мусора важные режимы и пересмотрено поведение человека за рулем.

Как рисовался Навигатор

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

Как рисовался Навигатор

Третий подход. Доделки

И тут в голову (не только мою) пришла важная мысль: «А давайте проектировать и плясать от реальных человеческих запросов. Тут же было придумано около десятка основных сценариев пользования навигатором. Например: «Я еду по маршруту, нужна заправка», «Я черт-те куда забрался», «Мне нужно срочно попасть на работу».

Как рисовался Навигатор

Схематично накидываю экраны с блоками, слежу за пальцем и смотрю, чтоб все сидело на своих местах. Буквально автоматом все приводится к общему расположению. А дальше все быстро. Летят в нарезку иконки, полоски, скругляшки, точатся пиксели, утихают споры, пролетают мимо тучи, бегает менеджер, гнутся нарезчики, потеет вся команда.

Как рисовался Навигатор

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

Как рисовался Навигатор

Четвертый подход. Финал

Наш ребенок обманул все слезные дедлайны и появился на свет. Со временем он перестанет проказничать. Поверьте, над этим усиленно работает огромная команда воспитателей.

Как рисовался Навигатор

И еще немного лирики

Сегодня я езжу по Москве и не боюсь ни МКАДа, ни сумасшедших развязок, ни пробок, ни идиотов на дорогах. Да что Москва, за рулем я проехал почти через весь штат Флорида, прокатился через юг Испании и Португалии. Везде я чувствовал себя своим на дороге.

Без навигаторов это было бы невозможно. Но еще я понял одну важную вещь – когда не знаешь пути, нужно смотреть на дорогу, думать головой и принимать решение самостоятельно, предварительно выслушав мнение (именно мнение) навигатора. До пункта назначения нужно добраться не ему, а человеку. То есть вам. А навигатор и мы, люди, которые его создавали, постараемся в этом вам помочь..

Автор:

* - обязательные к заполнению поля


https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js