Project 2Intermediate
Design a mobile habit-tracking or wellness app
Design a calm, honest mobile app that helps people build one healthy habit without guilt, streak anxiety or manipulative notifications.
Progress is saved in this browser.
Stage 7 · Core · Intermediate
Interaction design and prototyping
Design how interfaces behave: feedback, patterns, forms, motion and realistic prototypes.
0%of this course
Progress is saved in this browser.
About this stage
Interaction design is about behaviour: what happens when someone taps, types, waits or makes a mistake. Good interactions match people's expectations and always show what is going on.
Before this stage Stage 6: UI design and design systems
Learning outcomes
- Use affordances, signifiers and feedback so actions are obvious and confirmed.
- Design forms and validation that prevent and explain errors.
- Apply motion purposefully and respect reduced-motion preferences.
- Build and evaluate a realistic prototype before implementation.
Lessons
-
Affordances and signifiers
How people know what they can do.
-
Feedback and system status
Keeping people informed.
-
Interaction patterns and mental models
Matching what people expect.
-
Navigation behaviour
Back buttons, deep links and preserving state.
-
Microinteractions
Triggers, rules, feedback and loops.
-
Forms and validation
Labels, input types, inline validation and error recovery.
-
Motion principles and reduced motion
Duration, easing and when to turn motion off.
-
Transitions and animations
Showing relationships between states.
-
Prototyping realistic user flows
Prototypes good enough to test with.
-
Avoiding confusing interactions
Hidden gestures, mystery icons and other traps.
-
Evaluating prototypes before implementation
Reviews and quick tests before code.