Опыт городской навигации в Киеве
-
Upload
igor-skliarevsky -
Category
Documents
-
view
269 -
download
3
description
Transcript of Опыт городской навигации в Киеве
![Page 1: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/1.jpg)
Опыт городской навигации в Киеве
Игорь Скляревскийwww.skliarevsky.org
fb.me/skliarevsky
Зимний интенсив по городскому дизайну
в Британской высшей школе дизайна.
Москва, 17 января 2014
![Page 2: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/2.jpg)
Фуникулер
![Page 3: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/3.jpg)
![Page 4: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/4.jpg)
![Page 5: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/5.jpg)
![Page 6: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/6.jpg)
.
527
M2
M2
M2
Информационный плакатПринцип перевернутой пирамиды
Суть в двух словах
Как решить проблему (альтернативные маршруты)
Почему эти неудобства неизбежны?
Персонализация
![Page 7: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/7.jpg)
Правила
Принцип перевернутой пирамиды
Сначала то, что нужно клиенту: стоимость, льготы, что можно перевозить.
Что нельзя
Все это максимально лаконично
Неизбежное зло — мелко и сокращенно
![Page 8: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/8.jpg)
Пилоны
Принцип перевернутой пирамиды
Где тут фуникулер?
Куда на нем можно добраться? (транспорт, достопримечательности)
А подробнее? (Карта-схема)
Неизбежное зло
![Page 9: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/9.jpg)
Что будет в месте назначения?
Как найти то, ради чего приехал?
Отправляемся Приехали
![Page 10: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/10.jpg)
Карта иногда несет избыточную информацию.
Часто достаточно схемы.
Карта-схема
![Page 11: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/11.jpg)
Проблема Решение
![Page 12: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/12.jpg)
![Page 13: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/13.jpg)
Адресные таблички
… могут быть чем-то большим, чем просто адресные таблички за счет дополнительных секций:
Как найти соседние дома?
Метро и остановки транспорта.
Достопримечательности.
Что в этом квартале?
Что в этом доме?
![Page 14: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/14.jpg)
![Page 15: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/15.jpg)
![Page 16: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/16.jpg)
Шрифт для навигации
Непохожесть букв при сохранении общего рисунка.
Большое «очко».
Большой x-height.
Длинные выносы.
![Page 17: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/17.jpg)
Остановкитранспорта
![Page 18: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/18.jpg)
![Page 19: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/19.jpg)
Структура
Шапка
Маршруты
Линейная схема
Алфавитный указатель
Расписание
![Page 20: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/20.jpg)
Шапка
Где я? название остановки
![Page 21: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/21.jpg)
Маршруты
Какие маршруты тут есть?
Часто людям нужно всего лишь удостовериться, что нужный маршрут тут останавливается и идет в нужную сторону.
![Page 22: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/22.jpg)
Линейная схема
Необходимый минимум вместо маршрутов всего города.
Больше возможностей показать, какие маршруты на отдельных участках дублируются.
![Page 23: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/23.jpg)
Линейная схема
Пересадки на другие маршруты (можно дополнить их направлениями)
Метро
Достопримечательности
Время в пути
![Page 24: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/24.jpg)
Указатель остановок
Противоположный кейс: знаю нужную остановку, не знаю, чем доехать.
![Page 25: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/25.jpg)
РасписаниеНачало и конец движения — прежде всего: точное время, чтобы не опоздать на работу и не остаться ночевать на остановке.
![Page 26: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/26.jpg)
ПодвалСколько стоит проезд?
Насколько актуальна информация?
![Page 27: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/27.jpg)
Навигация для пешеходов
Золоті воротаGolden Gat e
СофійськийСоборSaint Sophia Cathed ral St. And rew's Chur ch
ФунікулерFunicula r
Михайлівськи йСоборSt. Michael's Cathedr al
НаціональнаОпера УкраїниNational Ope ra of Ukraine
![Page 28: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/28.jpg)
СтруктураШапка
Ближайшие ориентиры
Карта
Алфавитный указатель
Above the fold
![Page 29: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/29.jpg)
ШапкаУзнаваема, выделяет стенд в уличном визуальном шуме;
Отвечает на главный вопрос: «Где я нахожусь?»
![Page 30: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/30.jpg)
НаправленияТолько то, что рядом, но не видно;
Подтверждение, что на правильном пути;
Никаких сложных направлений.
Золоті воротаZoloti Vorota Metro Station
Andriivskyi Uzvi z
УЗВІЗ
МихайлівськаMykhailivska Plosch a
ПЛОЩА
M3 M1
![Page 31: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/31.jpg)
КартаПоказать, где находится зритель.
Повернуть лицом.
Дать радиус доступности в минутах.
Всё на карте! Легенда — зло.
Два фрагмента: обзор и фокус.
![Page 32: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/32.jpg)
КартаВыворотка: яркая информация, а не фон.
Слои: основные улицы, метро, достопримечатель-ности.
![Page 33: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/33.jpg)
КартаКрая карты тоже можно задействовать
(опыт Нью-Йорка)
![Page 34: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/34.jpg)
Алфавитный указательМожно и без него: координатная сетка — издевательство.
Отдельные списки для кириллицы и английского.
Достопримечательности — отдельно.
![Page 35: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/35.jpg)
Above/Below the foldВсе читабельное —выше 80 см.
(учитывайте расстояние и угол зрения,
не забывайте о детях и колясочниках)
Телефоны, сайты, QR, брендинг.
![Page 36: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/36.jpg)
Фингерпосты бесполезныСлишком малоинформативны.
Не предлагают альтернативные пути.
Не помогают составить ментальную карту.
Их ломают и поворачивают в неправильном направлении.
Только близко к целям, где прямой путь не виден и не очевиден.
![Page 37: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/37.jpg)
ЗеленийCMYK: 90.10.100.1RAL 6018 Pantone 363
КоричневийCMYK: 48.72.71.60RAL 8017 Pantone 497
БілийCMYK: 4.1.2.0RAL 9016 Blanc tr affic Pantone 705
Цветовое решение
![Page 38: Опыт городской навигации в Киеве](https://reader030.fdocuments.net/reader030/viewer/2022020209/568bf1071a28ab893391bfa2/html5/thumbnails/38.jpg)
Цветовое решение