Analyse van bestaande websites
Uitleg
Waarom websites analyseren?
Een goede ontwerper leert niet alleen door zelf te maken, maar vooral door te kijken, vergelijken en onderbouwen.
Door websites te analyseren, leer je:
-
Welke keuzes effectief zijn (en waarom)
-
Hoe doelgroep, stijl en inhoud op elkaar afgestemd kunnen zijn
-
Welke fouten of valkuilen je zelf kunt vermijden
-
Bewuster naar je eigen ontwerp te kijken
🎯 Analyse is dus meer dan "mooi" of "lelijk" – het gaat om wat werkt en voor wie.
Waar let je op bij een analyse?
Gebruik de onderwerpen uit eerdere hoofdstukken om systematisch naar websites te kijken. Dit kun je doen aan de hand van vijf hoofdvragen:
1. Wat is het doel van de website?
-
Informeren, verkopen, overtuigen, helpen, entertainen?
-
Is het doel duidelijk zichtbaar op de homepage?
2. Wie is de doelgroep?
-
Leeftijd, interesse, kennisniveau?
-
Past het ontwerp bij hun verwachtingen en voorkeuren?
3. Hoe is de gebruikerservaring (UX)?
-
Is de site logisch opgebouwd?
-
Kan je makkelijk navigeren?
-
Zijn er frustraties of obstakels?
4. Hoe is het visueel ontwerp?
-
Welke kleuren, lettertypes en stijlen zijn gebruikt?
-
Is er balans en hiërarchie?
-
Hoe wordt beeld ingezet?
5. Is de site toegankelijk en mobielvriendelijk?
-
Genoeg contrast?
-
Werkt het op mobiel?
-
Kan je navigeren met toetsenbord?
-
Zijn er alternatieve teksten bij afbeeldingen?
Analysemethoden
Er zijn meerdere manieren om een website te analyseren:
| Methode | Vorm | Wanneer gebruiken? |
|---|---|---|
| ✅ Checklist | Objectief, gestructureerd | Voor systematische beoordeling |
| 🧠 Review in eigen woorden | Subjectiever, creatief | Voor reflectie en presentatie |
| 🧪 Gebruikerstest | Je laat iemand anders de site proberen | Om echte UX-problemen te vinden |
| 🧰 Tool-gebaseerde analyse | Met tools als WAVE of PageSpeed | Voor technische en toegankelijkheidsanalyse |
Voor deze module gebruiken we vooral checklists en reviews.
Voorbeeldanalyse (samengevat)
Website: bol.com
Doel: producten verkopen (e-commerce)
Doelgroep: breed publiek, vooral volwassenen en ouders
| Aspect | Analyse |
|---|---|
| UX | Duidelijke zoekfunctie, veel aanbevelingen, snel scrollen, maar soms veel reclame |
| Visueel | Rustige blauwe kleur, witruimte, duidelijke knoppen, consistent gebruik van pictogrammen |
| Structuur | Heldere header, vaste navigatie, veel herhaling en filters |
| Toegankelijkheid | Goede lettergrootte, werkt op mobiel, contrast meestal goed |
| Verbeterpunt | Sommige knoppen te klein op mobiel, veel afleiding op productpagina’s |
Oefeningen
Opdracht A – Analyse met checklist
-
Kies een website (of gebruik een lijst van de docent). Bijvoorbeeld:
-
Een schoolsite
-
Een webshop
-
Een museumsite
-
Een persoonlijk portfolio
-
-
Vul de volgende checklist in:
| Vragen | Antwoord / Toelichting |
|---|---|
| Wat is het doel van de site? | |
| Wie is de doelgroep? | |
| Is de navigatie logisch? | |
| Wat valt direct op (visueel)? | |
| Hoe is de kleur- en letterkeuze? | |
| Zijn er UX-fouten of verwarrende onderdelen? | |
| Is de site mobiel bruikbaar? | |
| Is de content toegankelijk voor iedereen? | |
| Wat werkt goed? | |
| Wat zou je verbeteren? |
💡 Je kunt deze opdracht individueel of in tweetallen uitvoeren.
Opdracht B – Mini-presentatie
-
Maak een korte presentatie (±3 minuten) over je analyse:
-
Toon screenshots
-
Vertel wat goed werkt en waarom
-
Benoem 1–2 verbeterpunten
-
Geef een eindbeoordeling (bijv. score uit 10)
-
-
Presenteer dit klassikaal of in kleine groepen.