company_banner

Какой должна быть хорошая карта — ориентиры на Яндекс.Картах

    Яндекс.Картами каждый день пользуются миллионы людей. И каждый из них по-своему — кто-то смотрит пробки, кто-то ищет организации, кто-то строит маршруты, и почти все используют карту для ориентирования. Как должна выглядеть карта, чтобы решать все эти разнообразные задачи? Какие карты хорошие, а какие плохие? Что должно быть нарисовано, а что нет? Подходов огромное множество. Вот, например, некоторые старые карты Москвы:

    image

    На этой карте XVII века аккуратно нарисован каждый домик в изометрической проекции, а важные объекты описаны в легенде. Вряд ли она использовалась жителями для ориентирования, скорее её рисовали путешественники для своих альбомов.

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

    Это карта 1935 года. На ней подписаны улицы и отмечены важные городские объекты, но не отрисованы домики. Зато по этой карте уже можно ориентироваться.

    image

    Как в прошлом были разные подходы к картографированию, так и сегодня у всех картографических сервисов разные взгляды на то, как должна выглядеть карта. Начиная от того, какую информацию в принципе стоит размещать на карте и как её представлять, и заканчивая выбором цвета для улиц и домов. Как разобраться во всём этом и сделать такую карту, по которой было бы действительно удобно ориентироваться? Для себя мы сформулировали ответ на этот вопрос так: хорошая карта — это та, которую пользователи могут быстро и правильно соотнести с незнакомой местностью.

    Чтобы глубже понять задачу, мы провели несколько исследований. Сначала мы отправились в путешествие по городам России, Украины и Турции. Мы просили людей за пару минут нарисовать от руки карту их города — так, как они её себе представляют. На карте нужно было отметить места, где они живут, работают и часто бывают. По таким рисункам хорошо видно, как люди воспринимают город: на них часто отмечают ориентиры, которые действительно важны и хорошо запоминаются. Рассматривая такую карту, можно быстро понять, как жители города представляют его устройство, и сделать выводы, которые помогут улучшить читаемость карты. Вот пример одного из таких рисунков:

    image

    Это исследование помогло нам сформулировать основные направления развития сервиса, но вопросов оставалось ещё много. Тогда мы использовали другой метод: приглашали людей к нам в офис и просили их объяснить дорогу до какого-то объекта воображаемому другу, используя разные карты. Сами при этом следили за тем, что говорят наши пользователи, на что обращают внимание. Этот опыт тоже оказался полезным, но и его не хватало. Очень хотелось получить какой-то инструмент, который бы помог сравнить несколько разных карт и дать ответ, какая из них более читаемая.

    Для следующего исследования использовались панорама и фрагмент карты, к которому она относится. Задача пользователя — сориентироваться на местности и указать на карте точку съёмки. Разным людям мы даём одни и те же места, но разные карты. Таким образом, замеряя время и правильность выполнения задания, мы понимаем, какая из карт легче воспринимается и позволяет быстрее соотнести карту с местностью.

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

    image

    Теперь музеи, театры, торговые центры и другие ориентиры видны при одном взгляде на карту. И, если вам кто-то объясняет дорогу словами «после церкви направо», вы сразу сможете понять, где это место района на карте.

    «За церковью направо, на улицу Льва Толстого».

    image

    «По дороге будешь проезжать большое здание Дома музыки, за ним перед мостом налево».

    image

    Информацию для подписей мы берём из базы организаций Яндекса, затем упрощаем названия объектов — например, переименовываем «ГОУ СОШ» в просто «Школу», а «Городскую клиническую больницу №… Центрального административного округа» — в «Больницу №…». Это нужно для того, чтобы названия объектов были информативны и легко читались на карте. Все организации мы автоматически ранжируем по степени заметности. В частности, это позволяет правильно подписывать большие торговые центры со множеством организаций. Например, «Мега Теплый Стан», а не Burger King:

    image

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

    Обновлённые карты доступны в России, Украине, Беларуси и Казахстане — как в веб-версии, так и в мобильных приложениях Карт, а также в API.
    Яндекс
    646,14
    Как мы делаем Яндекс
    Поделиться публикацией

    Комментарии 64

      +14
      Иконка приложения для Android после сегодняшнего обновления так глобально изменилась, что я просто поначалу не мог найти в телефоне Я.Карты, думал даже, что снёс случайно.
        –2
        Коллеги, эта плюшечка просто дико крутая!
        +8
        Извините, что пишу сюда, но я люблю Яндекс.Карты и пользуюсь в основном ими, надеюсь хоть тут услышат.

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

        Сделайте что-нибудь. Могу видео запилить с процессом падения, если это как-то поможет.
          0
          Видимо FF, т.к. при ежедневном использовании карт проблем не наблюдаем. А FF просто перестали обновлять, он с каждым обновлением всё хуже и тормознее.
            +2
            С такими симптомами может быть виновата и видеокарта или видеодрайвер. Попробуйте отключить аппаратное ускорение (Настройки → Дополнительные → Общие).
              +1
              Спасибо, помогло!

              Вообще даже не думал на эту тему, это после очередного обновления началось, никак не мог на видеокарту подумать.
                +1
                Это скорее браузер, а не карта. У меня с где-то с беты 29 файерфокса бывали случаи, когда вся страница (не яндекс.карты, а вообще вроде произвольная) заливалась черным, и мерцала при скроллинге. помогло то же отключение аппаратного ускорения.
              +1
              Сообщите, пожалуйста:
              1. Полную версию ФФ и установленные плагины
              2. Вашу ось
              3. Модель видеокарты
              (можно в привет, если что).
              Я в первый раз вижу подобный багрепорт, и это очень странно. Очень похоже, что аппаратное ускорение графики глючит.

              P.S. Пишите в следующий раз в саппорт API Карт, ваша проблема гарантированно дойдёт до разработки.
                0
                В Firefox достаточно много проблем с аппаратным ускорением, это неотъемлемый атрибут процесса разработки. В этой ситуации хорошо помогает встроенный инструмент отправки сообщений о падениях (crashpad). Отправленные отчёты открыты для всех, ссылки на отчёты записываются на about:crashes и дают намного больше полезной информации, чем перечисленные вами пункты.
              +3
              Надо сказать, что по читаемости яндекс-карты всегда были лучше гугла (лично для меня).
              Цвета, наверное, правильнее?

              Landmarks — это очень круто, хотя конечно еще работать и работать над ними.
                +1
                а мне вот наоборот, как-то больше нравятся цвета и дизайн карт гугла, никак не могу вытерпеть дизайн яндекса
                  0
                  Спасибо!
                  Да, конечно, это пока первый этап, действительно еще много работы.
                  +10
                  У вас заправка… отклеилась:


                  Очень крутое нововведение, однако, уехавшая заправка очень сильно огорчила. Сколько еще таких объектов на картах?
                    0
                    Да, пока есть вопросы к данным, будем улучшать.
                      +2
                      Аналогично БЦ Магистраль Плаза уехал в соседнее здание. Должен находиться в доме 5А. Курьер точно промахнется в следующий раз
                        +2

                        Люксор в данном случае — не кинотеатр, а офис на половину этажа 7-этажного офисного здания. Сомневаюсь, что это самый заметный объект :)
                      +6
                      Офисы топливно-заправочных компаний показывает значком «заправка». Это некорректно, самой заправки-то нет.
                        +1
                        Шоколадницы тут нет и близко, она в 7 км. восточнее.
                        maps.yandex.ru/-/CVrZeWPH
                        Хм, при поиске выдает правильный адрес — Ленинградская, 26. А маркер стоит тут, совсем в другом районе города.
                          0
                          Я понимаю, вы наверняка просто пропустили последний абзац, поэтому вот вам ссылка:
                          maps.yandex.ru/feedback/ — сюда надо написать про все недочеты на я.картах, которые вы нашли. А не в комментарии на хабр.
                            +1
                            Если что, то этот значок не является объектом карты, поэтому прикрепить непосредственно к нему багрепорт «объект не тут» нельзя. На этом месте даже здания нет.
                          +7
                          Почему-то все карты страдают крайней нечитаемостью номеров домов, раньше у Яндекса было с этим лучше, но похоже таков общий тренд «улучшения читаемости».

                          Google maps хуже всех в этом отношении — мелкое серое на сером,
                          2gis — лучше всего из того что сейчас, серое на сером, но хотя бы не мелкое,
                          Яндекс — чуть чуть поярче чем Google
                            0
                            Гороховская… ы!
                              0
                              А правда, что за «гороховская» на петроградке? Горьковская что ли?
                                0
                                Гороховая же:)
                              +1
                              Вот вам пару идей для развития:
                              — масштабная линейка внизу экрана мобильной версии — отстой полный, при отсутствии рулетки по типу как в гуглокартах или в настольной версии, по ней даже прикинуть расстояние получается неточно.
                              Лучше сделать нормальную рулетку, ибо не всегда нужно прокладчиком маршрута измерить расстояние…
                              Или вариант — показывать, сколько метров умещается на всей ширине-высоте экрана, тогда масштабируя карту можно прикинуть точнее, сколько идти по парку насквозь.
                              — пометки первого подъезда у домов. Думаю, тут только сообщество сможет вам помочь точно, надо лишь придумать хороший интерфейс добавления таких меток в мобильной версии…
                                +7
                                Блеин, сколько раз просить? Трафик не должен закрывать названия улиц напрочь.
                                Сделайте мелкие треугольники через 3-4 мм вместо сплошного потока!
                                  0
                                  А проложенный маршрут не должен закрывать трафик. Посмотреть пробки на маршруте практически невозможно. А периодически хочется посмотреть, в каких именно местах пробки и почему так долго ехать.
                                    0
                                    Настройки — доп. настройки — тонкая линия маршрута
                                      0
                                      Я про веб-версию. Никаких настроек там вообще не нашел.
                                        0
                                        А пардоньте, подумалось о мобильной.
                                        Вообще почти полное отсутствие настроек огорчает.
                                      0
                                      Проложенный маршрут в мобилке красится в цвет трафика. Очень разумный вариант.
                                    +3
                                    Для пешеходов надо показывать станции метро на большом зуме, для водителей — крупные магистрали.
                                    Остальное наверное не так важно.
                                      +5
                                      Идея здравая, но к реализации вопросы и немаленькие.
                                      По какому критерию в качестве ориентиров выбраны супермаркеты или кафе? Какие кафе выбраны? те, что на углах улицы? У кого самая большая реклама на стене и хорошо видны? Тех кто заплатил яндексу за рекламу? Т.е. скользкий момент почему одни объекты(коммерческие) нанесены, а другие нет.

                                      А теперь предлагаю посмотреть в район развязки на соколе. Вот где и трафик плотный, и есть необходимость объснять ориентиры для проезда/прохода.


                                      На «основных» рабочих масштабах красуется огромная надпись «Институт экономики и предпринимательства». Самая большая в районе надпись.
                                      А теперь посмотрите, что это за «институт»:
                                      maps.yandex.ru/-/CVrZJJ7l
                                      Вход обозначен оранжевой вывеской. Сбоку здания 1 дверь наравне с мелкими магазинами. Это ориентир?! :) Само здание д.80 в большей степени занимает Алмаз-Антей, тогда уж их прописывать а не шаражки.
                                      Перекресток(магазин) который там обозначен вторым ориентиром, утоплен настролько внутрь территории, что его самого впору искать и уж точно ориентиром служить не может.
                                      На развилке волоколамки и ленинградки стоит самый главный ориентир этого района — здание Гидропроекта, но оно проигнорировано :)
                                      За ним здоровая территория Московского Авиационного Института, тоже проигнорирована :)
                                      Зато с другой стороны волоколамки отмечена забегаловка «япоша», которая сегодня есть а завтра нет.
                                      Если посмотреть от развязки в сторону Сокола — красуется надпись «Магнолия». Которая находится так же как и упомянутая шаражка сбоку на маленькой улице и сама оринтиром едва ли может являться, зато Дом Книги, который на углу здания проигнорирован. Хотя он и постарше в разы будет, и более извесен, и расположен на углу здания, т.е. виден с ленинградки в первую очередь.

                                      Сейчас карта напоминает доску бесплатных объявлений, многие «ориентиры» таковыми не являются. Наверно стоит ввести более жесткие ограничения — если это ВУЗ, то хотя бы на 3-5 тысяч студентов, с отдельностоящими корпусами. Если это магазин, то впервую очередь крупный и с характерным расположением, старый и т.д. но никак не все подряд сетевые ларьки.

                                      Еще немножко хочется более мягких символов — либо менее контрастно, либо меньше размером, эти прям в глаза бросаются сильно, название и иконки детских садов «перебивают» названия улиц.
                                      Как вариант выводить подавляющее большинство ориентиров только на самом последнем уровне масштаба, и не засорять карту на более мелких.
                                      Вот какие-то такие соображения.

                                      Уже когда дописал комментарий сообразил проверить что у конкурентов в гугле:
                                      goo.gl/maps/r058J
                                      Даже и добавить нечего, все что вызвало вопросы в сегодняшней реализации у вас грамотно решено у врагов, так что это не только мои значит предпочтения.
                                        +1
                                        А «Магнолия» в доме 75 на самом деле выходит на проспект, а не находится напротив церкви (которая, кстати, никак не обозначена, хотя является одним из основных ориентиров на Соколе). У конкурентов тоже не всё гладко, например, магазин «Пуховики» превратился в «Снеговик». :) Но самое главное — ни там, ни там совсем нет пешеходных переходов, — а ведь вопрос «Как перейти на ту сторону проспекта?» один из самых частых на Соколе.
                                        А вот где с ориентирами всё отлично — так это в народной карте:
                                        Скрытый текст
                                          +1
                                          Вот и приходим к тому, что ориентиры должны выбираться теми, кто знает местность, а не по спискам адресов тех или иных сетевых магазинов и кафешек.
                                        0
                                        Заглянув на народную карту был по-истине удивлен тому что обнаружил на ней даже отмеченные дворовые мусорные баки!
                                        Наверное, каждый из нас оказывался в ситуации когда желая культурно избавиться от мусора он не мог найти… обычный мусорный бак
                                          +1
                                          Я часто оказывался. А если бы такие обозначения были бы еще и в Европе, да еще и с градацией, что можно выкидывать…
                                            0
                                            Вообще-то, да — я думаю что каждый. У нас пока, к сожалению, не Европа, и даже в Москве во дворах шанс не найти в прямой видимости мусорный бак весьма велик, а шариться с какой-нибудь липкой обёрткой в руке — удовольствия мало, когда можно было бы ткнуть второй рукой в мобильник и обнаружить что можно зайти 20 метров вон за тот дом и всё спокойно выкинуть. Это не говоря о случаях когда вы на машине везёте полный багажник мусора с пикника, а надо его освободить потому что нужно срочно ещё что-то купить.

                                            На самом деле реплики типа вашей, увы, часто звучат в проектах crowdsource картографии, в том числе и у нас в OpenStreetMap. Однако практика однозначно показала что всё, над чем в начале смеются и доказывают что «это не нужно на карте» кому-то когда-то обязательно надобится, на этой информации делают крутейшие сервисы, а недальновидным товарищам остаётся только прикусить язык. Кто-то не понимал зачем рисовать тротуары — потом внезапно оказалось что есть пешеходный роутинг, который не очень-то работает по автомобильному графу, а с тротуарами получается сказка. Кто-то не понимал зачем проставлять этажность и высоту у зданий, пока не появились 3D рендеры типа glosm и F4. Кто-то выпучивал глаза на схемы indoor маппинга — внезапно у google появился роутинг внутри зданий (в OSM оно, к сожалению, пока не взлетело). Зато где-то в целом городе пожарные занесли в базу каждый гидрант со всеми характеристиками (диаметр, давление и т.д.) и, видимо, успешно используют эти данные в работе. Где-то аналогично поступили сельские электрики (все столбы и опоры ЛЭП с номерами, линии, трансформаторы, напряжение и т.д.).

                                            Так что теперь новичкам, которые не понимают зачем рисовать канализационные люки, поребрики, подъезды с номерами квартир, железнодорожные стрелки и светофоры, скамейки, отдельные деревья с видовой принадлежностью, муравейники, бобровые запруды и всё остальное что умеет OSM предлагают либо проявить фантазию и самостоятельно предположить как и кому это понадобится, либо, при отсутствии оной, отдать практическую демонстрацию на откуп времени.
                                              0
                                              Зря Вы на меня ополчились, восприняв удивление за усмешку. Я взаправду был приятно удивлен наличием такой проработки карты! Тем более в моем не большом городе.
                                              Если бы не люди работающие над мелочами не было бы у нас на картах и отметок о магазинах, заправках, домах и улицах. А так, надо сказать им спасибо :)

                                              Успехов с OpenStreetMap!
                                            –1
                                            Какой должны быть хорошая карта — просто, кхм, замечательный заголовок.
                                            Как вы думаете, это вообще юзабельно и понятно где и что находится, и куда ехать?

                                            image
                                              +3
                                              А Вы пробовали нажать на значок светофора? :)
                                                0
                                                Меня бы устроило «более лучшее» визуальное выделение основных дорог, как в основной версии карты. Основные дороги — шире, мелкие — уже. Либо, на худой конец, хотя бы возможность устанавливать полу-прозрачность на все-эти желто-зеленые-одинаковой-ширины-линии, полностью закрывающие названия улиц.
                                                +3
                                                Когда строишь маршрут, то очень даже понятно :) Езжу частенько именно по я.картам, даже не по я.навигатору. Хотя в таком масштабе, как на вашей картинке, можно только оценить масштабы бедствия (пробок) в городе.
                                                  0
                                                  В таком масштабе если отключены пробки — всё понятно и можно глазами построить маршрут. Если включены пробки — ничего не понятно и начинается постоянное зуммирование и скролинг. Как минимум основные шоссе полностью сливаются с мелкими переулками — визуально дорога перестает прослеживаться.
                                                0
                                                Кремли — не ориентиры? :)
                                                  +1
                                                  Разработчики Яндекс.карт, я о наболевшем. Не могли бы вы ввести в обозначение улиц зоны запрещенные к остановкам, стоянкам, платной парковки, свободной парковки? Просто часто вообще не сориентироваться — где тут можно встать, а если нельзя, то куда ехать… Не говоря уж, например, о разрывах шаблона, например, на пересечении Б.Лубянки и Сретенского бульвара, где, вроде, не должно быть бесплатной парковки, но по знакам она есть…
                                                    0
                                                    Есть ли в планах синхронизация закладок между устройствами?
                                                      0
                                                      Всегда очень неудобно прокладывать маршрут пешком от метро, у которого несколько выходов, т.к. нет возможности понять, как выйти к нужному мне выходу. Было бы очень полезно, если при нажатии на отмеченный выход метро показывалась инструкция, как туда выйти (например, «выход от первого вагона из центра» или «после эскалатора поверните налево два раза»).

                                                      Еще было бы здорово, если бы на панораме показывалась линия проложенного маршрута.
                                                        0
                                                        Я как владелец Windows Phone спрошу в очередной раз — когда в Яндекс.Карты добавят возможность скачивания карт? Если Яндекс.Навигатор может, то чем Карты хуже?
                                                          0
                                                          Уважаемые разработчики Яндекс-карт,
                                                          я правильно понимаю, что карты на сервере хранятся в векторе, на сервере же рендерятся в растр, и растр уже передаётся на устройство (например, в мобильное приложение)?

                                                          И да, огромное спасибо за ваш труд, ваши карты гораздо удобнее гугловых и яблочных!
                                                            +1
                                                            Данные конечно хранятся в векторе. А на клиент отдается либо растр, либо вектор, в зависимости от того, что тот умеет. Навигатор на подробных масштабах использует векторные данные. Это, в том числе, позволяет писать названия улиц поверх пробок.
                                                            +1
                                                            Уважаемая команда Яндекс.Карт!
                                                            Хочу заметить, что вы так и не воспользовались прекрасной возможностью снизить трафик карт как минимум на 16% всего лишь за счёт финального сжатия png тайлов без изменения визуального качества с помощью pngnqi и pngout. С вашими мощностями это не так уж сильно замедлит выкладку новых тайлов во время рендеринга.

                                                            Просто подублирую ссылку на свой комментарих 3х летней давности — habrahabr.ru/company/yandex/blog/132732/#comment_4407635
                                                            Только теперь замеры тайла с картой показывают уменьшение размера в среднем на 15-16%, уменьшение размера слоя подписей «гибрид» — до 45%. Что полезно как в браузере, так и тем более в смартфонах.
                                                              0
                                                              Проблема в том, что тайлы генерируются на лету. Если пропускать их через pngout, вы не дождётесь их загрузки. Тут нужно решение в реальном времени.
                                                                +1
                                                                Тайлы не генерируются на лету, их выкладка происходит раз в несколько месяцев при обновлении карты.
                                                                  0
                                                                  Во-первых, исходные карты векторные (грубо говоря, редактируются как «народные карты»). Во-вторых, динамически накладываются надписи и т.п.: русский, украинский, английский, в зависимости от страны. Хранить всё это слишком дорого и генерировать всё сразу долго, отдаваемые пользователю тайлы генерируются реал-тайм.
                                                                    0
                                                                    Лев, Яндекс неоднократно указывал на то, что что выкладка тайлов происходит раз в месяц и тем более не в риалтайм. Не вижу ничего «слишком дорогого» в хранении нескольких теребайт png для яндекса, когда тот же Я.Диск измеряется петабайтами.
                                                                      0
                                                                      Может вы даже дадите ссылку, где говорится, что раз в месяц выкладываются именно тайлы в PNG?
                                                                        0
                                                                        Невозможно на лету генерировать тайлы, отдавая их за еденицы ms.
                                                                          0
                                                                          s/генерировать/оптимизировать/
                                                              0
                                                              Это обновление сделало карты полностью неюзабельными. Я постоянно пользуюсь вашим приложением на планшете в офлайне. Теперь я не могу найти очень многие дома т.к. вместо номера отображается иконка магазина. Вот скажите как мне зная адрес, но без интернета, найти нужный дом? Можно вообще сделать отключаемыми эти значки?
                                                                0
                                                                Давно задумываюсь о том, что сервисам с подобным функционалом ох как не хватает фильтров на отображаемые иконки. Возможно даже с некоторыми пресетами привязанными к учетной записи. На самом деле даже удивлен что Яндекс до сих пор их не сделал
                                                                  0
                                                                  Делать новые фичи интересно, а всякой банальщиной заниматься — не очень. Я вот давно жду когда они хотя бы выбор языка, не завязанного на язык системы в приложении сделают.
                                                                    0
                                                                    Вы считаете что фильтры на иконки – это банальщина?

                                                              Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.

                                                              Самое читаемое