Учебный проект

Форма заявки на подбор японских запчастей

Что было не так

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

Исходная форма заказа японских запчастей с техническими характеристиками автомобиля, контактами и адресом
  1. По заголовку и кнопке непонятно, это заказ или заявка на подбор.
  2. Форма повторяет устройство автомобильного каталога и просит технические сведения, которые человек может не знать.
  3. VIN и свойства автомобиля запрашиваются одновременно, хотя часть характеристик можно определить по идентификатору.
  4. Пустой чекбокс не различает «этого нет» и «я не знаю».
  5. Адрес и данные получателя запрашиваются раньше, чем выбраны детали.
  6. Табличная сетка делает строки равнозначными и скрывает порядок заполнения.

Перестроила форму вокруг заявки

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

Что исправили

Форма с включённым вариантом ввода VIN или номера кузова
Сначала — детали и автомобиль. Человек описывает, что ему нужно. Если он знает VIN или номер кузова, этого достаточно для первого обращения.
Форма с ручным вводом марки, модели, года выпуска и марки двигателя
Без номера можно продолжить. VIN не блокирует заявку: автомобиль можно описать вручную.
Заполненная форма с телефоном, появившимся полем города и активной кнопкой
Для ответа достаточно одного контакта. Город появляется вместе с телефоном, чтобы учесть часовой пояс. Подсказка у кнопки объясняет, чего не хватает или что произойдёт дальше.

Попробовать форму

Поля, переключение сценариев, подсказки и валидация работают. Заявка никуда не отправляется.

Подбор запчастей для японских автомобилей

Найдёте в СТС или ПТС

Как с вами связаться

Укажите телефон, почту или оба способа связи