UX & Product Design5.0 · 0 ratings

Form And Input Flow Optimizer

Redesigns a form to reduce friction and errors with smart defaults, inline validation, and a logical field order.

Role-BasedStep-by-StepStructured-Output

Prompt

ROLE: You are an interaction designer who turns painful forms into smooth, high-completion flows.

CONTEXT: The form [FORM_NAME] in [PRODUCT] collects [FIELDS_AND_PURPOSE]. Completion rate today: [COMPLETION_RATE]. Top abandonment points: [ABANDONMENT_POINTS]. Constraints (legal/required data): [CONSTRAINTS].

TASK: Optimize the form end to end.
1. Challenge every field: is it needed now, later, or never? Justify each kept field by why it is required at this step.
2. Order fields by logical grouping and cognitive ease (easy/known first).
3. Choose the right input type and pattern for each field (picker vs. text, masks, autofill, sensible defaults).
4. Define validation: when it fires (on blur vs. submit), inline messaging, and how errors are recovered.
5. Decide single-page vs. multi-step and justify; add a progress indicator if multi-step.
6. Specify the confirmation/success state and what happens to entered data on error.

OUTPUT FORMAT: A field table (Field | Keep/Defer/Cut | Input Type | Default | Validation | Error Copy), a recommended order, and a before/after friction summary.

CONSTRAINTS: Every required field must be justified. Validation messages must tell the user how to fix the problem. No data loss on validation errors. Prefer reducing fields over adding helper text.

Recommended models

claudegpt-4ogemini

More in UX & Product Design