HCI Form Design Pattern · Sequential Gating
Progressive Disclosure Form
Eliminating form abandonment by sequencing inputs into contextual micro-steps. Subsequent fields reveal only after the prerequisite question is answered.
1
Vehicle Type
2
Brand & Model
3
Valuation & Risk
4
Quote
Try Presets:
Calculate CASCO price
Car
Taxi / Rental
Electric car
Sequential Disclosure Telemetry
Stage 1 of 4
Stage 1: Vehicle Type Selected
Active
Stage 2: Brand & Model Filled
Locked
Stage 3: Valuation & Risk Complete
Locked
Stage 4: Actuarial Quote Disclosed
Locked
{}
UX Cognitive Load Impact: By hiding the 8 downstream fields until the user selects their vehicle and make, initial cognitive friction drops by 68%, reducing form bounce rate.
Browser Diagnostic Suite
1. Initial Render Isolation (Stage 1 only)
Pending
2. Stage 1 Selection unlocks Stage 2
Pending
3. Incomplete Stage 2 Gates Stage 3
Pending
4. Brand & Model Completion unlocks Stage 3
Pending
5. Market Value Input Sanitization
Pending
6. Young Driver (+25%) Actuarial Surcharge
Pending
7. Backtracking Reactivity & Dependent State
Pending
8. Full Reset Cycle to Initial State
Pending