NEW
Font size
WorksheetsWat zijn user persona's?
Total questions: 32
Worksheet time: 16mins
Welk statement beschrijft het best wat een user persona is in UX/UI?
Een statistisch dashboard met realtime gebruikscijfers
Een gedetailleerde, fictieve representatie van doelgebruikers
Een schema van schermflows zonder gebruikersdata
Een lijst met technische eisen voor de interface
Een team wil zich beter inleven in gebruikers vóór het schetsen van oplossingen. Welke aanpak past hier het best bij de primaire bedoeling van empathy mapping?
Een oefening uitvoeren die het team dwingt zich in de gebruiker te verplaatsen
A/B-tests (methode waarbij je twee varianten van hetzelfde product vergelijkt om te zien welke beter presteert.) draaien om conversiepercentages te optimaliseren
Stakeholders interviewen over budget en planningseisen
Code refactoren om prestatieknelpunten te verhelpen
Welke omschrijving past het best bij responsive webdesign?
Een ontwerp dat alleen op desktop geoptimaliseerd is
Een ontwerp dat zich automatisch aanpast aan schermgrootte
Een ontwerp met vaste afmetingen voor elk apparaat
Een app-ontwerp dat offline-first functionaliteit afdwingt
Je ontwerpt een productpagina die op mobiel en tablet prettig bruikbaar moet zijn. Welke aanpak past het best?
Dezelfde layout forceren op alle apparaten zonder breakpoints
Content stapelen en touch-vriendelijke elementen toepassen
Alle afbeeldingen in vaste breedtes van 1200 pixels insluiten
Desktopnavigatie behouden met megamenu en hoverstates
Wat beschrijft het beste wat een breakpoint is binnen responsief webdesign?
Een gebruikersactie die navigatie-animaties triggert
Een serverregel die media automatisch comprimeert
Een specifieke schermbreedte waarop de layout verandert
Een vaste pixeldichtheid die afbeeldingen scherper maakt
Welke set schermbreedtes is het meest passend als startpunt voor breakpoints in een basislayout?
480px, 800px, 1366px
375px, 980px, 1440px
240px, 640px, 1920px
320px, 768px, 1024px
Je bouwt een nieuwe site volgens 'mobile first'. Welke reden onderbouwt die keuze het sterkst?
Het voorkomt volledig het gebruik van media queries in CSS
Het zorgt dat desktopnavigatie identiek blijft aan mobiel
Het levert automatisch hogere SEO-scores in alle markten (De SEO-score geeft aan hoe groot de kans is dat een pagina hoog in de zoekresultaten verschijnt.
Hoe hoger de score, hoe beter de pagina technisch en inhoudelijk is ingericht voor zoekmachines.)
Het dwingt prioriteren en opschalen is eenvoudiger dan downsizen
Welke directe winst levert het optimaliseren en comprimeren van beelden voor mobiele apparaten het meest op?
Aanzienlijk lagere laadtijden en betere performance
Minder bandbreedte op desktopverbindingen
Grotere afbeeldingsformaten met extra details
Meer animaties en complexere overgangen
Wat is de kern van een mobile‑first strategie in responsief ontwerp?
Ontwerpen voor desktop en daarna verkleinen
Alleen afbeeldingen voor retina‑schermen maken
Eerst typografie, dan navigatie toevoegen
Starten met kleinste schermen en uitbreiden
Je UI bevat pictogrammen die op diverse resoluties scherp moeten blijven. Welke aanpak past het best?
GIF‑sprite gebruiken voor schaalbare lijnen
PNG’s met hogere dpi voor elk breakpoint
JPEG’s met lage compressie voor alle maten
SVG‑formaat gebruiken voor iconen en logo’s
Wat is het primaire doel van wireframing in het UX-proces?
De inhoudsverdeling en functionaliteit structureren
Backendlogica en dataflows programmeren
Het definitieve visuele ontwerp uitwerken
Volledige interacties en animaties bouwen
Welke uitspraak beschrijft het verschil tussen een wireframe en een prototype het best?
Prototype is statisch en zonder interactie
Wireframe test volledige gebruikservaring interactief
Wireframe toont structuur zonder look-and-feel
Prototype bepaalt alleen informatiestructuur globaal
Welke uitspraak beschrijft high-fidelity wireframes het best?
Ze vervangen het gehele iteratieve proces in een project
Ze bevatten alleen grove blokken zonder typografie of iconen
Ze tonen bijna alle visuele elementen van het eindproduct
Ze dienen vooral om snel fundamentele concepten te verkennen
Waarom worden high-fidelity wireframes doorgaans pas na low- en mid-fidelity gebruikt?
Ze kosten meer tijd en beperken ruimte voor fundamentele aanpassingen
Ze zijn sneller te maken en stimuleren radicale wijzigingen
Ze vereisen geen afstemming met stakeholders of developers
Ze maken het iteratieve proces overbodig in de ontwerpfase
In een layout grid: wat is de primaire functie van goten (gutters)?
De witruimte tussen kolommen voor visuele ademruimte
De horizontale lijn voor baseline-ritme in typografie
De buitenste rand die de content omlijst
De verticale stroken waar componenten geplaatst worden
Welke stap hoort logisch als eerste bij het UI‑ontwerp van een nieuwe app?
Grafische elementen toevoegen
Kleurenpalet kiezen
Doel en doelgroep bepalen
Grid en layout bepalen
Je wilt een consistente interface met duidelijke uitlijning en ritme. Welke aanpak past het best?
Primair lettertype vergroten
Een grid‑systeem definiëren
Extra iconen integreren
Meer contrastrijke kleuren kiezen
Welke combinatie is het meest passend voor het selecteren van typografie?
Leesbaarheid en hiërarchie bewaken
Alleen modieuze fonts kiezen
Zo veel mogelijk fonts mixen
Serif boven sans kiezen
Je krijgt feedback dat de UI koud en afstandelijk aanvoelt, terwijl het merk warm en speels is. Welke stap herzie je als eerste en waarom?
Iconen, omdat resolutie de scherpte verhoogt
Grid, omdat kolommen de laadtijd verkorten
Doelgroep, omdat gebruikersaantallen stijgen
Kleurenpalet, omdat kleur emotie en merkgevoel stuurt
Welke keuze past het best bij het doel van ‘contrast en visuele hiërarchie’ in een interface?
Tekstdecoraties gebruiken om stijlvol over te komen
Animaties toevoegen voor meer dynamische beleving
Alle elementen dezelfde kleur en grootte geven
Belangrijke informatie sneller vindbaar en begrijpelijk maken
Een team merkt inconsistente knoppenstijlen tussen schermen. Welke actie is het meest passend om consistentie te waarborgen?
Een UI-stijlgids met typografie en iconografie opstellen
Knoppen per pagina uniek houden voor karakter
Alle kleuren vervangen door grijstinten voor rust
Alleen de homepagina zorgvuldig vormgeven
Je ontwerpt een dashboard voor mobiel, tablet en desktop. Wat is de beste aanpak om responsiviteit te borgen en risico’s te beperken?
Eén vaste breedte kiezen en centreren in alle schermen
Alle afbeeldingen in hoge resolutie embedden overal
Lay-outs met breakpoints definiëren en op apparaten testen
Desktop eerst ontwerpen en mobiel later schalen
Wat beschrijft het best wat een UX‑sitemap is?
Een visuele kaart die pagina’s en inhoud verbindt
Een lijst met zoekwoorden voor zoekmachineoptimalisatie
Een verzameling visuele stijlgidsen en iconen
Een wireframe van individuele schermlay‑outs
Je start een sitemap voor een nieuwe site. Welke volgorde is het meest passend?
Identificeer sleutelpagina’s, bepaal hiërarchie, maak visueel
Kies tool, maak visueel, bedenk hiërarchie achteraf
Teken visueel, voeg pagina’s later toe, kies tool
Begin met subpagina’s, dan homepage, dan navigatie
In de eerste sitemap, welk pad beschrijft correct de hiërarchie van productverkenning vanaf Home tot aan een specifieke productpagina?
Home → Customer Support → FAQs → Product Detail Page
Home → Checkout → Cart Overview → Product Detail Page
Home → About Us → Our Story → Product Detail Page
Home → Shop → Product List → Product Detail Page
Wat beschrijft typografie het best in UX/UI-design?
Het programmeren van lettertypes met variabele glyphs
Het tekenen van logo’s en illustraties voor merkidentiteit
De kunst van tekst rangschikken voor leesbaarheid en esthetiek
Het meten van schermresoluties voor responsieve lay-outs
Welke keuze past het beste bij het principe ‘contrast en hiërarchie’ in interface-typografie?
Gebruik lettergrootte, gewicht en kleur om accenten te plaatsen
Vermijd kleurverschillen om een rustige pagina te behouden
Gebruik zoveel mogelijk lettertypes om variatie te creëren
Houd alle koppen en bodytekst exact hetzelfde formaat
Je ontwerpt voor mobiele schermen met veel zonlicht. Welke typografische beslissing is het meest verantwoord?
Verminder gewicht van koppen om reflectie te beperken
Gebruik lichtgrijze tekst op een witte achtergrond
Kies kleinere tekstgrootte met subtiele kleurverschillen
Kies hogere tekstgrootte en voldoende kleurcontrast
Welke beschrijving past het best bij het doel van witruïmte in typografie?
Decoratieve lege zones zonder functioneel nut
Tekst visueel verkleinen voor compact ontwerp
Meer tekst per pagina en scherm proppen
Leesbaarheid verhogen en lay-out balanceren
Wat is het belangrijkste voordeel van het gebruik van een design system in UI-ontwerp?
Complexiteit in het ontwerp verminderen
Vermijden van feedback van gebruikers
Meer vrijheid in creativiteit en stijl
Consistentie in ontwerp en snellere ontwikkeling
Welke techniek helpt het beste bij het verbeteren van de toegankelijkheid van een website?
Gebruik van contrasterende kleuren voor tekst
Alleen afbeeldingen zonder alternatieve tekst gebruiken
Gebruik van complexe animaties
Minimaliseren van navigatie-elementen
Wat is de belangrijkste functie van een user journey map in UX-design?
Het ontwerpen van visuele elementen zoals knoppen
Het visualiseren van de stappen die een gebruiker doorloopt
Het creëren van wireframes voor elke pagina
Het definiëren van technische specificaties voor ontwikkelaars
