Game 1 · Device → Category
Drag each item into the correct category. Covers 1.2.1 a–e.
Virtual reality & 3D visualization
Physical devices (sound/smell/sensors)
Memory capacity
Processing speed
I/O devices for interactive users
Game 2 · Interface Styles Quiz
Identify CLI, WIMP, Natural Language, Menu, Forms fill, Web navigation, 3D. Covers 1.2.2.
Score Progress
Game 3 · Interaction Models
Explore Norman’s Execution–Evaluation Cycle and the Interaction Framework. Covers 1.2.4.
Norman’s 7 Stages
- Forming the goal
- Forming the intention
- Specifying an action
- Executing the action
- Perceiving system state
- Interpreting system state
- Evaluating outcome
Interaction Framework (Abowd & Beale)
User ⇄ Input ⇄ System ⇄ Output (articulations & translations)
Quick Quiz (2 Qs)
Which stage compares goals with outcomes?
In the Interaction Framework, which component presents feedback?
Micro-Challenge
Order these steps from Norman’s cycle (drag left→right):
Game 4 · Which Interface Fits?
Match tasks to the most suitable interface style. Covers 1.2.2.
CLI
Menu
Forms fill
Natural language
WIMP
3D
Game 5 · Ergonomics Inspector
Spot good vs. poor ergonomics. Covers 1.2.3.
Adjust the Setup
Target: Elbow angle ≈ 90°, Screen top ≈ eye level, 20–28" viewing distance.
Chair height: 50 cm
Screen height: 60 cm
Distance to screen: 55 cm
Game 6 · Web Navigation Builder
Arrange steps to reach a goal efficiently. Covers 1.2.2 f.
Build your breadcrumb (left→right)
Game 7 · Forms Fill UX
Experience form feedback and constraints. Covers 1.2.2 e.
Inline Guidance
- Use helpful placeholders and clear constraints.
- Validate early; show precise error messages.
- Group fields; keep primary action visible.
Game 8 · I/O & Memory Impact
Simulate perceived latency from I/O throughput, memory, and CPU. Covers 1.2.1 a–e.
I/O MB/s
Memory (GB)
CPU (ops/ms)
What’s Happening
Estimated response time = transfer_time + compute_time + overhead.