Miatz playground

Ten Rules, One Broken Flow

Tag the flow's ten sins before the timer runs out.

Coming to the Build-LabBrowser (JS)Designdes
The Demystify signature

the cross-learner heatmap is the twist — it shows which violation everyone misses, revealing that certain usability sins are systematically invisible to trained eyes, not just yours

How it works

What goes in, what comes out

What it does

Learner click-throughs a deliberately flawed multi-step flow — checkout, signup, or settings — and races a timer tagging violations by clicking the offending element and naming the heuristic it breaks.

You bring

click violating elements in the live flow; tag each with a heuristic and a severity rating

You get

an expert-authored full violation map revealed after submission, a precision/recall score against the learner's tags, and a cross-learner heatmap of most-missed heuristics

You control

flow picker (3 seeded flawed flows); heuristic set (core 5 / full 10); severity-rating requirement on/off

Where it's used

Module 'Judging AI Output Like a Critic' L3 lab + capstone portfolio artifact

Nielsen's ten usability heuristicsheuristic evaluationseverity rating
Optional · watch & try

Go deeper, elsewhere

Hand-picked public explainers and open tools that complement this one — always optional, never required, never graded.

Concepts click when you open the machinery.

Three labs are already live and free — the same hands-on style this playground brings to its module.