Редизайн Google Maps – прыжок в будущее

06.03.2014

 

Сервис Google Maps был запущен в 2005 году, почти десять лет назад, и помог миллионам людей найти верный путь в их многочисленных поездках по всему свету. Это один из наиболее востребованных интернет-сервисов. Более 54% владельцев смартфонов пользуются им, по меньшей мере, раз в месяц.

Каким же должен быть редизайн Google Maps для последующего десятилетия и миллионов новых поездок? Для начала нужно стереть все что было, и начать с нуля, ориентируясь на перспективы развития технологий. Но не только на предстоящие развитие смартфонов и планшетов, но и на появление совершенно новых гаджетов, таких как  Google Glass, iWatch и самоуправляемых автомобилей.

redesign-google-maps-the-jump-into-the-future-4В новых картах преобразился даже Pegman – человечек в режиме Street View. Теперь он висит смешно болтая конечностями пока вы не бросите его в нужную точку. 

 

Давайте детально рассмотрим новый дизайн Карт, на которых уже выросло целое поколение. Благодаря минималистичному пользовательскому интерфейсу, основанному на Chrome, сервис стал более быстрым, отзывчивым, и более персонализированным. Теперь он взаимосвязан с Google Earth и другими сервисами Карт плотнее, чем когда-либо раньше.

«Старый дизайн Карт сильно напоминал новогоднюю ёлку», говорит Иона Джонс (Jonah Jones), ведущий дизайнер сервиса Google Maps. «Мы добавляли все новые и новые украшения, но с годами они начали перевешивать само дерево». Весь «мусор», накопленный за 10 лет привел к суматошному и сбивающему с толку дизайну, в котором бесчисленные сервисы Google наслаивались друг на друга. Найти что-то можно было только если ты точно знал, где искать.

Для обновления Google понадобилось сделать шаг назад и построить дизайн с нуля, приспосабливая надстройки, которые создавались годами. Нужно было не только плавно интегрировать другие картографические  сервисы Google, такие как Google Earth и Street Views, но и создать базу, которая позволит строить карты, соответствующие требованиям следующего десятилетия.

 

Сразу к делу

 

По словам Джонса, команду дизайнеров Google обрадовал тот факт, что принцип взаимодействия пользователей с интерфейсом изменился. В эпоху тачскринов и минималистичных UI люди привыкли к прямому взаимодействию с контентом, минуя разные выпадающие меню. Джонс поставил цель сделать для Google Maps тоже, что Chrome сделал для браузера: стереть все кнопки и управляющие элементы, предоставив пользователю напрямую взаимодействовать с картами.

«Занимаясь дизайном, мы были настроены решительно», говорит Джонс. «Мы спросили себя, каким будет дизайн, если мы сохраним только 20% от всех наворотов? Но в итоге, не так много было выброшено. Просто теперь все упорядочено, и не отвлекает внимание».

redesign-google-maps-the-jump-into-the-future-3В старом дизайне вспомогательные плашки скрывали часть карты, а в новом они деликатно появляются в стороне не отвлекая вас. 

 

Основополагающий принцип, который лег в основу редизайна Google Maps – контекстуализация локаций, просматриваемых пользователем. Дополнительные опции для взаимодействия с картой только обозначены, и если у пользователя возникает такая необходимость – он обращается к ним.  Например, если просматривая карту вы кликните или нажмете на станцию метро, Google предложит вам карточку с указанием расписания поездов и автобусов, обслуживающих её. Вместе с этим Google добавит наложение с маршрутами этого транспорта.

redesign-google-maps-the-jump-into-the-future-5Раньше результаты поиска грубовато накладывались на карту буквенными обозначениями с перекрестной ссылкой. Теперь они маркируются как неотъемлемая часть карты. 
 

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

 

Платформы разные, Карта одна

 

Но обновленный Google Maps это не просто новый интерфейс. Это значительные технологические изменения, которые остались за кулисами, но именно благодаря которым Google Maps смогли перейти в 2014 год. Это скорость, это 3D, и это новая платформа, позволяющая сервису адаптироваться к любому устройству, на котором он используется.

Старый Google Maps отображал карты как серию предварительно визуализированных плиток, подогнанных так, чтобы лучше представить интересующую вас локацию. Если вы когда-нибудь играли в Каркассон, вы понимаете, о чем идет речь. Но проблема с плитками возникала из-за того, что их нужно было заново подгружать каждый раз, когда пользователь обновлял карту. Как результат – медленная загрузка, особенно на мобильных девайсах. В процессе редизайна Google переключился на векторные карты. Вместо загрузки серии предварительно визуализированных картинок для каждой карты сервисы Google передают поток данных к новым картам. Эти данные описывают как локация должна выглядеть используя точки, линии, кривые и другие геометрические объекты.

redesign-google-maps-the-jump-into-the-future-6Эволюция Google Maps, от плиток к векторам.
 

Векторный подход не только быстрее, но еще и обеспечивает более реалистичный эффект 3D (хотя карты, в большинстве случаев, просматриваются в двухмерной перспективе). Благодаря этому Google может делать то, чего не мог делать раньше, например, внедрить 3D вид Google Earth непосредственно в Карты без необходимости разделять приложения с отдельной загрузкой каждого из них. Более того, если раньше 3D выглядел достаточно странно из-за того, что на город вы смотрели все время сверху, а тени отбрасывались под углом 45 градусов, то теперь это реальное 3D, в котором создается ощущение «полета над городом».

redesign-google-maps-the-jump-into-the-future-1Теперь 3D радует глаз. Разница очевидна и действительно впечатляет.

 

Надо отметить, что 3D вид карт хоть и впечатляет, но работает далеко не на всех гаджетах и не во всех браузерах. Во-первых, это приложение довольно требовательно относительно начинки, а во вторых работает только в Google Chrome и Firefox. В остальных случаях вы увидите снизу надпись «Упрощенный режим».

И в конце концов, Google Maps были перепроектированы с нуля чтобы корректно работать на всех устройствах от смартфонов и планшетов до PC. В 2014 отзывчивый, адаптивный дизайн – это нечто само собой разумеющееся для такой компании как Google, но Джонс и его команда не остановились на этом. Они разработали платформу совместно с инженерами Google Glass, которая (в теории пока что) позволит картам масштабировать интерфейс на «носимые» гаджеты, например циферблат часов. По словам Джонса это первые, но невероятно важные шаги, которые позволят Google Maps быть актуальным и популярным еще как минимум 10 лет без глобальных реконструкций.

В этом месяце Google должна была завершить внедрение обновленного сервиса, так что если вы еще не опробовали его – не теряйте время!

Источник: Fastcodesign.com

Также может понравиться