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