Навигация кажется простой задачей, пока сайт небольшой. С ростом разделов меню превращается в список, где непонятно, куда нажимать, и человек уходит в поиск или уходит совсем. Разбираемся, из чего складывается работающая навигация и как проверить свою.
Коротко
- Названия разделов берут у клиентов, а не придумывают внутри компании.
- Пункт меню должен отвечать на вопрос «что я тут найду».
- Глубина важнее ширины: три уровня достаточно почти всегда.
- Проверять навигацию нужно на живых людях, а не на схеме.
Три вопроса, на которые она отвечает
Где я нахожусь
Человек, пришедший из поиска на внутреннюю страницу, должен понять контекст.
Что вообще есть на сайте
Какие разделы, какой масштаб, есть ли то, что мне нужно.
Как попасть туда, куда нужно
За минимальное число шагов и без возврата на главную.
Первый вопрос забывают чаще всего. Навигацию проектируют, представляя человека, который зашёл на главную и идёт вглубь. На деле большинство приходит из поиска сразу на внутреннюю страницу, и для них меню — не маршрут, а способ понять, куда они попали и что здесь ещё есть.
Как называть разделы
Работает
- Слова, которыми говорят клиенты
- Конкретное вместо общего
- Одно-два слова
- Понятно без контекста
- Одинаковые названия везде на сайте
Не работает
- Внутренние термины компании
- «Решения», «Возможности», «Направления»
- Креативные названия разделов
- Аббревиатуры и сокращения
- Разные названия одного раздела
Откуда брать слова. Из запросов, по которым к вам приходят, и из того, как формулируют клиенты в переписке и по телефону. Раздел «Инжиниринговые решения» существует только внутри компании; снаружи люди ищут «проектирование» или «монтаж». Названия, совпадающие с языком клиента, заодно работают и на поиск.
Сколько разделов и какой глубины
| Параметр | Ориентир | Почему |
|---|---|---|
| Пунктов в главном меню | 5–9 | Больше — человек не охватывает взглядом |
| Уровней вложенности | До 3 | Дальше теряются и люди, и вес |
| Пунктов в подменю | До 10–15 | Длинный список читают по диагонали |
| Кликов до целевого действия | 2–3 | Каждый лишний теряет часть людей |
Ширина лучше глубины, но в меру. Между меню из пяти пунктов с четырьмя уровнями и меню из девяти с двумя второе почти всегда удобнее: человек видит варианты сразу, а не открывает их последовательно. Но раздувать до тридцати пунктов ради «одного уровня» не стоит — тогда теряется сама идея выбора.
Мобильная навигация
На телефоне меню обычно скрыто, и это нормально. Проблемы начинаются в деталях.
Иконка меню узнаваема
Три полоски или слово «Меню». Нестандартные значки не опознают.
Ключевое действие вынесено наружу
Телефон или кнопка заявки видны без открытия меню.
Вложенность раскрывается на месте
А не уводит на промежуточную страницу.
Меню закрывается очевидно
Крестик и нажатие вне области.
Длинное меню прокручивается
Нижние пункты не должны быть недоступны.
Хлебные крошки остаются
Они компенсируют скрытое меню.
Частая потеря на телефонах. Номер телефона спрятан в меню, которое нужно открыть двумя нажатиями. Человек, готовый позвонить, не должен искать: на узком экране контакт выносят в шапку рядом с иконкой меню или закрепляют внизу экрана.
Как проверить свою навигацию
Дайте задание человеку со стороны
«Найди, сколько стоит такая-то услуга». Смотрите молча.
Повторите на телефоне
С тем же заданием и другим человеком.
Посмотрите карту кликов по меню
Какие пункты не нажимают вообще.
Проверьте поиск по сайту
Что ищут — это то, что не нашли в меню.
Посмотрите путь из поиска
Куда идут люди, попавшие на внутреннюю страницу.
Проверка на пяти людях даёт почти всё. Серьёзные проблемы навигации обнаруживаются на первых же наблюдениях: человек не понимает название раздела, не видит нужный пункт, возвращается на главную. Для этого не нужна лаборатория — достаточно попросить коллег из другого отдела и молча посмотреть.
Частые вопросы
Сколько пунктов должно быть в главном меню?
Ориентир — от пяти до девяти: большее число человек не охватывает взглядом. Уровней вложенности лучше не больше трёх, иначе теряются и люди, и внутренний вес страниц.
Как выбрать названия для разделов?
Взять слова, которыми говорят клиенты: из поисковых запросов и из переписки. Внутренние термины вроде «Инжиниринговые решения» существуют только внутри компании, снаружи ищут «проектирование» или «монтаж».
Что важно в мобильной навигации?
Узнаваемая иконка меню, вынесенное наружу ключевое действие — телефон или кнопка заявки, раскрытие вложенности на месте и сохранённые хлебные крошки, которые компенсируют скрытое меню.
Как проверить, удобна ли навигация?
Дать пяти людям со стороны задание найти что-то конкретное и молча посмотреть. Серьёзные проблемы обнаруживаются на первых же наблюдениях, и лаборатория для этого не нужна.
Сделаем сайт, который приносит заявки
Спроектируем структуру под запросы, соберём и запустим — с учётом SEO с первого дня.
Обсудить разработку
