You are currently viewing Как сделать понятное меню для справочного сайта о Windows

Как сделать понятное меню для справочного сайта о Windows

Инструкцию по восстановлению Wi‑Fi вряд ли станут искать в разделе «Разное». Название пункта меню должно подсказывать, какие страницы за ним находятся. Для справочного сайта о Windows это полезнее необычных названий и длинного перечня публикаций в шапке.

Начните с задач посетителя, а не со списка страниц

Человек приходит с конкретной проблемой: компьютер не видит устройство, не работает микрофон, после обновления пропал звук. Он не обязан заранее знать, виноват драйвер, настройка Windows или кабель. Меню, построенное только на технических терминах, заставляет посетителя сначала самому поставить диагноз.

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

Отдельно отметьте страницы, которые нужны независимо от темы: поиск, список инструкций, сведения о сайте и контакты, если они есть. «Контакты» помогают связаться с редакцией, но не становятся частью раздела «Устройства» лишь потому, что читатели часто спрашивают об оборудовании.

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

Соберите разделы с предсказуемыми границами

Разделы должны объединять материалы по признаку, понятному посетителю. Для сайта о компьютерных неполадках возможны группы «Windows», «Устройства», «Интернет и сеть». Но одной статьи о Wi‑Fi хватит, чтобы возник спор: она подходит сразу к нескольким группам. Поэтому редакции нужны короткие правила распределения материалов.

Например, в «Интернет и сеть» можно поместить инструкции о подключении, Wi‑Fi и сетевых адаптерах; в «Устройства» — о принтерах, накопителях, мониторах и периферии; в «Windows» — о системных настройках и общих сбоях. Если статья касается нескольких тем, выберите для меню один основной раздел — по главной задаче читателя. Другие пути к ней дадут поиск и ссылки из подходящих инструкций. Не создавайте несколько пунктов меню с разными названиями, ведущих на одну страницу: различия между разделами станут ещё менее понятными.

схема разделов справочного сайта на бумаге

Проверяйте название по содержимому раздела

Возьмите несколько типичных статей и распределите их по будущим категориям. Если инструкцию о принтере некуда положить без оговорок, возможно, нужен раздел «Принтеры и периферия». А категория «Полезное», в которой соседствуют звук, USB и обновления, ничего не говорит о своём содержимом. В таком случае уточните название или разделите материалы.

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

Оставьте в главном меню только основные пути

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

Каждый кандидат в пункт меню проверьте тремя вопросами:

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

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

Не путайте меню, поиск и карту содержания

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

Если на сайте есть поиск, сделайте его заметным и подпишите словом «Поиск»: один значок не всем понятен. При этом поиск не заменяет разделы. Человек, набравший «не работает принтер», может не увидеть соседние инструкции о печати, если они не собраны в одном месте.

Пишите названия языком посетителя

Короткое название должно точно описывать содержимое. «Драйверы» подойдут разделу об установке драйверов и связанных с ними ошибках. Если там же объясняется, как проверить кабели, питание и настройки, честнее назвать раздел «Проблемы с устройствами». Не обещайте «Решения», если пункт ведёт на общую страницу без инструкций.

На одном уровне придерживайтесь общего принципа именования. Набор «Windows», «Что делать, если нет звука», «Наш блог» смешивает систему, отдельную проблему и формат публикации. «Windows», «Звук», «Устройства» легче сопоставить между собой. Конкретные неполадки пусть остаются в заголовках статей и списках внутри разделов.

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

Настройте вложенность и поведение пунктов

Подменю пригодится, если внутри крупного раздела есть несколько устойчивых направлений. Например, у «Устройств» могут быть подпункты «Звук», «Мониторы», «Принтеры и USB». На третьем и четвёртом уровнях путь уже трудно удержать в памяти. Подробные подразделы часто удобнее показать на странице самого раздела.

Поведение родительского пункта должно быть предсказуемым. Если «Устройства» ведут на обзорную страницу, по названию можно перейти туда, а для раскрытия подменю есть отдельная кнопка. Если пункт только раскрывает список, он не должен выглядеть как ссылка на страницу. Проверьте это и на сенсорном экране, где нельзя навести курсор.

Текущий раздел выделяйте не только цветом: текстовый или графический признак поможет посетителю понять, где он находится. На страницах с длинными заголовками пригодятся хлебные крошки, например «Устройства → Звук → Не работает микрофон». Они показывают путь по сайту, но не заменяют основное меню.

раскрытое меню сайта на экране смартфона

Проверьте меню на телефоне и с клавиатуры

На узком экране важен не столько вид значка меню, сколько возможность открыть нужный раздел без случайных нажатий. Видна ли кнопка открытия, понятно ли её название, помещаются ли пункты в раскрытом списке? Можно ли закрыть меню, не прокручивая всю страницу? Длинные подписи допустимы, если они переносятся без потери смысла.

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

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

Испытайте структуру на реальных задачах

До публикации попросите нескольких человек найти через меню инструкцию об USB-устройстве, материал о сетевом подключении и контакты редакции. Не подсказывайте названия разделов. Отмечайте, где человек колеблется или возвращается назад, даже если в итоге находит страницу. Если проверяющие раз за разом выбирают другой пункт, пересмотрите подпись или границы категории, а не объясняйте им замысел редакции.

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

Для быстрой проверки возьмите заголовок «Windows не видит флешку» и попросите человека выбрать раздел без поиска. Если он идёт в «Устройства», а статья лежит в «Системных настройках», перенесите её туда, где её ожидают найти, либо измените название пункта так, чтобы путь был понятен до нажатия.