Практические руководства

Проверка навигации и меню на сайте

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

См. метод

Посетитель, изучающий интерфейс планшета во время навигации

Начните с реальных задач

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

Сравните слова меню со словами, которые используют посетители. Такая метка, как «решения», может иметь смысл внутри, но мало что значит для посторонних. Руководство по обслуживанию Помогает выровнять метку, содержание и принятие решений.

  • заданы задачи и аудитории.
  • Первый выбор наблюдается без посторонней помощи.
  • Ярлыки пересматриваются после колебаний.

Проверьте несколько маршрутов

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

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

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

Тестовая клавиатура и маленькие экраны

Используйте Tab, Enter, Space и Escape в соответствии с каждым компонентом. Фокус должен быть виден, а открытое подменю должно быть выключено. На телефоне тестирование открытия, закрытия, целевого размера и увеличенного текста.

Попробуйте длинные и короткие страницы. Прилипчивое меню может скрывать заголовок после привязки; Ящик может оставить прокрутку заблокированной после закрытия. Учебник по меню W3C Приводит примеры структурного и взаимодействия.

  • Фокус и закрытие проверено.
  • Сенсорные цели пригодны для использования.
  • Якоря и прокрутка проверены.

Найти и исправить тупики

Групповые выводы по эффекту: отсутствующая страница, неоднозначная метка, петля, сломанная связь или недостижимый контроль. Сначала исправьте поездки, связанные с реальными потребностями посетителей, затем повторите задачу с кем-то, кто не видел изменений.

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

  • Тупики ранжируются по ударам.
  • Исправить повторно протестировано.
  • Сигналы для посетителей, просмотренные после релиза.

Справочные документы

Контент обновлен 2 октября 2026 г.

Матрица функциональной проверки для адаптации к проекту

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

Тестовые случаи, ожидаемые результаты и полезные доказательства
КейсОжидаемый результатДоказательство для сохранения
Подменю покрывает кнопку закрытия на мобильном телефоне.Закрытие и назначения остаются доступными без горизонтальной прокрутки страниц.Запишите URL-адрес, шаги, результат и датированные доказательства.

Часто задаваемые вопросы

Как следует протестировать меню помимо его открытия?

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