В 2013 году я занимался интерфейсами для карт и справочника 2ГИС. Он известен в России и некоторых других странах как наиболее подробный каталог организаций в городе.
Почти год в составе команды дизайнеров я делал первую в истории веб-версию сервиса 2ГИС, в прошлом существовавшего лишь как мобильные приложения и программа для Windows. Сейчас веб-версия — основной сервис 2ГИС.
Всё начинается с текстуры миллиметровки, которую можно было заметить, если карты загружаются при медленном соединении.
При взаимодействии с картой, клик в любое место отправляет системе запрос, что там находится. Я оформил значки на карте для разных целей: текущая геопозиция, избранное, категории, пронумерованные результаты поиска, общественный транспорт и т. д.
Пиктограммы для разных видов общественного транспорта.
Клик в значок превращал его в так называемый «коллаут», карточку, содержающую всю информацию об этой точке на карте. Превращение происходило с анимацией.
У «коллаутов» была целая куча разновидностей. Они могли принадлежать фирме, зданию, улице или даже целому городу и содержали разный набор информации.
Поверх карты показывались инструменты для масштабирования, измерения, геолокации, отображения пробок и т. д.
Элементы интерфейса и взаимодействие с поисковыми подсказками.
Поисковая карточка с организациями (и рекламой).
Эксперименты с пометками избранного.
Разные состояния поисковых карточек и элементов интерфейса.