20 lines
822 B
Markdown
20 lines
822 B
Markdown
|
# Variant: Formulario — Configure Surface
|
||
|
|
|
||
|
|
## Design stance
|
||
|
|
Progressive disclosure through logical sections: identification, device info,
|
||
|
|
purchase, assignment, notes. Required fields marked clearly, inline validation.
|
||
|
|
|
||
|
|
## Key choices
|
||
|
|
- **Layout:** Single-column form card, 2-column grid within sections
|
||
|
|
- **Typography:** Clear section headers, field labels with required markers
|
||
|
|
- **Color:** Minimal — white card on light gray background, red for required/errors
|
||
|
|
- **Interaction:** Real-time validation, "Save and Add Another" for batch entry
|
||
|
|
|
||
|
|
## Trade-offs
|
||
|
|
- Strong at: Clear data entry flow, reduced errors, batch-friendly
|
||
|
|
- Weak at: Long form on small screens (needs responsive stacking)
|
||
|
|
|
||
|
|
## Best for
|
||
|
|
Staff entering new devices — the form guides them through required fields
|
||
|
|
and offers shortcuts for batch entry.
|