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.

Oriëntatie 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.

  • Als iemand via een zoekmachine op uw site terecht komt, krijgt hij de pagina zonder begeleidende frames, dus zonder logo en navigatiebalken. Hij kan de informatie moeilijk plaatsen en kan niet verder op de site.
  • De afzonderlijke pagina’s hebben geen eigen webadres. Pagina’s zijn daarom ook moeilijk te bookmarken en kunnen ook niet als link naar iemand worden gemaild.
  • Het printen van de webpagina is erg lastig. Meestal wordt slechts één van de frames afgedrukt, en niet zelden het verkeerde.
  • 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

    Stem of voeg toe aanUitleg over het gebruik van deze icons: Plaatsen/stemmen op eKudos Plaatsen/stemmen op NUjij Plaatsen/stemmen op MSN Reporter Plaatsen/stemmen op Digg Stumble it! Voeg dit artikel toe aan Del.icio.us Voeg toe aan je Google bladwijzers Abonneer je op de RSS-feed van deze site Verstuur deze pagina per e-mail via Feedburner Maak een notitie op deze pagina met Fleck

    Gerelateerde artikelen:

    Leave a Reply