Дизайн — статьи о сайтах
Посетитель сайта поставщика приходит с конкретной задачей: подобрать газобетон нужной плотности, узнать, можно ли получить поддон на складе завтра, скачать прайс-лист для сметы. Если путь к ответу неочевиден, он вернётся в поисковую выдачу или позвонит конкуренту. Поэтому навигацию проверяют не вопросом «красиво ли меню», а прохождением таких задач шаг за шагом.
С каких задач посетителя начать проверку
Возьмите 5–7 типовых запросов из заявок, звонков и переписки менеджеров. Для каждого запишите стартовую страницу и цель. Например:
- с главной найти гипсовую штукатурку в мешках и открыть карточку товара;
- из карточки перейти к условиям доставки в нужный район;
- найти прайс-лист на кровельные материалы;
- оставить запрос на расчёт количества кирпича для объекта;
- найти адрес склада и часы отгрузки.
Дайте эти задачи человеку, который не участвовал в создании сайта. Не подсказывайте и просто наблюдайте: где он замедлился, какой пункт меню открыл зря, к чему вернулся дважды. Это точнее любых предположений.
Как выглядит понятная структура каталога: условный пример
Ниже схема фрагмента каталога, не привязанная к конкретной компании:
- Каталог → Стены и перегородки → Газобетонные блоки, Кирпич, Пазогребневые плиты;
- Каталог → Сухие смеси → Штукатурки, Плиточные клеи, Наливные полы;
- Каталог → Кровля → Металлочерепица, Мягкая кровля, Водосточные системы.
На странице «Газобетонные блоки» над списком должны быть хлебные крошки: «Главная / Каталог / Стены и перегородки / Газобетонные блоки». Рядом с товарами нужны фильтры по толщине, плотности, производителю и наличию на складе. В карточке или списке цена указана с понятной единицей: за штуку, за поддон или за м³, а количество блоков на поддоне видно сразу.
Проверьте, названы ли разделы так, как их ищет покупатель, а не так, как они называются в учётной системе. Убедитесь, что один и тот же товар не спрятан в двух разных местах без перекрёстной ссылки, а группировка идёт по единой логике: либо по назначению, либо по материалу.
Фильтры и поиск: где посетители чаще всего застревают
В стройматериалах много сокращений и вариантов написания. Введите в поиск «гкл», «ЦПС», «пеноблок» вместо «газобетон», название с опечаткой и артикул из накладной. Если сайт отвечает «ничего не найдено», это сигнал, что нужны синонимы, подсказки или хотя бы список ближайших категорий на пустой странице результатов.
Для фильтров проверьте следующее:
- единицы измерения не смешиваются: мешки, килограммы и кубометры не стоят в одном списке без пояснения;
- выбранные параметры видны над списком, и их можно снять по одному;
- после перехода в карточку и возврата кнопкой «Назад» фильтры сохраняются;
- нет фильтров с нулевым результатом, которые заводят в пустую страницу.
Где на сайте должны быть доставка, прайс и условия для оптовиков
Покупатель в частном строительстве и закупщик подрядчика ищут разное. Первому важны доставка, разгрузка и самовывоз, второму: прайс-лист, реквизиты, условия отсрочки, форма запроса на расчёт. Эти разделы должны быть доступны из шапки или подвала на каждой странице, а из карточки товара должна вести ссылка на условия доставки.
Проверьте, открывается ли прайс без регистрации, если вы так решили, и понятно ли, как получить цены для юридических лиц. Если форма запроса расположена только на странице «Контакты», добавьте путь к ней из каталога и карточки.
Мобильное меню: проверка на реальном телефоне
Значительная часть заказов обсуждается с объекта или из машины, поэтому откройте сайт на обычном смартфоне и при слабом сигнале. Многоуровневый каталог должен раскрываться без попадания в соседние пункты, телефон — набираться касанием, а кнопки фильтров быть достаточно крупными для пальца в перчатке. Обратите внимание на то, закрывает ли залипающая панель кнопки в карточке товара.
Короткий проверочный список
- Любой товар находится из главной не более чем за 3–4 шага.
- Названия разделов совпадают с запросами клиентов.
- Хлебные крошки есть на всех страницах каталога и кликабельны.
- Поиск понимает сокращения, синонимы, артикулы и опечатки.
- Фильтры сбрасываются и сохраняются при возврате назад.
- Доставка, прайс, контакты склада доступны из шапки или подвала.
- Из карточки товара есть путь к расчёту или заказу.
- Мобильное меню проверено на реальном устройстве.
Результаты сведите в таблицу: сценарий, число шагов, что мешало, что исправить. После правок повторите те же задачи с новыми участниками, чтобы сравнить пути.
