Informatica · Klas 6 VWO

Ideeën voor actief leren

Gebruikersinterface Ontwerpen

Actief leren werkt bij dit onderwerp omdat leerlingen door het ontwerpen en testen van interfaces direct ervaren hoe gebruiksvriendelijkheid ontstaat. Door zelf interfaces te schetsen en te evalueren, zien ze direct het verband tussen hun keuzes en de ervaring van de gebruiker. Deze hands-on aanpak maakt abstracte concepten zoals cognitieve belasting tastbaar en relevant.

• SLO Kerndoelen en Eindtermen
• SLO: Voortgezet onderwijs - Gebruikerservaring
• SLO: Voortgezet onderwijs - Ontwerp

• 25–45 min
• Duo's → Hele klas
• 4 activiteiten

Activiteit 01

• Probleemgestuurd onderwijs
• 30 min · Duo's

Paarwerk: Wireframe Schetsen

Deel Leerlingen krijgen een eenvoudig programma-scenario, zoals een quiz-app. In paren schetsen ze twee versies van de interface: één intuïtief en één verwarrend. Ze wisselen schetsen uit en noteren verbeterpunten.

Hoe zorg je ervoor dat je programma makkelijk te gebruiken is?

Facilitatietip

Laat leerlingen tijdens het Wireframe Schetsen in tweetallen duidelijk rollen verdelen: één schetst, de ander observeert en geeft feedback op basis van gebruiksvriendelijkheid.

Waar je op moet letten

Geef leerlingen een blanco vel papier. Vraag hen om een wireframe te schetsen voor een app die ze dagelijks gebruiken (bijvoorbeeld een weer-app). Ze moeten minimaal drie interactie-elementen labelen en één zin toevoegen over waarom ze die specifieke plaatsing kozen.

• Analyseren
• Evalueren
• Creëren
• Besluitvorming
• Zelfmanagement
• Relatievaardigheden

Activiteit 02

• Probleemgestuurd onderwijs
• 45 min · Kleine groepjes

Klein Groep: Prototype Testen

Groepen bouwen een digitaal prototype met tools als Figma of papier-mockups. Andere groepen testen het door taken uit te voeren en feedback te geven op gebruiksvriendelijkheid. Itereren op basis van resultaten.

Welke knoppen of instructies heeft de gebruiker nodig?

Facilitatietip

Geef bij Prototype Testen vooraf een checklist mee met punten zoals 'zijn knoppen zichtbaar?' en 'is de navigatie intuïtief?' om gerichte feedback te stimuleren.

Waar je op moet letten

Laat leerlingen in tweetallen elkaars wireframes van de exit-ticket beoordelen. Geef de volgende vragen mee: 'Zijn de knoppen duidelijk? Is de navigatie logisch? Zou je deze app makkelijk kunnen gebruiken? Schrijf één suggestie op voor verbetering.'

• Analyseren
• Evalueren
• Creëren
• Besluitvorming
• Zelfmanagement
• Relatievaardigheden

Activiteit 03

• Probleemgestuurd onderwijs
• 35 min · Hele klas

Hele Klas: Interface Gallery Walk

Elke leerling hangt een ontworpen interface op. De klas loopt rond, plakt post-its met plus- en minpunten. Bespreken in plenair wat universele principes naar voren komen.

Waarom is het belangrijk om duidelijk te zijn in je ontwerp?

Facilitatietip

Zorg tijdens de Interface Gallery Walk dat elke groep precies twee minuten heeft om hun ontwerp te presenteren en één vraag krijgt van de klas.

Waar je op moet letten

Toon een screenshot van een bestaande app-interface op het digibord. Vraag leerlingen om in de chat of op een whiteboard twee elementen te noemen die de gebruiker helpen begrijpen wat te doen, en één element dat verwarrend kan zijn. Bespreek de antwoorden kort klassikaal.

• Analyseren
• Evalueren
• Creëren
• Besluitvorming
• Zelfmanagement
• Relatievaardigheden

Activiteit 04

• Probleemgestuurd onderwijs
• 25 min · Individueel

Individueel: Gebruikerspersona Maken

Leerlingen creëren een persona voor een doelgebruiker, inclusief behoeften en valkuilen. Ze ontwerpen één scherm specifiek daarop afgestemd en reflecteren schriftelijk op keuzes.

Hoe zorg je ervoor dat je programma makkelijk te gebruiken is?

Facilitatietip

Moedig leerlingen tijdens het maken van een Gebruikerspersona aan om zich echt in de rol van die persoon te verplaatsen, bijvoorbeeld door hun persona een naam, leeftijd en specifieke behoeften te geven.

Waar je op moet letten

Geef leerlingen een blanco vel papier. Vraag hen om een wireframe te schetsen voor een app die ze dagelijks gebruiken (bijvoorbeeld een weer-app). Ze moeten minimaal drie interactie-elementen labelen en één zin toevoegen over waarom ze die specifieke plaatsing kozen.

• Analyseren
• Evalueren
• Creëren
• Besluitvorming
• Zelfmanagement
• Relatievaardigheden

Enkele opmerkingen over deze eenheid onderwijzen

Ervaren docenten benadrukken dat het belangrijk is om leerlingen te laten ervaren dat ontwerpen een iteratief proces is. Vermijd het geven van kant-en-klare oplossingen; in plaats daarvan stimuleer je zelfontdekking door gerichte vragen te stellen zoals 'Waarom denk je dat deze knop hier staat?' of 'Wat zou er gebeuren als we deze tekst weglaten?'. Onderzoek toont aan dat leerlingen door directe feedback van peers sneller leren dan door alleen docentfeedback. Zorg dat de activiteiten ruimte bieden voor experimenteren en fouten maken, want dat is waar de meeste leeropbrengst ligt.

Succesvolle leerlingen tonen niet alleen kennis van ontwerpelementen, maar passen die ook toe in praktische situaties. Ze kunnen uitleggen waarom bepaalde keuzes de gebruiksvriendelijkheid verbeteren of juist belemmeren. Daarnaast geven ze constructieve feedback aan anderen en passen ze hun eigen ontwerpen aan op basis van deze input.

---

Pas op voor deze misvattingen

• Tijdens Wireframe Schetsen denken leerlingen dat een mooi ontwerp automatisch gebruiksvriendelijk is.

  Gebruik dit moment om leerlingen te wijzen op de functionaliteit: laat ze in tweetallen elkaars schetsen testen met een simpele opdracht, zoals 'open de app en vind de weervoorspelling'. Als de knoppen niet direct zichtbaar zijn, toon dan hoe visuele aantrekkelijkheid ten koste gaat van functionaliteit.

• Tijdens Prototype Testen veronderstellen leerlingen dat gebruikers alles direct begrijpen zonder instructies.

  Geef de testers de rol van 'eerste gebruiker' en laat ze de interface testen zonder extra uitleg. Als leerlingen merken dat ze niet weten wat te doen, bespreek dan hoe onboarding en visuele hints zoals iconen of labels kunnen helpen.

• Tijdens Gebruikerspersona Maken denken leerlingen dat één ontwerp voor alle gebruikers werkt.

  Laat leerlingen in kleine groepen verschillende personas maken en ontwerpen voor elk. Bespreek daarna klassikaal hoe dezelfde interface voor sommige gebruikers werkt, maar voor anderen niet, en waarom aanpassingen nodig zijn.

---

Methodes gebruikt in dit overzicht

• Probleemgestuurd onderwijs