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