10 handige tips voor het testen van je website

Vraag hier een gratis websitetest aan

Een website biedt tegenwoordig zoveel functionaliteit, dat het goed testen hiervan erg belangrijk is. Met deze korte tips zie je niets over het hoofd en komt dit het ontwerp en de gebruiksvriendelijkheid van jouw site ten goede.

Tip 1: benoem een coördinator

Wijs één persoon aan die de testbevindingen verzamelt en aan de ontwikkelaar doorgeeft. Deze persoon is bij voorkeur iemand die bekend is met het plan van de website en kan beoordelen of de opgeleverde site voldoet aan alle eisen gesteld in het plan.

Tip 2: werk met geannoteerde screenshots

Bij testen is het belangrijk om snel en duidelijk wensen en aanpassingsverzoeken te communiceren. Je doet dit het snelst door een programma te gebruiken dat zogenaamde 'geannoteerde' screenshots kan maken. Schermafbeeldingen dus, waar je pijlen, kaders en tekst aan kunt toevoegen ter verduidelijking. Bekende programma's die dit kunnen zijn: Jing, Skitch en Clarify

Tip 3: test in verschillende browsers

Heb je al een bestaande website, dan weet je waarschijnlijk wel met welke webbrowser jouw gebruikers het meest surfen. Richt je tijdens het testen vooral op die browser, maar test de website in ieder geval in de browsers Internet Explorer, Firefox, Chrome en Safari.

Tip 4: test op verschillende schermen en apparaten

Test een website op verschillende schermresoluties. Zorg dat de site er op een laptop net zo mooi uitziet als op een grote 27 inch monitor. Vergeet vandaag de dag ook tablets en smartphones niet. Hoe ziet jouw site er op deze draagbare platforms uit? Gebruik eventueel tools zoals [Screenfly] om dit soort testen te vergemakkelijken. Een website waar je snel je website in verschillende resoluties kunt bekijken is [The Responsinator]

Tip 5: let naast design ook op interactie-design

Voormalig Apple-topman Steve Jobs zei ooit dat design niet is hoe iets eruitziet, maar hoe iets werkt. Bij een interactief medium als internet is dit belangrijker dan ooit. Let dus naast alle 'eye-candy' ook vooral op gebruiksvriendelijkheid bij het testen.

Tip 6: wees kritisch op zoekmachinevriendelijkheid

Check altijd of de HTML die het CMS genereert wel zoekmachinevriendelijk is. Dus check of er netjes H-tags geplaatst worden rond kopteksten, of de site een meta description en title heeft, enzovoort. Als je AccentCMS gebruikt dan is dit uiteraard al goed geregeld.

Tip 7: check hyperlinks

Gebruik je veel hyperlinks op jouw site? Check dan of deze allemaal werken. Vooral als de nieuwe site bovenop een oude site is gebouwd, of als de site vanaf een testomgeving live wordt gezet, kan er nog wel eens wat mis gaan met links. Een handige tool voor het automatisch zoeken naar kapotte links is de [Online Broken Link Checker].

Tip 8: doe gebruikerstests

Laat de tests niet alleen uitvoeren door de 'IT-nerd' binnen jouw bedrijf, maar vraag ook medewerkers om te testen, vooral als zij uiteindelijk met het systeem moeten werken. En het meest belangrijk van allemaal: vergeet natuurlijk niet de doelgroep van je site. Afhankelijk van de aard van jouw project kan het zeer aan te raden zijn om een bezoekerstest te doen.

Tip 9: test alle functies

Zorg dat jouw testpagina's alle functionaliteiten gebruiken die de website biedt. Maak je bijvoorbeeld een pagina aan, zorg dan dat alle elementen er in zitten. Bijvoorbeeld een genummerde en een ongenummerde lijst, afbeeldingen met onderschrift, embedded video (YouTube bijvoorbeeld). Test al deze gevallen en kijk ook of de template van de site berekend is op lange woorden, staande foto's, enzovoort.

Tip 10: let op prestaties en snelheid

Met de huidige snelle kabelverbindingen zou je deze bijna vergeten, maar hij blijft belangrijk. Check altijd of jouw website goed presteert. Gebruik zo nodig een geautomatiseerde dienst zoals [WebPagetest] als je een onafhankelijke test wilt doen. Op die site kun je ook heel gemakkelijk op een tijdlijn vol screenshots zien hoe jouw site laadt en presteert.

⊕ Gepost door Vanessa Tekelenburg

Ontvang elke maand onze tips & trucs in je mailbox.