Структура интернет-магазина: каталог, фильтры и путь к заказу

Как разделить ассортимент на категории

Сначала соберите реальные товары с названиями и характеристиками. Затем сгруппируйте их по признаку, который понятен покупателю. В магазине освещения тип изделия может стать категорией, а помещение, цвет и способ монтажа фильтрами. Название поставщика не обязательно должно становиться пунктом первого уровня.

Проверьте границы разделов: понятно ли, куда положить новый товар, и не приходится ли искать одну модель в нескольких несвязанных ветках? Дополнительные подборки допустимы, но основная категория должна оставаться предсказуемой. Не создавайте десятки пустых разделов ради будущего ассортимента.

Какие фильтры действительно нужны

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

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

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

Что покупатель должен узнать из карточки

Карточка связывает предложение и заказ. Рядом с ценой должны быть понятны вариант товара, наличие или порядок уточнения наличия, количество и действие покупки. Условия доставки нельзя прятать так далеко, что их приходится искать после добавления в корзину.

Для товара с вариантами заранее определите, что меняется при выборе цвета или размера: фото, артикул, остаток, цена. Это влияет и на данные, и на интерфейс. Пример карточки следует проверять не на идеальном товаре, а на сложном: несколько вариантов, нет одного фото, длинное название.

• Название и артикул, если он используется при покупке.
• Фотографии и характеристики, достаточные для сравнения.
• Цена выбранного варианта и понятные условия доступности.
• Доставка, оплата и следующий шаг без неожиданных условий.

Как связать каталог с оформлением заказа

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

Обязательные поля зависят от способа получения. Адрес нужен для курьера, но не обязательно для самовывоза. Регистрация также не должна становиться скрытым условием: если она требуется по бизнес-процессу, объясните это заранее. Для первого запуска лучше законченный основной сценарий, чем множество незавершённых возможностей.

Что проверить на прототипе до разработки

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

Результатом подготовки должна стать карта категорий, перечень полей товара и сценарий заказа с исключениями. Такой набор позволяет предметно обсуждать создание магазина с разработчиком. В Pink Byte состав каталога, способов заказа и подключений согласуется под задачу, а не предполагается автоматически.

• Категории не дублируют друг друга без причины.
• Фильтры опираются на заполненные характеристики.
• В корзине сохраняются выбранные варианты.
• Пустые результаты, отсутствие товара и ошибки формы имеют понятный выход.