ARTHand История дизайна 2ГИС: город между картой и справочником

2ГИС: город между картой и справочником

Досье № 06 · История российского интерфейса

Дизайн 2ГИС вырос из настольной программы, где улица, организация и маршрут должны были соединиться в одном рабочем окне.

Период
2004—2014
Главы
5
Кадры
10

Содержание

Пять поворотов в истории проекта

Визуальная хроника

Десять подтверждённых кадров

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

Ранний интерфейс городской карты

Карта, список и карточка организации живут рядом: география сразу связана с ответом на практический вопрос.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
02

Настольный редактор карты

Панели инструментов и диалоги напоминают инженерную программу: продукт создаётся для точной работы с городскими данными.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
03

Диалог редактирования маршрута

Таблица остановок и расписаний показывает скрытый слой интерфейса, от которого зависит простота пользовательской карты.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
04

Прототип связей на перекрёстке

Схема маршрута ещё лишена декоративного слоя: дизайнеры сначала проверяют геометрию и правила движения.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
05

Алфавит дорожной графики

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

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
06

Карта как система слоёв

Дороги, здания, организации и маршруты проверяются вместе, а не как независимые красивые картинки.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
07

Сложные развязки

Красные линии делают видимой геометрию выбора и помогают проверить, где маршрут может стать двусмысленным.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
08

Карточки и карта в одном макете

Справочная информация возвращается к географии: найденное место должно оставаться видимым во время сравнения.

Команда 2ГИСИсточник: Как создавался новый 2ГИС ↗
09

Новая картографическая пластика

Мягкие цвета зданий и яркие дороги задают уровни чтения: фон не спорит с маршрутом и выбранным объектом.

Команда 2ГИСИсточник: Как менялась карта 2ГИС ↗
10

2ГИС на смартфоне

Мобильный экран оставляет только частые действия и крупные категории, превращая справочник в карманный городской инструмент.

Команда 2ГИСИсточник: Мобильная версия 2ГИС ↗