# Form UX

> Design forms that minimize friction, prevent errors, and help users complete input tasks successfully. Use when creating or improving signup, settings, checkout, application, or any data-entry experiences.

- Skill: `itsual/form-ux` (Agent Skill)
- Install (CLI): `npx skillmds@latest add itsual/form-ux`
- Raw SKILL.md: https://api.skillmd.com/api/skills/itsual/form-ux/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Coding & Dev Tools
- Author: itsual (https://skillmd.com/u/itsual)
- Updated: 2026-09-21
- Page: https://skillmd.com/skills/itsual/form-ux

---


# Form UX

## Overview

Forms are where users do work. Every field has a cost. Good form UX collects only what’s needed, in a logical order, with clear guidance and recovery from mistakes.

## When to Use

- Signup, onboarding, and profile flows
- Checkout and payment forms
- Settings and configuration screens
- Multi-step applications or wizards

## Core Practices

- Ask only for information you will use
- Group related fields and use clear sectioning
- Prefer sensible defaults and smart defaults from context
- Validate inline when helpful; don’t punish mid-typing
- Write labels, help text, and errors that enable completion
- Design for keyboard, autofill, and accessibility

## Principles

- One column layouts are usually easier than multi-column
- Mark required fields clearly; don’t surprise users at submit
- Error messages should say what happened and how to fix it
- Progress indicators help in multi-step forms
- Mobile forms need especially careful field types and keyboards

## Verification

- [ ] Users can complete the form without external help
- [ ] Errors are recoverable and specific
- [ ] Only necessary fields are required