WIREFRAME — Criterion · The Scorecard (Screen 3 of the Practice flow)

Desktop-first web app · narrow centred column · Authenticated · Reached from Interview → End & see score · No design applied — structure, hierarchy, and copy intent only

Where this sits in the flow
Home Set up Interview Scorecard Debrief
This is the screen the whole product argues for: an AI judgment you can read, trust, and talk back to. If a viewer remembers one frame from Criterion, it should be this one.
Stepper header
◎ Criterion
Set up ✓ — Interview ✓ — Score — Debrief
Headline — overall score is PROVISIONAL by design
Your scorecard · Senior PM
6.7 / 10
provisionalopen to challenge
Disagree with any of these? Say so.
Every score below links to the exact words that earned it. If one feels wrong, challenge it — it'll re-evaluate right here, in the open.
Criterion card — HERO (low-confidence, primed to be challenged)
● provisional Handling ambiguity
Confidence Medium · weight 15%
5.0
Why this score: you narrowed the scope, but didn't state the assumption you were making or what would change your mind. (1 quote · Q3)
Evidence (expanded)
Q3"I'd narrow it to the riskiest segment and move."▶ 6:18
Only one short quote matched — that's why confidence is Medium, not High. Confidence is a function of evidence, not a vibe.
Criterion cards — the rest (same anatomy, lighter weight; all still challengeable)
StateCriterionConf.WtScore
● scoredProduct sense (3 quotes)High30%7.5
● provisionalStructured thinkingMedium25%6.0
● scoredCommunicationHigh20%8.0
● thinSelf-awarenessLow10%6.0
Every row expands to the same "Why + evidence quotes + Challenge" pattern as the hero card. No score is exempt from being contested.
Integrity banner — always visible
⛨ Roughly 1 in 4 challenges hold or lower the score — a real re-evaluation, not a rubber stamp. When evidence can't settle it, Criterion returns human review ⚑ rather than faking certainty.
The challenge flow (inline, 4 steps)
StepWhat the user sees
1 · Make your caseReason chips + free-text box
2 · Re-evaluateSpinner + visible checks against transcript/rubric/confidence
3 · ReasoningPlain-language explanation of the decision
4 · Outcomeup · hold · lower · human review
Happens in place, inside the card — never a new page. The argument stays next to the thing being argued about.
Four possible outcomes (all legitimate)
OutcomeSignal
Revised upe.g. 5 → 7, confidence rises
Heldunchanged, with reasons shown
Loweredre-reading hurt the case — reasons shown
Human reviewevidence can't settle it; defer to a person
"Lower" and "human review" MUST be real, reachable outcomes — or the whole promise is theatre.
Confidence = evidence (dot states)
DotMeaning
● scoredfirm, multiple matched quotes
● provisionalmatched but thin / medium confidence
● thinlow confidence — "show me more," not "you failed"
Overall score (spec)
total = Σ (criterion_score × weight)
weights set by the user on Set up
label = "provisional" until all criteria firm
a held/revised challenge updates total live
States to cover in Figma
  • Card collapsed / evidence expanded / challenge open
  • Re-evaluating (spinner) state
  • Each of the 4 outcomes
  • Low-confidence ("thin evidence") card
  • Evidence → Moment Replay overlay

Wireframe notes — for Figma reference