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