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

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

Меню говорит языком мастерской, а не посетителя

«Авторские решения», «Вторая жизнь», «Воплощение идей» хорошо звучат как названия проектов, но в меню мало помогают. Для основных разделов лучше выбрать привычные слова: «Ремонт украшений», «Индивидуальный заказ», «Гравировка», «Уход за украшениями», «Контакты». Образное название можно оставить внутри раздела — скажем, для истории конкретного изделия.

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

Слишком много пунктов и уровней

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

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

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

Меню мастерской с разделами ремонта и заказа

Маршрут обрывается на странице услуги

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

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

Скрыты условия, которые влияют на выбор пути

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

Важные ограничения не стоит прятать только в длинном разделе условий. Рядом с формой запроса о ремонте можно написать: по снимку удастся предварительно обсудить задачу, а состояние креплений и объём работ оценят при осмотре. Так человеку проще понять, с чего начать.

Меню неудобно на телефоне

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

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

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

Нет ориентиров внутри большого раздела

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

Такой путь полезен тому, кто пришёл из поиска прямо на внутреннюю страницу: можно увидеть соседние темы и вернуться на уровень выше без кнопки браузера. Важно, чтобы он соответствовал устройству сайта. Если «Ремонт колец» указан внутри «Индивидуального заказа», подсказка лишь закрепит путаницу.

Разделы услуг на экране смартфона

Поиск не помогает, когда название работы неизвестно

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

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

Неясно, где заканчивается информация и начинается обращение

В блоге человек читает об уходе за украшениями, на странице услуги — выясняет порядок работы. Если статья внезапно заканчивается общей кнопкой «Оформить заказ», непонятно, зачем по ней переходить. Лучше связывать материал с его темой: после текста о признаках износа застёжки предложить узнать порядок осмотра украшения, а после страницы индивидуального заказа — перейти к форме описания замысла.

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

Как проверить навигацию без большой переделки сайта

Начните не с оформления меню, а с трёх–пяти задач, с которыми люди приходят на сайт. Например:

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

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

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

Проверка одной страницы за пять минут

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

Scroll to Top