Концепт «Равномер»

Сопоставимые параметры помогают выбрать исполнение. Неизвестное значение остаётся неизвестным, а в запрос попадает именно выбранная модель.

Концепт-проект: «Равномер» — вымышленная компания. Результатов работы здесь нет: только решения и гипотезы.

О заказчике

Задача

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

Задача концепта — показать решение между уже найденными кандидатами. Поиск и подбор по требованиям находятся за границей макета; коммерческий результат и реальная точность приборов не заявляются. Значения придуманы для проверки состояния сравнения.

Риски исходного процесса

Несопоставимые единицы

Одинаковая величина отображается в общей единице после проверки смысла.

Пустое поле выглядит нулём

Состояние «не указано» отделено от значения «нет».

Заказан другой вариант

В действии видны модель и исполнение.

Решение

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

Удаление и восстановление модели показывают устойчивый список. Выбор для запроса сохраняет точный артикул; экран не превращает неизвестную точность в нулевую. На телефоне человек переключает сравниваемую модель рядом с базовой.

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

Как устроен продукт

  1. Выбранные модели. Исполнение, схема и артикул. Зачем: Связывает заголовок с конкретной позицией.
  2. Характеристики. Общие определения и единицы. Зачем: Даёт осмысленную строку сравнения.
  3. Режим различий. Одинаковые строки скрываются, неизвестные остаются. Зачем: Сокращает чтение без выдуманной полноты.
  4. Запрос выбора. Точный вариант и контекст сравнения. Зачем: Помогает продолжить диалог с менеджером.

Что помогает пройти сценарий

Общие определения

Сопоставление опирается на один справочник величин.

Неизвестное видно

Отсутствующее значение не подменяется отсутствием функции.

Точный выбор

Артикул сохраняется в следующем действии.

Ключевые сценарии

Найти различие

Сократить таблицу до существенных строк.

На входе: Выбраны три учебные модели.

  1. Открыть сравнение.
  2. Включить различия.
  3. Проверить единицы.
  4. Открыть пояснение неизвестного.

На выходе: Видны различия и пробелы в данных.

Если что-то пошло не так: Данных нет: строка не превращается в ноль.

Критерий приёмки: Равные нормализованные значения скрыты, неизвестное осталось.

Изменить список

Удалить лишнюю модель без потери остальных.

На входе: Один прибор не подходит по питанию.

  1. Удалить колонку.
  2. Проверить оставшиеся модели.
  3. Вернуть подборку.
  4. Продолжить сравнение.

На выходе: Список меняется предсказуемо.

Если что-то пошло не так: Осталась одна модель: видна подсказка о продолжении.

Критерий приёмки: Фокус и остальные идентификаторы сохранены.

Передать выбор

Запросить конкретное исполнение.

На входе: Покупатель выбрал модель RM-24.

  1. Проверить артикул.
  2. Уточнить неизвестный признак.
  3. Открыть запрос.
  4. Передать контекст сравнения.

На выходе: Менеджеру понятна выбранная позиция.

Если что-то пошло не так: Исполнение удалено: требуется явный новый выбор.

Критерий приёмки: В рабочем контуре заказ совпадает с выбранным вариантом.

Роли пользователей

Специалист по подбору

Сопоставить технические условия.

Какие различия существенны для установки?

Покупатель

Выбрать комплект без скрытых допущений.

Включён ли нужный компонент?

Каталог-менеджер

Исправить пробелы и источники.

Где неизвестное значение влияет на решение?

Как устроено технически

Модель каталога

Параметр, единица, источник и исполнение хранятся раздельно.

Список сравнения

Локальное или серверное сохранение выбирается по сценарию.

Коммерческий контур

Цена и доступность должны проверяться повторно перед оформлением.

Что входит в разработку

План реализации

  1. Исследование: реальные вопросы подбора и границы категории.
  2. Данные: определения, единицы и исполнения.
  3. Интерфейс: сравнение, различия и мобильное чтение.
  4. Приёмка: пробелы, удаление модели и точная передача в заказ.

Что замеряем после запуска

Стек

React, TypeScript, Справочник характеристик, API каталога.

Все кейсы · Услуга · Калькулятор стоимости

Интерфейс и рабочие состояния

Снимки самостоятельного HTML-прототипа: настольные состояния и телефон. Компания и данные вымышлены; внедрение и достигнутые результаты не заявляются.

Концепт «Равномер»: сравнение приборов, демонстрационные данные
Сравнение приборов — Колонки моделей и сопоставимые параметры. Авторский HTML-прототип 404gen, учебные данные.
Концепт «Равномер»: только различия, демонстрационные данные
Только различия — Сокращение таблицы с сохранением неизвестного. Авторский HTML-прототип 404gen, учебные данные.
Концепт «Равномер»: выбранное исполнение, демонстрационные данные
Выбранное исполнение — Контекст точного артикула перед запросом. Авторский HTML-прототип 404gen, учебные данные.
Концепт «Равномер»: сопоставление на телефоне, демонстрационные данные
Сопоставление на телефоне — Базовая модель и управляемый выбор второй. Авторский HTML-прототип 404gen, учебные данные.

Если у вас похожая задача

Исследование: реальные вопросы подбора и границы категории. Затем согласуем первую рабочую границу и критерии приёмки.

Что обсудим перед оценкой

  1. Какая категория требует сопоставления?
  2. Кто подтверждает смысл характеристик?
  3. Нужен заказ или запрос подбора?

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

Оценить похожую задачу

Сравнение товаров на сайте: характеристики и выбор

404gen — креативное digital-агентство полного цикла, работаем удалённо по всей России.

Телефон: +7 993 729-59-59 (пн–пт, 10:00–19:00 МСК). WhatsApp: +7 913 141-20-96. Telegram: @aporkulevich. Почта: ap@404gen.ru.