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