openskills.info
Course catalog
Open Course

Interaction Design

Interaction design defines how people and interactive systems communicate through actions, states, feedback, and recovery. It turns a task into a usable flow and tests whether people can understand, control, and complete it.

itWeb development

Don't Panic — Interaction Design

Interaction design is the part of a product that decides how a person and a system take turns. A screen is a photograph of one moment. Interaction design is the slightly more demanding business of deciding what happens before, during, and after that moment, including the occasions when the system has misplaced its confidence and needs to admit it.

The useful shape is an interaction loop: intent, opportunity, action, state change, feedback, interpretation. Someone wants something done. The interface makes an action noticeable. They act. The system changes state, or declines to. The interface explains enough for the next decision. If any link vanishes, a person is left performing the ancient computing ritual of clicking again and hoping the second click has a better temperament.

The key term is state: a condition that changes which actions, information, or feedback are available. An email-change form is not merely on one screen. It can be editing, invalid, submitting, awaiting verification, verified, or failed. A transition needs a trigger, a guard, an effect, feedback, and a way to recover or reverse the action. That is why an attractive prototype can still be unconvincing. It may show the happy route while saying nothing useful about a timeout, a denied permission, or work that is still pending.

Input is also broader than a pointer. Keyboard focus, touch precision, dragging alternatives, reduced motion, and programmatic status feedback all change whether the same conversation is available. A prototype has a job, not a medal for looking finished: paper can test order and labels; a stateful prototype can test branches and recovery; code is needed when the question involves browser behavior, focus, device input, or assistive technology.

Start with the Cheatsheet when you need a state or transition checklist. Use the Practice Reference and Exercise to turn a flow into a behavior specification and a test task. The slides keep the whole loop in view. The Quiz distinguishes a plausible review finding from evidence. From there, the Reference links lead into accessibility guidance, prototypes, heuristics, and moderated testing. The system is not asking for magic. It is asking that every action have an honest consequence.

Where this skill leads

Relevant careers

See how this topic contributes to broader role-level skill maps.

Sources