Сравнение товаров: единицы, пустые поля и реальные различия
Таблица сравнения товаров должна сопоставлять одинаковые свойства в согласованных единицах, а не просто подсвечивать разные строки текста. Значения «1000 Вт» и «1 кВт» могут быть равны, а одинаковое число для номинальной и максимальной мощности — описывать разные вещи. Пустое поле нужно показывать как отсутствие сведений, не превращая его в ноль или подтверждённое отсутствие функции.
Сначала решите, какие товары вообще сравниваются
Покупатель выбирает не таблицу, а подходящий предмет. Если в сравнение попали разные подтипы оборудования, часть строк может не иметь общего смысла. Определите область: какие категории допустимо сопоставлять и какие свойства для них общие. Несопоставимые товары можно объяснимо разделить, вместо того чтобы заполнять половину экрана неоднозначными прочерками.
В справке 1С-UMI сравнение описано как таблица характеристик с добавлением из категории или карточки и дальнейшим переходом к заказу. Это пример пользовательского сценария. Правила приведения единиц и обработки пустых значений из этой страницы не следуют: их нужно определить для собственного каталога.
У характеристики есть смысл, а не только название
Разведите внутренний идентификатор свойства, отображаемую подпись, тип значения и единицу. Укажите, к какому объекту относится величина: одному изделию, комплекту или упаковке. Для режима работы полезно хранить отдельное уточнение, например «номинальный», чтобы импорт не слил его с максимальным значением только из-за похожего имени поля.
Сохраняйте исходные сведения и источник. Если нормализация дала неожиданный результат, редактор должен увидеть, что поступило от поставщика и по какому правилу было преобразовано. Нельзя исправлять неоднозначную характеристику догадкой ради красивой таблицы. Такие правила желательно согласовать до разработки интернет-магазина, иначе интерфейс начнёт скрывать проблемы справочника.
Учебный пример нормализации
Все товары и характеристики ниже вымышлены и нужны для проверки функции. Приставка kilo означает множитель 1000 в таблице SI NIST. Приведение допустимо только для одинаковых по смыслу величин; таблица не доказывает совместимость устройств или преимущество конкретной модели.
| Свойство | Учебное значение А | Учебное значение Б | Правило сопоставления | Что показать |
|---|---|---|---|---|
| Номинальная мощность | 1000 Вт | 1 кВт | Одинаковый смысл, единая единица | Равные значения: 1000 Вт и 1000 Вт |
| Масса одного изделия | 800 г | 0,8 кг | Привести массу одного и того же объекта к граммам | Равные значения: 800 г и 800 г |
| Мощность в разных режимах | Номинальная 1000 Вт | Максимальная 1000 Вт | Смысл режима различается | Отдельные строки или пояснение несопоставимости |
| Подтверждённое число входов | 0 | Сведений нет | Число не равно отсутствию данных | 0 и «не указано» |
| Рабочий диапазон | От 10 до 20 условных единиц | 15 условных единиц | Диапазон не заменяется средним числом | Показать разные формы без заявления о равенстве |
| Функция в выбранной комплектации | Подтверждено отсутствие | Данные не получены | Отсутствие функции и неизвестность различаются | «Нет» и «не указано», с доступным пояснением |
Не сравнивайте отображаемые строки напрямую. Пробел, десятичный разделитель и единица могут отличаться при равном значении. Но и механически удалять все символы нельзя: вместе с ними пропадут знак диапазона, уточнение режима или единица. Нормализация должна знать тип свойства и отвергать неоднозначное преобразование.
Три разных состояния вместо одного прочерка
Подтверждённое значение
Число, диапазон или перечисление принимаются только в контексте соответствующего свойства. Если ноль является допустимым фактическим значением, сохраните его как ноль. Не используйте его по умолчанию для пустого поля. Для значимых признаков полезно знать, по какому источнику и для какой комплектации они подтверждены.
Неизвестно
Отсутствие данных говорит о полноте карточки, а не о качестве товара. Покажите «не указано» или другое понятное обозначение с одинаковым смыслом во всём каталоге. Режим «показать различия» не должен превращать такую пустоту в доказанный проигрыш модели. Если признак важен для покупки, предложите уточнить его, не подставляя предположение.
Не применяется
Некоторое свойство неприменимо к выбранному подтипу изделия. Это третье состояние, которое нельзя смешивать с неизвестным. Объясните причину, если она неочевидна покупателю. Для сравнения разных категорий заранее определите, показываются ли такие строки вообще или пользователь получает предложение выбрать более однородный набор.
Показывать различия нужно после приведения данных
Сначала приведите сопоставимые значения, затем решайте, есть ли содержательное отличие. Два формата одной величины не должны создавать лишнюю подсветку. Если исходная точность различается, выберите правило отображения, которое не добавляет выдуманную точность. Округление ради компактного вида не должно молча менять результат сравнения.
Не делайте универсальный рейтинг по принципу «число больше — товар лучше». Для массы, мощности, размера и расхода смысл предпочтения зависит от задачи. Таблица может показать отличие, но вывод о пригодности требует отдельного критерия пользователя. Похожесть характеристик также не подтверждает взаимозаменяемость деталей, программную поддержку или совместимость разъёмов.
На телефоне нельзя терять принадлежность значения
При горизонтальной прокрутке человеку нужно понимать, какое изделие находится над столбцом и какое свойство — в строке. Выберите способ сохранять этот контекст: закрепление, повтор подписи или другую проверенную компоновку. Сам факт наличия прокрутки ещё не означает, что таблицей удобно пользоваться.
Проверьте удаление товара, смену комплектации и переключение режима различий. После изменения набора значения не должны остаться под чужим заголовком. Если сравнение открыто из старой сохранённой ссылки, обозначьте недоступную модель, а не заменяйте её другой без объяснения. Длинное название и неизвестное значение должны оставаться различимыми в узком окне.
Комплект для приёмки сравнения
- Соберите вымышленные карточки с равными значениями в разных единицах, разными режимами и одинаковыми числами. Зафиксируйте ожидаемое сравнение.
- Добавьте ноль, неизвестность и неприменимость. Проверьте, что каждое состояние имеет своё понятное обозначение.
- Проверьте диапазон, текстовое перечисление и неоднозначную строку. Ошибка данных не должна превращаться в произвольное число.
- Откройте режим различий и сравните подсветку с приведёнными значениями, а не исходными строками.
- На узком экране измените набор товаров и комплектацию. Убедитесь, что заголовки и значения сохраняют принадлежность.
- Сверьте источник характеристик после обновления каталога. Изменения должны проходить те же правила нормализации, что и первоначальные данные.
Для реализации могут понадобиться разработка сайта и интеграция каталога через API, но исходная задача начинается со справочника свойств. Передайте разработчику определения, правила неизвестности и учебные пары из таблицы. Тогда приёмка будет проверять смысл сравнения, а не только число колонок и цвет подсветки.
Вопросы и ответы
Как сделать сравнение товаров на сайте полезным?
Сопоставляйте одинаковые характеристики с учётом единиц, режима и комплектации. Дайте пользователю понятное объяснение неизвестных значений и сохраните принадлежность каждой ячейки товару.
Что проверить в примере product comparison table?
Возьмите равные величины в разных форматах, разные величины с одинаковым числом и пустые поля. Таблица должна различать эти случаи до подсветки отличий.
Как проверить дизайн таблицы сравнения на телефоне?
Проследите, понятны ли название товара и свойство при прокрутке. Затем удалите модель и измените комплектацию: значения не должны оказаться под чужими заголовками.