Opdrachtgever en Site analyse

Wat voor website je gaat maken hangt geheel af van de opdrachtgever, je doel met de website en de doelgroep.

Als voorbeeld opdrachtgever heb ik besloten om de website van de HKU opnieuw te gaan vormgeven. De reden waarom ik deze website pak is omdat naast dat ik hier nog op school zit, ik ook veel negatieve opmerkingen over de website hoor van leerlingen. De website zou te complex en rommelig zijn, waardoor het navigeren op de website niet lekker gaat. Voor mij als webdesigner leek het een leuke uitdaging om deze website proberen te verbeteren.

De opdrachtgever is dus de HKU. Om het doel van de nieuwe website te bepalen ga je normaal gesproken met de opdrachtgever in gesprek. Omdat we dat nu niet kunnen doen analyseren we de huidige website en de concurrentie. In mijn volgende blog ga ik het hebben over de concurrentie en inspiratie. Inhoud blog: - Uitleg waar je op moet letten bij het maken van een site analyse. - Uitgewerkte site analyse als voorbeeld.

---

Waar moet je naar kijken wanneer je een site analyseert?

Wanneer je een website gaat analyseren kan je het beste ieder onderdeel in de website los bekijken (header, buttonbalk, visual, introductietekst, content, footer enz). Als webdesigner kijk je naar een aantal punten: gekozen kleuren, lettertypes, afbeeldingen, uitlijningen, knoppen, posities en navigatie. Meestal analyseer ik alleen de homepagina uitgebreid, omdat hier de design elementen/huisstijl bepaald worden en de vervolgpagina's hierop worden voort borduurd.

Wat voor programma gebruik ik hiervoor: Ik documenteer dit in een word bestand. Wel zorg ik ervoor dat ik plaatjes gebruik om duidelijker aan te kunnen geven wat ik in mijn teksten bedoel. Stel ik schrijf over het onderdeel 'header', dan zorg ik ervoor dat ik een plaatje van de header toevoeg zodat de lezer meteen weet hoe de header eruit ziet. Soms zijn woorden alleen niet voldoende om uit te leggen wat je bedoeld, voeg dan opnieuw het plaatje van het onderdeel toe, maar dan met bijvoorbeeld rode pijlen. Zelf gebruik ik photoshop om de afbeeldingen uit te snijden en te bewerken.

---

Algemene verbeteringen

In eerste instantie kijk je naar de website in het geheel en schrijf je op wat je er van vindt. Later ga je er dieper op in. Hieronder een voorbeeld van dit gedeelte van mijn site analyse voor de huidige HKU website.

1. Het kleurgebruik; Het kleurgebruik is in het algemeen niet goed gekozen, dit komt door de kleuren die met elkaar samenwerken – het is allemaal erg flets. Een positief punt aan de kleuren is de signaalkleur (roze kleur), alhoewel de kleur goed werkt als signaal kleur, wordt hij niet goed ingezet. 2. Fontgebruik; Er worden te veel verschillende soorten character types gebruikt (font - type, grootte & kleur). Op de homepage alleen al zijn dit 7 verschillende soorten, dit zorgt voor een rommelig gevoel op de binnenkomst pagina en vervolgpagina’s. 3. Uitlijning; In de website wordt geen structuur/wireframe toegepast, waardoor de uitlijningen nergens op gebaseerd zijn – dus uit de lucht gegrepen verhoudingen. Hierdoor voelen bepaalde objecten op de website ‘bedrukt’ omdat ze niet genoeg ruimte krijgen. Dit zorgt voor veel chaos binnen de website, wat vervolgens de gebruiksvriendelijkheid ver naar beneden haalt. 4. Positie; Er ontstaat veel stress voor de website gebruiker doordat de positionering van items, knoppen en teksten niet op een logische plek geplaatst zijn, dit komt mede door het missen van een geoptimaliseerde wireframe. De hyrarchie in de website komt daardoor in het niet te vallen, een goede opbouw met logische plaatsing van objecten is extreem belangrijk voor een goede user experience. 5. Doelgroep; Doordat objecten niet op een logische positie geplaatst zijn is de doelgroep van de website niet duidelijk. Op de website is er namelijk geen bepaalde plek ingericht voor studenten, ouders, of toekomstige studenten. Deze verwarring zorgt er voor dat de website bezoeker zich afvraagt waar hij/zij precies moet zijn om bij het doel van hun bezoek voort te zetten. 6. Knoppen; Er zijn 88 knoppen/tekstuele doorlinks op de homepagina gevonden (social media knoppen en disclaimer niet meegerekend). Dit is veel te veel en zorgt weer voor onduidelijkheid en chaos, hierdoor is het overzicht van de website kwijt.

---

Analyse

Vervolgens ga je er dieper op in. Een website bestaat uit verschillende onderdelen. Deze onderdelen ga je los van elkaar analyseren om te kijken wat je kan hergebruiken of verbeteren. Kijk dan goed naar eerder genoemde punten (kleuren, lettertypes, afbeeldingen, uitlijningen, knoppen, posities en navigatie). In het geval van de HKU website bestaat het uit:

- Header: Daar waar het logo en de knoppen in staan.

- Visual: De grote foto met eventuele tekst erin die onder de header staat.

- Content: De invulling van de website zoals de intro tekst, agenda, nieuws en nieuwsblokken. (Je zou de content ook verder kunnen opdelen in verschillende onderdelen als je dat fijn vindt).

- Footer: De onderkant van de website.

---

Benieuwd hoe de volledige site analyse van mij eruit ziet? Hier een link naar het PDF document.