Brief 05 · Oefenen-pijler · AI Wizard · Ronde 1 — vrij ontwerp, geen Snapsnelds-referentie

Eén canvas, geen wizard.

Een 14-jarige met een schrift-foto en 30 seconden tijd zit niet te wachten op een 9-step flow. Mijn voorstel voor Ronde 1: Phase 1 op één canvas (modus + bron + scope tegelijk zichtbaar), Pulse als coach in de side-rail, een verhalende generation-fase met expliciete refund-belofte, en Phase 2 als card-stack met peek i.p.v. lange lijst.

Twee kernkeuzes vooraf: (1) geen mode-keuze als eerste afzonderlijke stap — modus, bron en scope leven naast elkaar zodat je de impact van keuzes onmiddellijk in de cost-bar voelt. (2) Conversational waar 't moet, form-based waar 't kan — Pulse stelt alleen vragen als de input écht ambigu is (bv. PDF met 4 hoofdstukken). Default = direct.

A · Concept-rationale

De doelgroep is smartphone-native en gewend aan TikTok/Instagram-affordances: één scherm met alles in beeld, peripheral peeks, snelle scrub-acties. Een 9-step wizard met een formuliertje per stap voelt voor 12-18 als een schoolopdracht — precies wat je wil vermijden bij de feature die juist 'spelen' moet voelen. Daarom collapsen we Phase 1 naar één scherm met drie expliciete secties: modus, bron, scope. De cost-bar onderaan is de echte doorlopende affordance — verandert de modus, dan ploft het credits-getal. Pulse zit rechts als coach, niet als gatekeeper. Voor Phase 2 hebben we hetzelfde principe: focus + peek i.p.v. accordion of full-list, zodat 30 vragen niet voelen als 30 inbox-items om af te handelen, maar als een stapel kaarten waar je doorheen swipt.

Leidende principes

Eén scherm, drie secties

Phase 1 is geen multi-step wizard. Modus, bron, scope op één canvas — impact van keuzes is direct zichtbaar in de cost-bar.

Pulse coacht, blokkeert nooit

Pulse zit rechts als zachte coach met mood-mapping uit Brief 02. Geen verplichte chat-stap, geen beat-by-beat dialoog. Wel: ambiguity-resolution wanneer 't echt nodig is.

30 sec wachten = verhalend

4 fases (Lezen → Begrijpen → Vragen maken → Controleren) met inhoudelijke hints ("480 woorden gevonden"). Geen lege spinner. Cancel = expliciet refund.

Stack-view, geen lijst

Phase 2: één focus-card centraal, peek-cards links/rechts (vorige/volgende). Status via gekleurde linker rand, niet via badge-clutter. 12 kaarten voelen als stapel, niet als inbox.

Inline edit, geen modal

Bewerken morpht de focus-card naar edit-mode. Peek-cards blijven zichtbaar — context (vorige/volgende vraag) gaat niet verloren tijdens edit.

Privacy = side-sheet, geen confetti-bom

Privé blijft default. Publiek-toggle leeft in een rustige side-sheet samen met titel/beschrijving — niet in een dramatische full-screen disclaimer-modal.

B · Sleutel-states (zie canvas onder)

C · Deviation-rationale

N.V.T. in ronde 1. Er is in deze conversatie geen bestaande Snapsnelds-Wizard meegegeven (bewust, om anchoring te voorkomen). In Ronde 2 vergelijk ik dit voorstel tegen de 9-step PulseChat-flow en vul ik deze sectie verplicht in.

D · Antwoorden op de specifieke design-vragen

1 · UX-paradigma voor scope-helpers
Hybride met form-bias. Default = form-based: vak/niveau/aantal/types/modus zijn allemaal pills/sliders die naast elkaar leven. Conversational kicks-in alleen bij echte ambiguïteit (PDF met 4 hoofdstukken → "welke?"; foto met onduidelijk vak → "is dit Bio of Schei?"). Voor 12-18 op web is een chat-stap extra friction wanneer de input duidelijk is — TikTok-natives swipen liever dan ze typen. Maar voor de gevallen waar de AI echt iets niet weet, voorkomt een korte Pulse-vraag dat we óf gokken óf de student ergernis bezorgen. Form is "ik bepaal", conversational is "vertel me wat je niet weet".
2 · Foto-upload UX
Drag-drop én camera-CTA gelijkwaardig in de drop-zone. Op desktop is "Sleep hierheen" de natuurlijke move; op mobile-fallback is "Maak foto" de eerste knop. Beide leven naast elkaar in dezelfde zone (state 01). PDF wordt single-file V1 — multi-page wel, maar één PDF per quiz. Preview is geen aparte step: het verschijnt in dezelfde sectie waar de drop-zone stond (state 02), met OCR-feedback ("~480 woorden, onderwerp lijkt op celdeling") + retry/crop-acties. Geen aparte "ziet er goed uit?"-modal — dat is overbodige confirmatie; de "Maak X vragen"-knop in de cost-bar is de echte commit.
3 · Generation-wachttijd
4-fase verhalend met inhoudelijke hints. Pulse encouraging-warm (niet thinking — té statisch over 30 sec), eyeAnimation lookAround voor levendigheid. Per fase een concrete hint die laat zien dat er écht iets gebeurt: "480 woorden", "Onderwerp: celdeling", "7 / 12 klaar", "Controleren…". Progress-bar onderaan als ambient-secundair. Cancelen mag altijd — knop staat zichtbaar rechtsonder, en de zin "Annuleer = credit terug. Geen risico." staat letterlijk naast 'm. Halverwege-vragen worden weggegooid (geen partial-save) — dat houdt de mental model simpel: óf je hebt een quiz, óf je hebt 'm niet.
4 · Phase 2 — 10-30 vragen presenteren
Card-stack met peek, niet lijst of accordion. Een lijst van 30 vragen voelt als email-inbox-werk. Een stack voelt als een boekje doorbladeren. Status via gekleurde linker rand (groen/oranje/blauw/grijs) + kleine icon-tag rechtsboven — geen volledig badge-systeem dat de UI laat schreeuwen. Acties per vraag in de focus-card: Keur goed (groen primary) · Bewerken · Opnieuw · Weg. Bulk-acties in de footer-strip: "Keur alle 'klaar' goed" (één klik voor alle 8 auto-approved), "Loop {N} review-vragen door" (sequentiële focus op alleen oranje). Afronden via de "Opslaan & spelen"-knop in dezelfde footer — geen tussenstap.
5 · Privacy-keuze
Default privé, toggle leeft in side-sheet samen met quiz-info (titel/beschrijving). Niet als verplichte eindstap, niet als dramatische confetti-modal. De student opent 'm als ze klaar is om te delen via "Quiz-info & privacy" in de footer. Snaps-nudge richting publiek: "+10 Snaps zodra 5 anderen 'm spelen" — niet "deel ons platform!". Copyright-disclaimer als rustige info-strook, niet als verplichte checkbox-wall. Privé-keuze is een radio-card, geen toggle: dat maakt 'm minder per ongeluk omklikbaar.

D · Open vragen aan Robin

  1. Modus-keuze positie: ik zet het als Section 1 op het canvas, niet als aparte eerste-stap. Werkt dat voor de feature-impact? (Alternatief: modus is een chip rechts naast de credits, zoals een filter — minder prominent maar minder ruimte.)
  2. "Pulse kiest slim" voor vraagtypen — default of opt-in? Ik heb 'm nu als default chip in scope. Als de student bewust types wil kiezen, opent een dropdown. Te impliciet?
  3. Re-generate-counter: ik zeg "2 gratis" maar toon geen aftellende counter. Bewust — anders wordt het een resource-game. Maar wil je dat de student het overzicht heeft? (Kan onder Quiz-info plek krijgen.)
  4. OCR-feedback na foto-upload: ik laat een onderwerp-detectie zien ("lijkt op celdeling"). Vereist dit een extra API-call vóór generation? Of kunnen we 't goedkoop afleiden uit een quick-scan?
  5. Foto-flashcards-positie: ik heb 'm als aparte entry-point behandeld (state 11), niet als modus binnen de wizard. Klopt dat met jullie product-mental-model, of zou je 'm als 4e modus naast Quiz/Oefentoets/Examensim willen?

↓ Sleutel-states canvas — sleep, klik om uit te vergroten ↓