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.