Большинство обзоров страниц товаров заканчиваются перечислением мнений. Кто-то говорит, что галерея кажется тесной, кто-то защищает вкладки, и на этом все заканчивается. Здесь же используется система критериев: двенадцать проверок, каждая с письменным порогом прохождения, оцениваемых по шкале от 0 до 2, в итоге получается число из 24, с которым два независимых аудитора должны согласиться с точностью до одного-двух баллов. Это предназначено для команд UX и CRO, работающих над страницами с подробным описанием товаров в электронной коммерции. Это эталонный показатель Baymard Institute, включающий более 155 ведущих сайтов США и Европы. 62% мобильных сайтов Показатели UX на страницах товаров оцениваются как "посредственные или хуже", и ни один из них не получил идеальной оценки. Предположим, у вас есть результаты. Вопрос в том, какие именно и насколько плохие.
Как работает система подсчета очков
Каждая проверка оценивается по пороговому значению, указанному перед открытием страницы. 2 означает, что он соответствует этому пороговому значению как на мобильных устройствах, так и на компьютерах. 1 частично или только в одной точке разрыва, 0 что оно неисправно или отсутствует.
Аудит шаблонНе один товар: выберите три артикула, которые по-разному подчеркивают этот момент — простой товар, товар с большим количеством вариантов, товар, частично отсутствующий на складе, — и возьмите наименьший балл по каждой проверке. План обеспечения качества, который работает только для простого артикула, не является эффективным.
Группы: 20-24Шаблон правильный, и проблема с конвертацией кроется в другом. 14-19Исправьте нули, прежде чем запускать здесь еще один тест. 0-13Шаблон является узким местом, и тестирование элементов поверх него даст неудовлетворительные результаты.
Первый этап: понимают ли они, что это за продукт?
Отметьте 1 — Набор изображений и масштабирование. Пороговое значение: как минимум пять изображений, охватывающих все стороны, одно детальное изображение на уровне материала, одно, определяющее масштаб, и изображение с увеличением, позволяющим рассмотреть реальные детали. Компания Baymard обнаружила, что 25% сайтов не имеют достаточного разрешения или увеличения, а 37% вообще не предоставляют изображения в масштабе. Именно масштаб игнорируется командами, но именно он приносит результаты.
Проверка 2 — Доступность изображений на мобильных устройствах. Пороговое значение: дополнительные изображения отображаются в виде миниатюр или индикатора положения, без необходимости пролистывать их, чтобы узнать об их наличии. 76% мобильных сайтов не предоставляют миниатюр, поэтому галерея невидима для тех, кто не догадается, что это такое.
Проверка 3 — Возможность быстрого сканирования описания и технических характеристик. Пороговое значение: описание отвечает на пять наиболее часто задаваемых вопросов в вашей службе поддержки по данной категории, а спецификации отображаются в виде списка атрибутов, которые легко просматриваются, а не в виде текста. По оценке Baymard, 50% сайтов допускают ошибки в отображении спецификаций. Учитывайте пять вопросов из заявок или поиска на сайте, а не из семинара.
Второй этап: смогут ли они выбрать правильный вариант?
Проверка 4 — Доступны элементы управления вариантами. Пороговое значение: размер, цвет и другие параметры отображаются в виде видимых кнопок или образцов, а не в виде выпадающего списка, который пользователь должен открывать. 57% сайтов не используют кнопки для выбора размера. Закрытый выпадающий список скрывает параметры и указывает, какие из них недоступны.
Проверка 5 — Синхронизация данных вариантов. Пороговое значение: выбор варианта товара одновременно обновляет цену, изображение, состояние наличия и предполагаемую дату доставки, при этом на экране не отображаются устаревшие значения. 28% сайтов не синхронизируют данные между вариантами товара. Обычно это указывает на проблему архитектуры интерфейса, а не на проблему дизайна.
Проверка 6 — Обработка недоступных вариантов. Пороговое значение: отсутствующие в наличии варианты остаются видимыми и отключенными с указанием причины, а на странице предлагается одно из следующих действий — уведомление о поступлении товара, ближайшая альтернатива или отложенный заказ. 68% сайтов не позволяют пользователям покупать временно отсутствующие товары. Хуже всего — незаметное удаление этой опции: пользователь не может узнать, существует ли нужный размер.
Врата 3: смогут ли они вычислить реальную сумму?
Этот пункт пропуска приносит наибольший доход и сопряжен с наибольшим регуляторным риском. По результатам 50 обобщенных исследований, Baymard оценивает средний процент отказов от покупок в корзине покупок в 100%. 70.22%Среди указанных причин, чрезмерно высокие дополнительные расходы составляют 40%. Большинство этих расходов можно узнать на странице описания товара и они отображаются при оформлении заказа.
Перед добавлением товара в корзину проверьте пункт 7 — Стоимость и дата доставки. Пороговое значение: ориентировочная стоимость доставки и дата прибытия для предполагаемого местоположения пользователя, отображаемые без взаимодействия с пользователем. 43% сайтов не показывают ориентировочную стоимость доставки. Если тарифы зависят от адреса, отображайте ориентировочную стоимость для региона по умолчанию с соответствующей пометкой.
Пункт 8 — Представление цен и информация о скидках. Пороговое значение: отображаемая общая сумма включает все налоги; любое сравнение «было/сейчас» использует обоснованную эталонную цену; и там, где указаны платежи в рассрочку, общая цена, количество платежей и сумма за каждый платеж отображаются вместе в удобном для чтения размере.
Здесь сходятся два правила. В ЕС статья 6a Директивы 98/6/EC требует, чтобы при объявлении о снижении цены указывалась предыдущая цена, определяемая как самая низкая цена, действовавшая как минимум за 30 дней до этого. Турецкое регулирование рекламы применяет ту же логику «самая низкая цена за 30 дней» и дополнительно регулирует отображение рассрочки. Этот пункт не является формальностью: регулятор выделяет рассрочку именно потому, что она занимает видное место в турецкой электронной коммерции, поэтому на странице товара, скрывающей стоимость одной рассрочки за модальным окном, скрывается число, которое выбирают покупатели.
Отметьте пункт 9 — Политика возврата в течение одного взаимодействия. Пороговое значение: информация о сроках возврата и о том, кто оплачивает обратную доставку, доступна одним касанием, а не через нижний колонтитул. 44% сайтов не отображают или не содержат ссылку на политику возврата на странице товара, и неудовлетворительная политика является заявленной причиной отказа от покупки для 13% пользователей.
Ворота 4: смогут ли все ими воспользоваться?
Проверка 10 - Целевой размер. Пороговое значение: каждый интерактивный элемент управления — образцы цветов, стрелочные индикаторы количества, стрелки галереи, фильтры отзывов — должен иметь размер не менее 24 на 24 пикселей CSS или располагаться так, чтобы окружность размером 24 пикселя, центрированная на нем, не пересекалась с соседним элементом. Это соответствует WCAG 2.2 SC 2.5.8, уровень AA. Образцы цветов и стрелочные индикаторы чаще всего не соответствуют этому требованию.
Проверка 11 — Отзывчивость взаимодействия. Пороговое значение: время отклика на следующий кадр на 75-м процентиле полевых данных для шаблона PDP составляет 200 мс или меньше; значение выше 500 мс считается плохим. Используйте полевые данные, а не результаты лабораторных испытаний: переключение вариантов и взаимодействие с галереей — это те области, где PDP INP ухудшается, и синтетические тесты их не проверяют.
Проверка 12 — Оцените качество доказательств. Пороговое значение: присутствует сводка распределения оценок, можно просматривать изображения отзывов, а также указано, как собираются отзывы и проверяются ли они. 65% сайтов неправильно определяют распределение оценок. Оценка 4.4, полученная из оценок 5 и 1, — это совсем другой продукт, чем оценка 4.4, полученная из оценок 4 и 5.
Протокол подсчета очков
| # | Проверка | Проходной балл (2) | Gate |
|---|---|---|---|
| 1 | Набор изображений и масштабирование | Более 5 изображений, одно в масштабе, увеличение добавляет детали. | Понимаю |
| 2 | Возможность обнаружения изображений на мобильных устройствах | Видны миниатюры или индикатор положения. | Понимаю |
| 3 | Описание и технические характеристики | Ответы на 5 самых распространенных вопросов службы поддержки; технические характеристики можно просмотреть. | Понимаю |
| 4 | Варианты управления | Параметры отображаются в виде кнопок или образцов. | Выбрать |
| 5 | Вариантная синхронизация | Обновление информации о цене, изображении, наличии и доставке происходит одновременно. | Выбрать |
| 6 | Недоступные варианты | Видимый, неисправный, указана причина, следующее действие | Выбрать |
| 7 | Стоимость и дата доставки | Оба показателя были оценены на основе PDP без учета взаимодействия. | Итоговая стоимость |
| 8 | Справочная информация о ценах и скидках | Цена включает налоги; минимальный срок погашения — 30 дней; оплата тремя частями. | Итоговая стоимость |
| 9 | Политика возврата | Окно и информация о том, кто платит, — всего одно взаимодействие. | Итоговая стоимость |
| 10 | Целевой размер | 24x24 пикселей в CSS или эквивалентный интервал (WCAG 2.2 AA) | работать |
| 11 | Ответственность | Полевой INP p75 на уровне 200 мс или ниже | работать |
| 12 | Проанализируйте доказательства | Представлено распределение, изображения доступны для просмотра, коллекция раскрыта. | работать |
Пример решения задачи
Иллюстративный пример, составленный на основе описанных выше моделей ошибок, а не на основе аудита клиента: розничный продавец одежды среднего ценового сегмента, три товарные позиции, самый низкий балл по каждой проверке.
Понимание: 2 + 0 (слепой свайп) + 1 (характеристики в тексте) = 3/6. Выбор: 2 + 1 (оценка доставки устарела) + 0 (размеры исчезают) = 3/6. Общая стоимость: 0 + 1 (общая сумма в рассрочку только в модальном окне) + 1 (возвраты в нижнем колонтитуле) = 2/6. Эксплуатация: 0 (образцы при 20 px) + 1 (INP p75 340 ms) + 1 (нет распространения) = 2/6.
Итого: 10/24. Это не "проведение теста заголовка". Это шаблонное исправление, сосредоточенное вокруг четырех нулей, в таком порядке: предполагаемая дата доставки, исчезающие размеры, целевой размер образца, мобильная галерея. Три из четырех — это технические заявки, а не проектные работы, которые обычно и являются фактическим результатом. [НЕОБХОДИМЫ ВНУТРЕННИЕ ДАННЫЕ: Медианные оценки Switas по проверенным планам разработки продуктов и динамика конверсии после исправлений на этапе 3.]
Что делать с полученным результатом?
Исправьте все нули, прежде чем тестировать что-либо на странице: эксперимент, проведенный на неисправном шаге, измеряет саму ошибку, а не вашу гипотезу. Единицы — это ваш список неисправностей для тестирования — реальные, но с сомнительным решением. Переоцените результат после внедрения исправлений, на тех же трех SKU.
Где эта рубрика дает сбой
Он разработан для розничной торговли физическими товарами. Цифровые товары, подписки, туристические предложения и настраиваемые B2B-продукты имеют другие определяющие атрибуты, и Gate 3 здесь не применяется: страница отеля или авиабилета имеет цены, зависящие от даты, которые эта рубрика не моделирует. Он также игнорирует привлечение клиентов — здесь ничего не оценивается по полноте структурированных данных, которая определяет право на размещение товара в списке. И он показывает, что не соответствует письменному критерию, а не почему конкретный пользователь колебался: он заменяет раунд оценки мнений, а не тестирование удобства использования.
FAQ
Сколько времени занимает эта проверка?
Примерно 40 минут на каждый артикул после согласования пороговых значений, то есть около двух часов на создание шаблона. Большая часть этого времени уходит на этап 3, поскольку логика доставки и установки различается в зависимости от типа продукта.
Кто должен им управлять?
Два человека независимо друг от друга оценивают одни и те же три товарные позиции, а затем сверяют только те проверки, где разница составляет более одного балла. Оценки, выставленные одним аудитором, смещаются в сторону того, что имеет значение для данного аудитора.
Означает ли низкий балл, что программа PDP обходится нам дорого?
Нет. Это показывает, какие этапы не соответствуют пороговым значениям, полученным на основе опубликованных исследований. Связь с доходом формируется на основе данных вашей собственной воронки продаж. Рубрика указывает, где искать, а не какова ее ценность.
Чем это отличается от аудита доступности?
Только пункт 10 является формальным критерием соответствия. Полный аудит WCAG также охватывает работу с клавиатурой, порядок фокусировки, контрастность и маркировку форм. Воспринимайте это как сигнал о необходимости проведения аудита доступности, а не как доказательство того, что вы его прошли.
Наша страница с описанием продукта отображается на торговой площадке или SaaS-платформе. Остаётся ли это актуальным?
Да, если сузить область исследования. Оцените всё, а затем разделите результаты на то, что контролируете вы (изображения, описание, характеристики, сбор отзывов), и то, что контролирует платформа. Нулевые значения, контролируемые платформой, станут предметом обсуждения с поставщиком с предоставлением подтверждающих доказательств.
Распространяются ли турецкие правила ценообразования на товары и услуги, если мы продаем их только внутри страны?
Да, независимо от того, где еще вы продаете, включая минимальную справочную цену за 30 дней и требование отображения рассрочки. Правило ЕС применяется только в том случае, если вы продаете в страны ЕС; при продаже в обе страны более строгие правила применяются один раз.
Запустите его в своем собственном каталоге.
На этой неделе оцените три товара (SKU) из собственного шаблона описания товара и посмотрите, совпадут ли результаты с вашими ожиданиями. Если же вы предпочитаете, чтобы анализ был проведен качественно, с сопоставлением результатов с заявками в техподдержку и прикреплением данных вашей воронки продаж, Обратитесь к нам за UX-аудитом..
Источники
- Институт Baymard — Сравнительный анализ пользовательского опыта на страницах продуктов, более 155 сайтов (18 марта 2026 г.)
- Институт Baymard — Оценка удобства использования страницы продукта
- Институт Baymard — Показатель отказа от покупки, 70.22% по результатам 50 исследований (22 сентября 2025 г.)
- Европейская комиссия - Руководство по статье 6а Директивы 98/6/EC
- Gun + Partners - Турецкие правила в отношении рекламы распродаж со скидками
- W3C — Понимание WCAG 2.2 SC 2.5.8 Целевой размер (минимальный)
- web.dev - Пороги взаимодействия для следующего этапа отрисовки
- Google Search Central — структурированные данные для размещения информации о продавцах.
