VIDEMIND
Графический дизайнГид

Системы навигации: как проектируют указатели

Иерархия информации, точки принятия решений, пиктограммы и типографика. Разбираем логику проектирования навигации в зданиях и городе.

Системы навигации: как проектируют указатели — графика VIDEMIND
VIDEMIND · generated
Содержание · 8
  1. Навигация начинается с маршрутов
  2. Три уровня информации
  3. Типографика
  4. Пиктограммы
  5. Материалы и монтаж
  6. Три вопроса, на которые отвечает навигация
  7. Что задаёт читаемость указателя
  8. Что в итоге

Иерархия информации, точки принятия решений, пиктограммы и типографика. Разбираем логику проектирования навигации в зданиях и городе.

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

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

Три уровня информации

Навигационная система строится иерархически: идентификация (где я), направление (куда идти), подтверждение (я пришёл).

Схема размещения указателей в точках принятия решений
Схема размещения указателей в точках принятия решенийVIDEMIND · generated
ТипФункцияГде размещается
ИдентификационныйНазвание местаВход, фасад
НаправляющийКуда идтиРазвилки, лестницы
ПодтверждающийВы на местеДвери, зоны
ИнформационныйСхема, часы, правилаВход, узлы
РегуляторныйЗапреты, безопасностьПо нормам

Типографика

Требования жёсткие: гротеск с открытыми формами, высокий контраст, размер по дистанции чтения, ограниченный набор кеглей.

Практический ориентир: высота прописной буквы примерно 1/150 расстояния, с которого указатель должен читаться.

  • Не больше трёх кеглей в системе.
  • Выключка по левому краю.
  • Строчные буквы вместо сплошного капса — читаются быстрее.
  • Контраст не менее 70% по светлоте.
Системы навигации: как проектируют указатели — графика VIDEMIND
VIDEMIND · generated

Пиктограммы

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

Всё остальное требует подписи. Специально придуманные для проекта пиктограммы почти никогда не считываются без текста.

Указатель отвечает на один вопрос — куда идти дальше. Всё, что мешает ответить, украшение.

Материалы и монтаж

Навигация живёт долго и должна допускать изменения: арендаторы меняются, зоны переименовываются. Системы со сменными вставками служат заметно дольше монолитных.

Отдельный фактор — блики: глянцевые поверхности под точечным светом становятся нечитаемыми под определённым углом.

Системы навигации: как проектируют указатели — графика VIDEMIND
VIDEMIND · generated

Три вопроса, на которые отвечает навигация

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

Второй частый провал — навигация, спроектированная от плана здания, а не от маршрута. Указатель полезен в точке принятия решения: на развилке, у лестницы, при выходе из лифта. Указатель посреди прямого коридора не сообщает ничего.

Что задаёт читаемость указателя

  • Высота знака: примерно один сантиметр высоты прописной на каждый метр расстояния чтения.
  • Контраст не ниже 70% и матовая поверхность: глянец под потолочным светом выключает указатель.
  • Гротеск с открытыми апертурами; узкие начертания экономят место и теряют разборчивость.
  • Стрелка рядом с тем словом, к которому относится, — а не в конце строки для всех сразу.
  • Один порядок пунктов на всех носителях: перестановка читается как другой список.
Системы навигации: как проектируют указатели — графика VIDEMIND
VIDEMIND · generated

Что в итоге

Навигация проектируется от маршрутов и точек принятия решений, а не от макетов указателей.

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

Коротко

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

Нашли ошибку или неточность в атрибуции? Напишите нам

Обсуждение

Загружаем…

Только имя и мысль. Ссылки, разметку, код и номера телефонов журнал не публикует — учётных записей на сайте нет, и оставлять здесь ссылку бессмысленно.

0 / 1500