forms

Decision time grows logarithmically with the number of equally likely choices, so the tenth option costs far less than the second.

LAW·001Law · Decision making

Working memory holds a small number of chunks, so the design lever is what counts as a chunk, not the raw item count.

LAW·004Law · Memory

Every system has irreducible complexity. The only question is whether the user absorbs it or the product does.

LAW·005Law · Complexity

Unfinished tasks stay mentally active, which is why visible progress pulls people back to complete them.

LAW·010Law · Motivation

Be liberal in what you accept and conservative in what you send, which for interfaces means accepting messy input and returning clean output.

LAW·012Law · Robustness

Work expands to fill the time available, which is why open-ended tasks in an interface tend to sprawl.

LAW·013Law · Behaviour

Better than a good error message is a design in which the error cannot occur.

HEUR·005Heuristic · Nielsen heuristics

Recognising something on screen is far easier than remembering it, so keep the information visible.

HEUR·006Heuristic · Nielsen heuristics

Error messages should say what happened, why, and what to do next, in plain language.

HEUR·009Heuristic · Nielsen heuristics

Show the common case first and reveal the rest on request, so complexity is available without being present.

PRIN·003Principle · Complexity

Restricting what is possible is the cheapest way to prevent an entire class of error.

PRIN·009Principle · Interaction

The claim that decision quality degrades over a sequence of choices. Popular, intuitive, and on much shakier experimental ground than its usage suggests.

PSY·010Psychology · Attention and effort

Things placed close together are read as belonging together, before anything is read.

FND·004UI foundation · Gestalt principles

How many vertical divisions the content occupies, which affects scanning as much as it affects fit.

FND·040UI foundation · Layout

Lines that separate, which should be the second choice after space rather than the first.

FND·047UI foundation · Form and depth

Suggestions as the user types, which turns recall into recognition when it is fast enough.

PAT·003Pattern · Finding

Checking input at the right moment, which is rarely while the user is still typing.

PAT·007Pattern · Forms

Actions that remove or destroy, which need separation in space, distinct styling and a recovery path.

PAT·009Pattern · Safety

Breaking a long task into steps, which reduces per-screen load but adds navigation cost and abandonment points.

PAT·016Pattern · Forms

Triggers an action. If it navigates somewhere, it should be a link instead.

CMP·001Component · Actions

Free-form entry, where the label, the hint and the error placement do most of the work.

CMP·003Component · Forms

Choosing one option from a known set, which is the wrong control below about five options.

CMP·004Component · Forms

Independent on or off choices, where the label is part of the target.

CMP·005Component · Forms

One choice from a small visible set, where seeing all the options is the point.

CMP·006Component · Forms

An immediate on or off setting, which must actually take effect immediately.

CMP·007Component · Forms

Selecting from a continuous range, which is imprecise by nature and needs a numeric partner.

CMP·008Component · Forms

One of the hardest components to get right, and one where typing is often faster than picking.

CMP·009Component · Forms

A persistent message tied to a context, which is where anything requiring action belongs.

CMP·015Component · Feedback

Parallel views in one space, which works only when users never need to compare across them.

CMP·016Component · Navigation

Content revealed below a trigger, a term that covers three different components and causes confusion.

CMP·019Component · Navigation

Signing in is a gate in front of the thing people came for, so every decision is about removing steps without removing safety.

PAT·023Pattern · Account

The most scrutinised form in any product: total cost visible early, card entry forgiving, and failure states specific.

PAT·024Pattern · Commerce

Shows where the reader is in a sequence, how much is left, and whether they can move between steps.

CMP·029Component · Navigation

Say what happened, why if you know, and what to do next, in that order and in plain language.

WRT·002UX writing · UX writing

Writing that does not exclude, misgender or make assumptions about the person reading it.

WRT·005UX writing · UX writing

Designing so the product can be adapted to other languages and regions without being rebuilt.

WRT·006UX writing · Localisation

Label the outcome, not the mechanism, and make the label make sense read on its own.

WRT·008UX writing · UX writing

Say what the field wants, why it is needed, and what format is acceptable, before the reader gets it wrong.

WRT·009UX writing · UX writing

Deliberately moving focus when the interface changes, so keyboard and screen reader users are not stranded.

A11Y·004Accessibility · Operable

Telling assistive technology that something changed, when focus did not move to say so.

A11Y·009Accessibility · Robust

Colour may reinforce meaning but must never be the only thing carrying it.

A11Y·010Accessibility · Perceivable

Errors must be identified in text, described specifically, and accompanied by a suggested fix where one is known.

A11Y·016Accessibility · Understandable

Every input needs a persistent label, and format requirements must be stated before the user types.

A11Y·017Accessibility · Understandable

A retailer required registration before purchase to build its customer database, and lost the sales it was trying to capture data about.

CASE·001Case study · Ecommerce

Splitting a long form into steps did not raise completion until the team also saved progress and let people come back.

CASE·009Case study · Forms

A review pass for any form, covering structure, labelling, validation, errors and accessibility.

CHK·001Checklist · Forms