Usability: 14 tips voor een heldere site (deel 1)
U kunt nog zoveel aanbieden op uw website, maar vinden uw bezoekers dat allemaal wel? Laat ze niet verdwalen of wegklikken. Veertien usability-tips voor uw website (opgedeeld in Ontwerp en Inhoud).
Websitebezoekers kijken meestal haastig en slordig. Zij scannen de aangeklikte pagina’s en klikken veel, maar lezen nauwelijks. Het oog van de bezoeker valt vooral in het midden van het scherm en iets minder naar de navigatiebalken links en bovenin. De rechter- en onderkant van het scherm worden amper bekeken en scrollen doen bezoekers alleen bij opgezochte informatie, zo blijkt uit testobservaties bij gebruikers.
ONTWERP
1. Homepage
De homepage wordt het meest bezocht. Deze moet u optimaal inrichten om de inhoud van uw website goed in beeld te brengen. Plaats de informatie in het midden van de site en via knoppen in de linker- en/of bovenste navigatiebalk(en).
2. Knoppen
Navigatiebalken scoren het beste bovenin of links van de site. Geef elke knop op die balk een titel die duidelijk maakt naar welke informatie, producten of diensten hij leidt. Bezoekers klikken bijna uitsluitend op knoppen die daar glashelder over zijn. Knoppen als ‘informatie’ of ‘algemeen’ kunnen van alles betekenen. Kijk ook uit met jargon, afdelingsnamen en voor de leek onduidelijke productsoorten. Bedenk altijd of de onbekende bezoeker zich er voldoende bij kan voorstellen.
3. Overzicht inhoud rubrieken
Net als de homepage moeten ook de pagina’s van (sub)rubrieken duidelijk maken welke waardevolle informatie er te vinden is. De navigatiebalkknoppen zijn namelijk te kort om de inhoud van een (sub)rubriek volledig duidelijk te maken. Plaats dus een overzicht van de belangrijkste (sub)rubriekonderdelen links of in het midden van het scherm.
4. Oriëntatie
Als de bezoekers verder surfen op de site moeten ze zich continu kunnen oriënteren: waar zijn ze en waar kunnen ze naartoe? Ideaal hiervoor is een linker navigatiebalk die openklapt. Als de bezoeker op een knop klikt, komen de subknoppen tevoorschijn, net als bij zibb.nl. De bezoeker blijft zo overzicht houden van waar hij zich op de site bevindt. Ook een ‘kruimelpad’ werkt goed. Dat is een soort van wegwijzer, boven in het inhoudelijk deel van de pagina, die van de homepage tot de bewuste pagina leidt, met links naar de bovenliggende niveaus, zoals boven dit artikel.
5. Terug naar vorige pagina of homepage
De back- of terugknop van de browser moet altijd naar de vorige pagina leiden. Dat is lang niet altijd het geval. Laat het logo, liefst linksboven, linken naar de homepage. Plaats ook elders een knop Home naar de homepage.
6. Geen frames
Professionele sites hebben geen frames. Dat bij het scrollen de navigatie uit beeld kan verdwijnen, weegt minder zwaar dan de nadelen van de frames.
7. Testen
Test voordat u daadwerkelijk online gaat uw site bij proefgebruikers. Daarmee kunt u alvast eventuele gebruikersproblemen opsporen en elimineren. Testen kunt u zelf doen: laat medewerkers of anderen die minder bekend zijn met de inhoud van de site rondsurfen. Laat ze hardop denkend zoeken naar belangrijke, maar ook naar minder in het oog springende informatie, naar bekende en minder gangbare producten of laat ze een ingewikkelde bestelling doen. Kijk wat er gebeurt en waar het misgaat. En los vooral de euvels op. Laat de site eventueel testen bij proefgebruikers via een professioneel bureau. Kijk zelf mee. Want hoe gebruikersvriendelijker uw website is, hoe beter u de klant van dienst kunt zijn.
bron: zibb