Practice

Show the missing state

Train your eye for controls that explain what is possible, what changed, and what needs attention.

Visual comparison

Which component set communicates state clearly?

One set only shows the happy path. The other includes selected, loading, focus, and error feedback.

Select an option to see the design reasoning.

Spot the problem

This settings card is almost usable, but one state is underspecified. Pick the area that needs clearer feedback.

Choose the state that leaves the user guessing

Select a state area to diagnose.

Reflection prompt

Write one sentence: “I would add a clearer ___ state so the user knows ___.”

Next step

Finish this practice and move directly to the next part of the guided path.