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