Страница категории

Страница категории — это страница интернет-магазина, которая собирает товары одной группы (например, «Кроссовки» или «Холодильники») и помогает перейти к нужному. Её часто путают со страницей списка товаров (product listing page): категория — это промежуточный шаг с описанием и подкатегориями, а список — это сами товары с фильтрами.

Простыми словами

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

Nielsen Norman Group описывает две модели (NN/g):

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

Исследователи NN/g также заметили, что многие сайты отказываются от отдельных страниц категорий и объединяют их со списком, чтобы сократить количество кликов (NN/g).

Что должно быть на странице

По NN/g (NN/g):

• Подкатегории отдельно от фильтров, обычно над списком. Это помогает сузить выбор и не перегружает.
• Минимум на карточке в списке: короткое название со значимыми характеристиками, крупные фото, показывающие различия, признаки других цветов или вариантов, цена.
• Дополнительно: рейтинг, пометки «новинка», «скидка», наличие (например, доступные размеры), быстрый просмотр, второе фото при наведении.
• Чёткие названия категорий в главном меню вместо одного пункта «Каталог».
• Иерархия: товар или подкатегория может находиться в нескольких разделах, чтобы покупатель нашёл её там, где ищет.

Поиск не должен вести на рекламную категорию: по NN/g, когда человек вводит название бренда, он хочет видеть товары (NN/g).

Длинные списки: страницы или бесконечная прокрутка

NN/g советует выбирать по размеру каталога (NN/g):

• пагинация — для очень больших каталогов;
• бесконечная подгрузка — для небольших (около 40 товаров на странице), при условии хороших фильтров;
• кнопка «Показать ещё» — компромисс: подвал сайта с условиями доставки остаётся достижимым.

Показывайте общее количество товаров и сколько уже открыто («Показано 40 из 333») и возвращайте покупателя на то же место списка после кнопки «Назад».

Как на это смотрят разные источники

Baymard оценивал списки товаров на 170+ сайтах: 58% десктопных и 78% мобильных сайтов имеют «посредственный» или худший результат. 42% сайтов не объединяют вариации товара (цвета) в один пункт списка (Baymard). Это совпадает с советом NN/g держать варианты одного товара в одной записи (NN/g). Подробнее о фильтрах: фильтры каталога.

Типичные ошибки

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

FAQ

Чем страница категории отличается от страницы списка товаров? Категория — промежуточная страница с описанием и подкатегориями, список — сами товары с фильтрами и сортировкой. Многие сайты их объединяют.

Нужен ли текст на странице категории? NN/g советует краткое описание, которое можно пропустить, а не такое, что блокирует товары (NN/g).

Пагинация или бесконечная прокрутка? Зависит от количества товаров. Для больших каталогов — пагинация, для малых — подгрузка «Показать ещё» или бесконечная.

Связанные термины

• Фильтры каталога
• Карточка товара
• Поиск по сайту
• Мобильная версия магазина
• Юзабилити (usability)

Источники

• Nielsen Norman Group. Traditional and Hybrid Category Pages — nngroup.com/articles/category-pages
• Nielsen Norman Group. UX Guidelines for Ecommerce Homepages, Category Pages, and Product Listing Pages — nngroup.com/articles/ecommerce-homepages-listing-pages
• Nielsen Norman Group. Alternatives to Pagination on Product-Listing Pages — nngroup.com/articles/alternatives-pagination-listing-pages
• Nielsen Norman Group. Design Guidelines for Selling Products with Multiple Variants — nngroup.com/articles/products-with-multiple-variants
• Baymard Institute. Product List UX Best Practices 2025 — baymard.com/blog/current-state-product-list-and-filtering