10 éénvoudig te realiseren usability tips
- Een logische en intuïtieve navigatie
- Maak gebruik van een kruimelpad
- Voorzie voldoende links naar de homepagina
- Elke pagina van uw site is een homepagina
- Elke pagina is bereikbaar in maximaal drie kliks
- Gebruik een consistente look & feel
- To scroll or not to scroll?
- Voorzichtig met animaties en high tech toepassingen
- Duidelijke hyperlinks
- Leesbare teksten
1. Een logische en intiütieve navigatie.
Surfers zijn ongeduldig en haken snel af als ze teveel hun weg moeten zoeken op een website. Maak daarom gebruik van een duidelijk boven- en/of linkernavigatie, uw websitebezoekers zijn dit gewend en zullen dit als 'natuurlijk' ervaren.
Voor algemene rubrieken gebruikt u best ook de vertrouwde namen. Noem uw Home button ook gewoon 'Home', uw contactpagina 'Contact'. Voor specifieke rubrieken gebruikt u het best goed begrijpbare termen.
Verlies u dus niet in doelloze creativiteit bij het 'designen' van uw navigatie en het verzinnen van originele rubrieknamen. Integendeel, de return van uw site zal het hoogst zijn als u het voor uw bezoekers zo makkelijk mogelijk maakt!
2. Maak gebruik van een kruimelpad.
Een kruimelpad is een navigatiehulpmiddel dat aan de bezoekers van uw site aangeeft waar in uw website zij zich bevinden en tegelijk de mogelijkheid biedt om in één klik naar een hoger niveau terug te keren. Het kruimelpad voor deze pagina is:
Home > e-marketing artikels > 12 éénvoudig te realiseren usability tips
De websitebezoeker krijgt hiermee een pak informatie en mogelijkheden:
- De actuele pagina is een artikel met 12 usability tips
- Het is een subpagina van 'E-marketing artikels'
- Het niveau daarboven is dan weer de homepagina van de site zelf
- De surfer kan met één klik terug naar de homepagina of naar het overzicht van de e-marketing artikels
Integreer zo'n kruimelpad op een duidelijk zichtbare plaats, bij voorkeur bovenaan, op alle pagina's van uw website en het gros van uw websitebezoekers zal vlot zijn of haar weg vinden doorheen uw website.
En als surplus krijgt u er nog bij dat een kruimelpad het voor de robots van search engines extra makkelijk maakt om uw website te indexeren.
3. Voorzie voldoende links naar de homepagina.
Hoe intuïtief uw navigatie ook in elkaar zit, het is steeds belangrijk dat uw website bezoekers steeds makkelijk terug kunnen naar uw homepagina. Voorzie daarom minimum één, bij voorkeur meerdere, links naar uw homepagina die steeds in dezelfde vorm en op dezelfde plaats staan. Ga er ook niet vanuit dat uw websitebezoekers 'weten' dat ze op uw logo in de bovenbalk van uw site moeten klikken om naar de homepagina te surfen. Het is inderdaad een veel voorkomend gebruik onder webmasters en websitebouwer maar verrassend veel internetters weten dit gewoon niet. Op de I-Marketeer website kunt u steeds terug naar de homepagina via één van volgende wegen:
- Logo linksboven
- De eerste stap van het kruimelpad
- 'Home' vermelding in de footer
4. Elke pagina van uw site is een homepagina
Dankzij search engines zoals Google kunnen website bezoekers via om het even welke pagina uw site binnenkomen. Zorg er daarom voor dat al uw webpagina's in enkele seconden basisinformatie meegeven: wat is het onderwerp van de site, welk bedrijf of organisatie zit erachter, welke zijn de hoofdrubrieken van de website, ... Vertrouw er niet op dat de surfers wel naar uw homepagina of een andere pagina zullen surfen om dit te weten te komen. Veel surfers hebben nu éénmaal bijzonder weinig geduld!
5. Elke pagina is bereikbaar in maximaal drie kliks
Dankzij de talloze content management systemen die er vandaag op de markt zijn, is het het bijzonder makkelijk om heel uitgebreide websites uit te bouwen met honderden tot duizenden webpagina's. Al deze pagina's worden (hopelijk) gebouwd met een bepaalde bedoeling: producten verkopen, websitebezoekers informeren, interactie stimuleren, ...
Omwille van het beperkte geduld van surfers streeft u er best naar om minstens alle belangrijke pagina's binnen maximaal 3 kliks bereikbaar te maken, hiervoor beschikt u onder ander over volgende hulpmiddelen:
- Een goede navigatie, eventueel een topnavigatie in combinatie met een linkernavigatie
- Een sitemap: een must voor omvangrijke websites
- Indexen voor omvangrijke rubrieken, bijvoorbeeld een overzicht van al het gearchiveerde nieuws over uw bedrijf en haar producten van de afgelopen 10 jaar.
- Een searchfunctie: belangrijk voor omvangrijke websites, een must voor e-commerce platformen
6. Gebruik een consistente look & feel
Dit lijkt een heel vanzelfsprekende tip. Veel bedrijven en organisaties beschikken namelijk voor een styleguide om ervoor te zorgen dat alle communicatie uniform, herkenbaar, ... is. Toch zien we nog steeds tal van websites waar de kleuren plots en non-functioneel veranderen naargelang de rubriek waarin je surft, navigaties die er anders uitzien op verschillende pagina's, ... En dit alles voornamelijk voor de creativieve vrijheid en aantrekkelijkheid.
Grafische aantrekkelijke websites bieden zeker en vast een meerwaarde, maar het mag niet ten koste gaan van de gebruiksvriendelijkheid en duidelijkheid van uw website.
7. To scroll or not to scroll?
Een eeuwige discussie op het internet, is het aanvaardbaar websitebezoekers te laten scrollen om alle informatie op bepaalde webpagina te kunnen zien.
Eerst en vooral maken we hierbij een onderscheid tussen horizontaal scrollen en verticaal scollen.
Horizontaal scrollen
Horizontaal scrollen komt voor als de webpagina breeder is dan de horizontale resolutie van het beeldscherm. Vandaag de dag surfen de meerste gebruikers met een beeldschermresolutie van 1024 bij 768 pixels. Dit betekent dat als de breedte van uw webpagina's en de zijbalken van de browser samen meer dan 1024 pixels bedragen, surfers van links naar rechts en terug moeten scrollen om uw webpagina's te kunnen raadplegen. En dat is een bijzonder lastige opgave, tracht u zelf maar eens een tekst(je) te lezen waarvoor u bij elk lijntje heen en weer moet scrollen.
Samengevat: horizontaal scrollen is een ideaal hulpmiddel om uw websitebezoekers zo snel mogelijk naar een andere website te jagen. te mijden dus!
Verticaal scrollen
Of het scrollen van boven naar beneden (en terug) om een webpagina volledig te bekijken of te lezen.
Over horizontaal scrollen is zowat iedereen het eens: not done. Bij verticaal scrollen is de discussie heviger. Sommigen predikeren om ook verticaal scrollen volledig te vermijden. Dit resulteert soms in een krampachtig samenpersen van info of het verdelen van samenhorende content over meerdere pagina's.
En door het taalgebruik in de vorige alinea kunt u al afleiden dat I-Marketeer eerder positief staat tegenover verticaal scrollen. We onderscheiden wel twee soorten webpagina's:
- Overzichtspagina's:
pagina's die we bouwen om surfers naar de dieperliggende eigenlijke website content te brengen: de homepagina, een nieuwsoverzicht, een overzicht van productcategorieën, ...
Op dit soort pagina's beperkt u het verticaal scrollen best zoveel mogelijk, of tracht in elk geval om de belangrijkste items 'above the fold' te plaatsen.
Wat bij lange lijsten zoals bijvoorbeeld een nieuwsarchief? Opsplitsen in verschillende pagina's? Niet echt noodzakelijk, maar zorg er wel voor dat de meest recente items (of de belangrijkste) bovenaan staan en dat door de opbouw van de pagina het voor de website bezoeker duidelijk is dat er lager in de pagina nog items staan.
- Contentpagina's
Dit artikel is een voorbeeld van een contentpagina. Op sommige sites worden deze over verschillende pagina's verdeeld om de gebruiker toch maar niet te laten scrollen. Volgens ons is de remedie hier erger dan de kwaal: de lezer verliest algauw de draad in de kliks tussen de verschillende subpagina's, het is omslachtig om het artikel te printen, ...
Daarenboven is het met de scrollmuizen van vandaag al helemaal geen probleem naar beneden of boven te scrollen.
Zorg er wel voor dat u enkel logisch samenhorende delen op een langere pagina plaatst. Als u een volledig boek online publiceert is het uiteraard ook aan te raden om dit over meerdere pagina's te verdelen.
8. Voorzichtig met animaties en high tech toepassingen
Flash animaties, shockwave toepassingen, geavanceerde javascripts, ... allemaal heel leuke en creatieve toepassingen. Toch blijft het verrassend hoeveel surfers de nodige plug-ins niet geïnstalleerd hebben of die niet upgraden bij elke nieuwe versie.
Indien weldoordacht toegepast kunnen animaties een toegevoegde waarde bieden. Maar zorg ervoor dat ze geen hindernis vormen naar uw 'gewone' contentpagina's en verwittig surfers welke plug-ins noodzakelijk zijn voor welke delen van uw website. Voorzie hyperlinks naar websites waar uw websitebezoekers de nodige software kunnen downloaden of beter nog voorzie statische alternatieven voor uw geanimeerde content.
9. Duidelijke hyperlinks
De standaard regel voor hyperlinks in de tekst is: donkerblauw, onderlijnd en veranderend van kleur bij mouze-over. Wijk hier niet te veel van af, spelen met een andere tint blauw en/of met de kleur bij mouse-over is niet echt een probleem. U respecteert wel best dat hyperlinks onderlijnd zijn.
Vermijd dan ook het gebruik van onderlijnde tekst om deze in de kijker te plaatsen. Plaats tekst die u wilt laten opvallen in het vet of cursief.
10. Leesbare teksten
Heel eenvoudig: voor broodtekst gebruikt u best een donker font op een lichte achtergrond. Een lichte fontkleur op een donkere achtergrond leest ook goed en staat chiquer? Inderdaad, maar het is veel vermoeiender om teksten te lezen die negatief afgebeeld zijn. Negatieve tekst kan wel om bijvoorbeeld een slogan te laten opvallen.
Ook de fontgrootte is belangrijk. Vooral portaalsites gebruiken nogal eens piepkleine fontgroottes om toch maar zoveel informatie op één scherm te krijgen en bij voorkeur above the fold. U maakt het uw gebruikers hier niet gemakkelijker mee, integendeel. Gebruik daarom bij voorkeur een fontgrootte van minimaal 10 pixels en laat voldoende witruimte tussen de teksten.
Mei 2007
Auteur: I-Marketeer