Brief 02 v2 · Quiz Play Engine · web · 9 spelers + 4 modus-shells

Eén ritme over negen vraagtypen — modus is chrome, niet content

V2 herschreven voor web/desktop (snapsnel.nl). Negen spelers landen onder één gedeelde HUD met 3-tier gametopia (altijd / conditioneel / on-demand). Toelichting altijd zichtbaar (gratis), hints progressief (25/50/75% kost), feedback inline (geen fullscreen overlays). Modus = chrome (kleur, badge, timer-zichtbaarheid) — content-mechaniek per vraagtype is identiek over Quiz/Oefentoets/Examensim.

A · Concept-rationale

De vorige iteratie had drie problemen: HUD-overload (5 metrics per scherm — tijd, punten, streak, voortgang, highscore — bij elke vraag), fullscreen feedback-overlays (onderbrekend; kostte 1.2s per vraag), en versnipperde feedback-paradigma's (MultiField had eigen toast, TableFill had inline rood, MC had modal). V2 unificeert dit via vier principes:

Leidende principes

Eén ritme over 9 typen

Setup → vraag-card → controleer-CTA → inline-feedback → volgende. Identiek voor alle vraagtypen, zodat de leerling zich op de inhoud richt, niet op de UI.

HUD = wat je nu nodig hebt

3-tier: altijd (voortgang+punten), conditioneel (timer alleen Examensim/timed-quiz, streak alleen ≥3×, flag alleen Examensim), on-demand (hint-knop).

Subtiel viert luider

Inline AnimatedFeedback in plaats van fullscreen modal. Geen confetti per vraag — alleen op streak-milestones. "+10" rijst boven de punten-pil.

Modus = chrome, niet content

Quiz = vol gekleurd / Oefentoets = ingehouden / Examensim = donker + flag-icoon + geen feedback. Vraag-mechaniek hetzelfde.

Vraagtype-kleuren (uit color-definitions.ts)

Elk vraagtype heeft een eigen kleur + icoon. In V2 gebruikt: 4px stripe bovenaan de question-card + badge in HUD. Kleur is cue, geen decoratie — het bouwt herkenning op (begrippen = blauw, MC = groen, etc).

Begrippen10pt

Multiple Choice10pt

Context15pt

Invulvelden10pt

Koppelen15pt

Volgorde12pt

Afbeelding15pt

Tabel18pt

Multi-veld20pt

B · Sleutel-states (canvas hieronder)

De canvas toont in 4 secties: HUD-anatomie, 9 vraagtypen, modus-shells, Feynman-globaal.

1. HUD-anatomie · 1 frame

Anatomie-frame — toont alle HUD-componenten met annotaties: type-badge, voortgang+timer, points-pill (streak fused).

2. Vraagtypen · 9 frames + Feynman

Begrippen (correct-state) · MC (3 sub-states: kiezen / fout-met-uitleg / goed) · Koppelen (tap-to-pair, halverwege)
Volgorde (na controle, partial) · Invulvelden (na controle, partial) · Context (Pulse evaluatie + correct)
Afbeelding (single-pin V1) · Tabel (mid-input) · Multi-veld (na controle, partial)
Feynman-globaal (dual-rubric volledigheid+duidelijkheid) — als 10e speler, beschikbaar over alle topics.

3. Modus-shells · 3 frames

Quiz-shell — vol pulse-blue HUD, streak-pill zichtbaar, geen timer, geen flag.
Oefentoets-shell — zelfde HUD-density, oefentoets-modus-tag, optionele timer.
Examensim-shell — donker thema, navy progress, flag-knop links, geen feedback (auto-submit), top-banner "stilte aub".

4. Examensim Pauze · 1 frame

Vraag-overzicht-grid · 40 vragen als 10×4 raster · status-kleur per vraag (beantwoord/leeg/gevlagd/huidig) · klik om te springen · timer loopt door.

C · Deviations vs huidige Snapsnelds

Bewuste afwijkingen, met reden. V1 conformity (Pulse-blue, Fredoka/Nunito, sidebar-rail, mode-badges) niet hier opgesomd.

Onderdeel	Huidig (referentie)	Jij (voorgesteld)	Waarom
HUD-density	5 metrics altijd zichtbaar (tijd, punten, streak, voortgang, highscore)	3-tier: altijd / conditioneel / on-demand. Highscore weg uit in-quiz, streak gefuseerd in points-pill.	Cognitieve load minus 40% op kleine schermen; focus op vraag
Feedback-paradigma	Fullscreen overlay 1.2s per vraag	Inline AnimatedFeedback (binnen question-card) · alle 9 typen unified	Behoudt context; sneller doorklikken; één paradigma over alle typen
Hint-mechaniek	Per-vraagtype eigen logica (sommige geen, MC heeft "50/50")	Unified 3-tier hint-systeem (25%/50%/75% punt-aftrek). Toelichting altijd gratis zichtbaar boven het invoerveld.	Voorspelbare cost; toelichting (vakcontext) is gratis omdat het scaffolding is, geen oplossing
Koppelen-interactie	Drag-and-drop (touch-only)	Tap-to-pair (mobile-first werkt ook op web). Eerst tik links → activeert; dan tik rechts → koppel.	Werkt over devices; minder error-prone bij scrollen; matched-paren krijgen typekleur
Examensim-flag	Niet aanwezig (geen vlag-mechaniek)	Flag-knop linksboven (alleen Examensim) + Pauze-grid met flag-status	Examen-realisme: studenten moeten kunnen markeren-en-terugkomen, net als op echte CITO/CSE
Streak in HUD	Aparte chip naast points	Gefuseerd in points-pill (alleen ≥3× zichtbaar)	Eén "score-object" ipv twee; streak ≤2 is ruis, niet motivatie
Beeldvraag (10e type)	Niet aanwezig in BE	V1: single-tap-pin met crosshair. Gepind = teal-marker, klik opnieuw = verzet. Backend-flag indien type nog niet ondersteund.	Greenfield kans; aansluiten op anatomie/aardrijkskunde/biologie waar visueel pinpointen kerncompetentie is

HUD-density: voor → na

Voor — 5 metrics

Vraagteller (3 / 20)
Punten
Streak (altijd zichtbaar)
Timer (altijd zichtbaar)
Highscore (in-quiz)

Na — 2 altijd + 3 conditioneel

Vraagteller + voortgangsbalk · ALTIJD
Points-pill (streak fused, ≥3×) · ALTIJD
Timer · alleen Examensim/timed-quiz
Flag-knop · alleen Examensim
Hint-knop · on-demand (klik om te tonen)

D · Decisions (challenge-antwoord op metrics-discussie)

Per metric: behouden, fuseren, conditioneel maken, of weg.

1 · Voortgang (vraag X / Y) — BEHOUDEN, ALTIJD ZICHTBAAR.
Cognitief anker. Zonder weet je niet hoe ver je bent. Wel: één regel "Vraag 5 van 20" + dunne voortgangsbalk; geen percentage-getal apart.

2 · Punten — BEHOUDEN, +Δ animatie.
Points-pill rechtsboven, vol Pulse-blue. Bij goed antwoord verschijnt +10 als groene float-up boven de pil (0.6s ease-out). Levert micro-reward zonder fullscreen-celebration.

3 · Streak — FUSEREN IN POINTS-PILL, conditioneel ≥3×.
Onder 3× is een streak ruis (psychologisch: je bouwt 'm pas vanaf 3 op). Vanaf 3× verschijnt het vlam-icoon links in de pil, gescheiden door een verticale lijn: 🔥 3× | 64 punten. Eén score-object, niet twee.

4 · Highscore — WEG UIT IN-QUIZ.
Highscore is review-context, niet play-context. Hoort op de result-screen ("Nieuw record!" als je 'm verbreekt). In-quiz is het stress-trigger zonder waarde — je weet niet of je 'm gaat halen tot het einde.

5 · Timer — CONDITIONEEL ZICHTBAAR.
Quiz default = geen timer (oefenen, geen druk). Oefentoets = timer alleen als gebruiker 'm aanzet. Examensim = timer altijd, navy, kleurt rood <1 min. Klok-icoon links van de cijfers.

6 · Pause — VERPLAATST naar Exit-modal (X linksboven).
Geen aparte pause-knop in HUD. Klik X → modal "Stoppen?" met opties: Doorgaan / Opslaan & later / Stoppen zonder opslaan. In Examensim opent X de Pauze-grid (sectie 4 op canvas). Bespaart HUD-real-estate en voorkomt verwarring "wat is pause vs stop?".

Open vragen aan jullie (ronde 2)

1 · Beeldvraag-V1 reikwijdte: alleen single-tap-pin (huidig voorstel)? Of moeten we ook multi-pin (3 pins op kaart-NL) of region-select (omcirkelen) meenemen? Backend-impact onbekend — graag check met BE-team.

2 · Hint-cost-curve: 25/50/75% is exponentieel. Robin opperde lineair (10/20/30%). Beide werken, maar 25/50/75 dwingt commitment ("75% kwijt is zwaar — alleen als ik écht vastzit"). Welke voelt fair voor 12-18 jarigen?

3 · Streak-fusion-threshold: 3× is gokwaarde. Bij 2× ook al tonen? Bij 5×? Telemetrie nodig om te beslissen — kunnen we A/B-testen of begin V1 met "3" en bijstellen?

4 · Examensim-flag-cap: ongelimiteerd flaggen of cap op 5? Echte CITO heeft geen cap, maar UX kan rommelig worden bij 30 vlaggen. Voorstel: geen cap, maar in pauze-grid sortering "alleen gevlagd".

5 · Feynman als 10e type of als globale modus? Huidig voorstel: globale "Leg uit"-toggle die op elke topic gestart kan worden (geen los vraagtype in mix). Robin's input gewenst.

6 · Toelichting-zichtbaarheid: altijd zichtbaar (huidig) of klap-uit met "wat is dit?"-knop? Argument vóór altijd: scaffolding hoort gratis te zijn. Argument tegen: tonen-by-default = mentale ruis op hard-knowing-students.