Haarvisie verslagen
← Alle verslagen📄 Download als PDF
🎧 Luister dit verslag
1,0x
⬇️ Download naar telefoon
📖 Lees mee met de podcast

Hé Jamal, goedemorgen! Ik heb een uitgebreide update voor je over Appel 2, na de intensieve onderzoeken die we de afgelopen nacht hebben gedaan. Zoals gevraagd op 9 september, hebben we de app eens goed onder de loep genomen.

De kern is dit: we hebben met drie agenten de app grondig getest, alles gemeten. De les-feed klopt inhoudelijk, niets wordt verzonnen. Een ernstige fout – dat de app zei "Alles af" terwijl er nog verborgen taken waren – is vannacht direct gefixt, en toont nu de juiste voortgang. Het grootste UX-punt is dat Dani zich afvraagt "wat moet ik nu doen?", omdat de belangrijke 'Wij-kaart' te ver naar beneden staat. En heel belangrijk: de terugweg van de oude Appel naar Appel 2 is nu gebroken, wat voor verwarring zorgt. Ons advies: maak er één domein van en fix die links. Dat kan in één avond.

Laten we dieper duiken in de bevindingen. Bij het examen hebben we de app gemeten op verschillende schermbreedtes. Wat er goed uitziet: de voordeur werkt perfect, geen console-fouten of horizontale scroll. Alle 35 links zijn functioneel, afvinken werkt soepel en tellers kloppen. Ook de route naar de toetsen en de lespagina's werken zoals het hoort, inclusief de MP3's. De oude oefentoets werkt ook prima, met de nieuwe teksten. Het contrast van de app-kleuren is overal ruim voldoende.

Vannacht hebben we vijf belangrijke punten live gefixt: de 'Alles af'-melding telt nu correct alle items, huiswerk uit de les wordt meegenomen, de begroeting stond op de juiste tijd, een klein visueel foutje op kleinere schermen is opgelost, en de lespagina gebruikt nu de testleerlingdata.

Er zijn nog wat openstaande punten. Denk aan middelgrote problemen zoals een toetsdag-knop die naar een niet-bestaande oefentoets linkt, huiswerk dat nooit verloopt, of dubbel getelde toetsen. Kleine puntjes zijn bijvoorbeeld de 'Straks'-functie die niets onthoudt, citaten met net te weinig contrast, of de pijplijn die soms nog zelf "geen huiswerk" schrijft. Twee vragen hierbij: Welke is leidend als het toetsplan en de planner elkaar tegenspreken bij Duits en Frans? En is het de bedoeling dat het trainingsplan elke regel, zelfs "Let op: geen woordenboek", als een leerblok ziet?

Voor de UX-review keken we door de ogen van een tiener als Dani. Het concept is top: het voelt als een klasgenoot. De ochtend-stand is uitstekend en de app is lekker eerlijk. Wat beter kan, op volgorde van impact: ten eerste, de 'Wij-kaart' moet bovenaan. Dit vraagt om een 'stil proefje'. Ten tweede, de invoerbalk moet duidelijker zijn, want nu lijkt het een chatveld. De "Straks"-functie moet echt werken, en we moeten die "0 van"-meldingen vermijden. Ook de leesbaarheid kunnen we verbeteren met een grotere regelafstand en minimumeisen voor lettergrootte. Wat we absoluut niet moeten doen, en daarvoor hebben we solide bronnen: geen XP, munten of 'streak-freezes' – verliesangst werkt averechts. Appel moet ook niet over gevoelens praten, dat is voor jongeren onder de 18 niet wenselijk. Een speciaal dyslexie-lettertype is overigens ook niet nodig; gewone sans-serif fonts zijn prima, regelafstand is veel belangrijker. Tot slot: er zijn een paar dingen die alleen Dani zelf kan beantwoorden. Ik kan je negen korte opdrachtjes geven voor een tien-minuten-testje met hem aan de keukentafel.

Dan de relatie tussen de oude en nieuwe Appel. We vonden vijftien plekken waar Appel 2 nog naar de oude versie verwijst, bijvoorbeeld voor Sparren of oefentoetsen. Technisch gezien draait alles al onder één domein. Het grote probleem is een 'PIN-poort' en de kapotte terugweg: vanuit de oude Appel kom je niet terug in Appel 2, wat voor verwarring zorgt. Zes oude pagina's hebben al wel de Appel 2-stijl. We hebben gekeken wat haalbaar is om over te zetten. Pagina’s als sparren.html en huiswerk-foto.html zijn relatief eenvoudig 1-op-1 over te zetten. Planning.html kan als week-tab en oefentoetsen krijgen de Appel 2-jas. De "Leren"-pagina met veel data laten we voorlopig zoals hij is, wel met goede links. De complexe spraakbot houden we als motor. Voor de naam hebben we drie opties besproken. Optie (b), die we adviseren, is om één domein te houden, niets te verhuizen, maar wel de PIN en links te fixen en de oude navigatiebalk naar Appel 2 te laten wijzen. Dit kost één avond en is omkeerbaar. De agent en ik onderschrijven dit als eerste stap. Daarna kunnen we Sparren.html overzetten, de week-tab inbouwen, oefentoetsen de Appel 2-look geven, en pas dan de domeinwissel doen. Grote onderdelen als 'Leren' blijven dan 'Bibliotheek', met een goede terugweg.

Oké Jamal, om verder te kunnen, heb ik nog vier dingen van je nodig: 1. Akkoord op optie (b): één domein, terugweg fixen, links relatief. Ja of nee? 2. Mag ik de vijf UX-punten die we "nu doen" als één 'stil proefje' bouwen, zodat jij ze op een screenshot kunt beoordelen? Dit raakt het bevroren ontwerp, dus ik begin niet zonder jouw goedkeuring. 3. Welke is leidend voor Duits en Frans: het toetsplan of de planner? 4. Wil je die tien-minuten-test met Dani doen? Dan stuur ik je de negen opdrachtjes. Alle bewijzen en details van de fixes zijn uiteraard beschikbaar.

Dat was het voor nu. Ik hoor graag van je wat de volgende stappen zijn, zodat we hier weer vaart achter kunnen zetten. Bedankt!

Appel 2 onder de loep

Drie onderzoeken in één nacht, op jouw vraag van 9 september.
Elk onderzoek deed een eigen agent, met meten in plaats van gokken.

  1. Cross-check-examen van alles wat live staat.
  2. UX-review met research (acht bronnen, echt gelezen).
  3. Inventaris: waar verwijst Appel 2 nog naar de oude Appel, en wat doen we daarmee.

De drie volledige rapporten staan als aparte pagina's:

Het korte antwoord

1. Het examen

Gemeten met een headless browser op 430 en 375 pixels breed, plus curl op alle links. Dani's teller is niet aangeraakt (15 voor, 15 na).

Wat goed is

Vannacht gefixt (commit d1f87e9, backups .bak-voor-examenfix-20260909)

  1. "Alles af" telde alleen de vier getoonde items. Nu alle acht.
  2. De weekreeks telde huiswerk uit de les niet mee.
  3. De begroeting stond op 09:00 in plaats van op nu.
  4. Op 375 pixels stak het tijdlabel op de les-pagina 2 pixels buiten beeld.
  5. De les-pagina negeerde de test-leerling en schreef altijd op Dani's teller.

Nog open, op ernst

Ernst Wat Waar
middel Toetsdag-knop en drie leerblokken linken naar een oefentoets die niet bestaat. De pagina toont stil de algemene lijst. index.html, trainingsplan.json
middel Frans-route telt twee Toets-Mij-toetsen op elkaar. Vraag 1 staat dubbel. appel2-data.js koppeling
middel Huiswerk uit de les verloopt nooit. De SO-aankondiging van geschiedenis staat als huiswerk van 20 minuten. appel2-data.js, lessen/huiswerk.json
middel Een toets van vandaag blijft 's avonds "eerstvolgende toets, vandaag". appel2-data.js
laag "Straks" onthoudt niets. index.html
laag Citaatkleur 4,1:1 is aan de lage kant. Badge 11 pixels. Vinkjes 30 tot 32 pixels, foto-link 17 pixels hoog. appel2.css
laag De pijplijn schrijft zelf wel "geen huiswerk" in mededelingen en podcasttekst (Duits, Engels). appel-les-verwerk.py
laag Twee lessen van hetzelfde vak op één dag geven twee berichten. index.html

Twijfels die jij moet beantwoorden

2. UX-review

De agent keek als ontwerper van leer-apps voor tieners, met Dani in gedachten: 14, 2 havo, dyslexie, Discord-gebruiker.

Wat werkt

Wat beter kan, op volgorde van impact

  1. Wij-kaart bovenaan. De lessen eronder, ingeklapt tot één regel per les. Nu is de thuiskomst-feed 2.900 pixels hoog. Raakt het bevroren ontwerp, dus eerst een stil proefje.
  2. Invoerbalk eerlijk maken. Hij lijkt een chat-invoer, maar is een link. Of een echt invoerveld dat de tekst meeneemt naar Sparren, of zichtbaar een knop.
  3. "Straks" laten werken. Bijvoorbeeld twee uur stil, dan "Oké, om 18:30 kijken we weer." Een nep-knop kost vertrouwen.
  4. Nullen weg. Vier keer "0 van" op één scherm is een rapport, geen vriend. Bij nul af: geen balk, wel "8 dingen, we beginnen met …".
  5. Leesbaarheid. Regelafstand naar 1,55 (nu 1,4). Niets kleiner dan 15 pixels. Vet alleen op de kern, nu vier regels vet goud bij geschiedenis.

Later: één vinkje in de hele app (het emoji-blokje herkent Dani misschien niet als vinkje), knoptekst per soort ("Start blok" versus "Doen, ik praat mee"), wiskunde niet drie keer los, oefentoets-coach in dezelfde jas, sparren-pagina met de Appel 2-kop, voorlezen per bericht.

Niet doen, met bron: geen XP, munten of streak-freezes (verliesangst werkt averechts), geen push per les-bericht, Appel niet over gevoelens laten praten (Common Sense Media: geen emotionele metgezel onder 18), geen speciaal dyslexie-lettertype (Rello 2016: gewone sans-serif is prima, regelafstand telt wel).

Wat alleen Dani kan beantwoorden

Herkent hij het emoji-vakje als vinkje? Probeert hij te typen in de balk? Klinkt "ik heb je duitsles gehoord" cool of raar? Leest hij of luistert hij alleen? De review bevat een test van tien minuten aan de keukentafel: negen opdrachtjes, jij zegt niets, uitkomst is negen keer ja of nee.

3. Appel versus Appel 2

Waar Appel 2 nog naar de oude Appel verwijst

Vijftien plekken, vijf doelen:

Doel Waarvoor Hoe vaak
sparren.html knop Sparren op voordeur, route en les dagelijks
index-oud (spraakbot) "Ja, samen doen" bij huiswerk en de coach-regel dagelijks
oefentoetsen.html route stap 3, toetsdag, leerblokken bij toets
planning.html "hele week" en "… en nog 4" zelden
huiswerk-foto.html, leren.html, vakpagina's foto-linkje, leerblokken wisselend

Wat het onderzoek vond

Overzetten naar Appel 2: wat is haalbaar

Pagina Moeite Advies
sparren.html klein (78 regels) overzetten, 1-op-1
planning.html als week-tab middel, data zit al in Appel 2 overzetten
oefentoetsen.html klein, alleen de jas (css) in de Appel 2-jas
huiswerk-foto.html klein tot middel overzetten
leren.html (de cirkel) groot, 6,8 MB data laten, goed linken
spraakbot index-oud 2.480 regels, websocket, microfoon, 14 endpoints laten als motor

Drie opties voor de naam

Volgorde die de agent adviseert, en die ik onderschrijf

  1. Optie (b): terugweg en PIN fixen, links relatief. Eén avond.
  2. sparren.html 1-op-1 naar Appel 2.
  3. Week-tab in Appel 2 uit planning.html.
  4. Oefentoetsen in de Appel 2-jas.
  5. Daarna pas de domeinwissel: appel.haartips.nl wordt Appel 2, appel2 wordt een doorverwijzing, het oude heet Bibliotheek.
  6. Leren, Succesvol Leren, vakpagina's, dashboard en krant blijven Bibliotheek, met een goede terugweg.

Onzeker gebleven: welke link staat er in de Telegram-berichten aan Dani (script staat op de VPS, niet lokaal gelezen), en of het foto-linkje op appel2 echt terugkaatst (uit de code afgeleid, niet in de browser getest).

4. Wat ik van jou nodig heb

  1. Akkoord op optie (b): één domein, terugweg fixen, links relatief. Ja of nee.
  2. Mag ik de vijf UX-punten "nu doen" als één stil proefje bouwen (screenshot naast elkaar), zodat jij ze in één keer beoordeelt? Ze raken het bevroren ontwerp, dus ik bouw niets zonder je ja.
  3. Toetsplan of planner: welke is leidend bij Duits en Frans?
  4. De tien-minuten-test met Dani: wil je die doen? Dan stuur ik je de negen opdrachtjes als kaartje.

Bewijs

🎙️ Bespreek met Jarvis