Usability Award 2010: Siteproof Preview
Op dinsdag 18 mei wordt bekendgemaakt welke van de vijf websites uit de shortlist de Usability Award 2010 krijgt. Een mooi initiatief van 2C Usability (inmiddels MetrixLab), met onder andere Bastiaan Klooster, Ben Vroom en ex-UT-collega Menno de Jong in de vakjury. Siteproof neemt alvast een voorproefje.
Door Patrick Bakker
16-05-2010
De Usability Award wordt dit jaar alweer voor de 10e keer uitgereikt.
De afgelopen drie jaar werd de award twee keer gewonnen door Wehkamp.nl en één keer door WNF.nl.
De genomineerden van dit jaar zijn:
BOL.COM
Bol.com is de grootste Nederlandse online boekwinkel. Inmiddels verkoopt de site ook elektronica, speelgoed, muziek enz.
Het enorme aanbod vereist een slimme aanpak om de bezoeker niet te laten verdwalen. Daar zijn ze bij Bol.com redelijk in geslaagd.
Wel hebben ze daar 10 verschillende navigatiemiddelen voor nodig:
- 3 Horizontale menu's bovenaan (1,2,3)
- 1 Dropdown list met zoekfunctie (4)
- 2 Verticale menu's links (5,6)
- 1 Tag cloud rechts (7)
- 1 servicemenu rechts (8)
- 1 Nog 2 horizontale menulagen onder in de site
De site (en zeker de homepage) is behoorlijk druk, met verschillende fonts en veel kleuren. Maar het is nu eenmaal een commerciële website, en de uitstraling past bij het imago van Bol.com.
Usability Pluspunten:
+ Content is op verschillende manieren terug te vinden.
+ Het servicemenu met de wisselende afbeeldingen is makkelijk te vinden en springt er duidelijk uit.
+ Ook de buitenlandse boeken-banner onder de zoekbalk is heel slim ontworpen.
+ De belangrijkste menu-elementen zitten op de juiste plek. Menu-onderdelen zijn logisch gegroepeerd.
Usability Minpunten:
- De tag cloud is niet opgebouwd om de belangrijkste onderdelen het grootst weer te geven.
Nu is het gewoon een verkapt menu, waarin 'vinyl' het belangrijkste onderdeel lijkt.
- Een sitemap ontbreekt. Dat zou - zeker met zo veel keuzes - een goede ondersteuning geven.
- De 'HOME' button brengt je niet naar de homepage maar geeft een onverwacht submenu.
DITZO
Ditzo heeft het afgelopen jaar enorm campagne gevoerd en is daardoor één van de bekendste verzekeraars in Nederland geworden.
Het is een verzekeraar met een eigenwijze aanpak, die de mens (in ieder geval in de campagnes) voorop heeft gezet.
Dat zie je terug in het typische web 2.0 ontwerp, maar ook zeker in de doordachte usability.
Usability Pluspunten:
+ Hele overzichtelijke homepage met tabs en een gedeeltelijk wisselende grafische vergelijking.
+ Alle pagina's hebben dezelfde indeling, met een breed blok boven en twee smallere blikken eronder.
+ Leuk gevonden: een mogelijkheid om aan te geven dat je het met bepaalde content niet eens bent.
+ Fijne kalme kleuren en duidelijke rode knoppen voor de calls-to-action.
Usability Minpunten:
- Het horizontale menu onder het bovenste wisselende sfeerbeeld geeft je alleen een nieuw beeld.
- Het verschil tussen hoofdmenu-onderdelen en opengeklapte submenu's is niet goed te onderscheiden.
Als je bijvoorbeeld op 'autoverzekeringen' klikt, zie je in het
linkermenu geen verschil tussen de opties
onder de autoverzekeringen en de hoofdmenu-opties (inboedel, woonhuis enz).
- De belangrijkste 'real estate' van de pagina is gevuld met een deel van een persbericht.
Dit bericht is
zeer moeilijk leesbaar door het afwisselende gebruik van kleur en font.
Mijn eerste indruk was dat de
blauwe woorden hyperlinks waren. Niet dus.
EDUHUB
Eduhub.nl heeft - op dit moment - 17.228 verschillende opleidingen, trainingen en cursussen in hun database.
En op hun site. Een flinke uitdaging voor de usability mensen achter de site dus. De oplossing?
Een heel eenvoudig interactiedesign, waarbij je vanaf de homepagina al een grote hoeveelheid tekstlinks voorgeschoteld krijgt.
Op Eduhub.nl wordt netjes boven de fold uitgelegd wat de gebruiker kan verwachten.
Vervolgens geeft de site precies dat: een enorme lijst aan cursussen en trainingen.
Usability Pluspunten:
+ Eduhub geeft de gebruiker direct wat hij wilt: trainingen en cursussen. Geen lange introducties.
+ Goede en directe filtermogelijkheden wanneer er een groot aantal opties overblijft.
+ De printvriendelijke versie en bewaarmogelijkheden van trainingen zijn onmisbaar.
Usability Minpunten:
- Waarom is hier geen gebruik gemaakt van kleurcoderingen voor thema's en onderwerpen?
Bijvoorbeeld techniek, maatschappij, cultureel enz. Gemiste kans.
- Het vergelijken van trainingen kan alleen binnen dezelfde pagina van resultaten.
Je kunt een training op resultatenpagina 1 dus niet vergelijken met die van pagina 2.
HOTELS.NL
Op Hotels.nl maken bezoekers eenvoudig (en tegen een gegarandeerde laagste prijs) een reservering voor een hotel in
Nederland of België. Taak voor de usability experts: op welke manieren proberen bezoekers hun doel te bereiken? Vang maar af.
Direct maar naar de beoordelingen:
Usability Pluspunten:
+ De taalkeuze - de site is gemaakt in 6(!) talen - wordt automatisch gedaan aan de hand van het IP
adres van de bezoeker.
+ De filtermogelijkheden zijn oersimpel, direct en heel overzichtelijk.
+ De veelbezochte bestemmingenbalk - uitgebreid met de huidige bestemming - kan veel tijdwinst
opleveren.
+ Vele slimme ingangen zijn gevonden voor het zoeken. Mijn favoriet: hotels nabij attractiepark, bos, enz.
+ De site is volledig geoptimaliseerd voor het gebruik via netbooks. Mobiel niet getest.
+ Reserveren is echt makkelijk, en vooraf wordt het aantal stappen aangegeven.
Usability Minpunten:
- De Google maps koppeling is handig, maar waarom is er niet gelijk de mogelijkheid gegeven
om de route naar het hotel te kunnen plannen? Gemiste kans.
NOS
De Nederlandse Omroep Stichting beperkt zich al lang niet meer tot radio en televisie.
Misschien heeft ze zelfs wel een voorsprong opgebouwd op het internet door haar ervaring met Teletekst.
Op NOS.nl vind je nieuws, sport, informatie over radio en televisieprogramma's, weblogs en streaming uitzendmateriaal.
Plus het nog altijd populaire Teletekst.
NOS.nl is voornamelijk dus een nieuwssite, en heeft daardoor veel wisselende content.
Een vaste en logische structuur is belangrijk voor de gebruikers. De NOS concurreert met de krantensites, nu.nl en sportwebsites.
Usability Pluspunten:
+ Ruim opgezette homepage en onderliggende pagina's met veel witte ruimte.
+ Gerelateerd audio en videomateriaal is direct beschikbaar vanuit het bericht.
+ Handige kleurcoderingen geven onderscheid tussen nieuws, sport en radio en TV.
Helaas wordt de codering niet consequent doorgevoerd.
Usability Minpunten:
- De menustructuur is niet direct duidelijk. Er zijn drie horizontale menu's waarvan er twee naast elkaar
staan. De verdeling van de onderdelen lijkt in sommige gevallen arbitrair.
Waarom staat 'Alle NOS
websites' naast 'Nieuws' en 'Sport'? Vooral de onderste van deze drie navigatiebalken lijkt een
samenraapsel.
- Behalve de zoekbalk is er ook een zoekknop. Deze opent alleen een identieke zoekbalk, zonder extra
mogelijkheden.
- Wie een filmpje aanklikt en nog geen MS Silverlight heeft geïnstalleerd, wordt hierom gevraagd.
Er wordt aleen totaal geen uitleg bijgegeven, en Silverlight is geen alom bekend product.
- Gevolgde links worden niet als zodanig aangeduid. Vooral op nieuwssites is dat soms een gemis.
- Geen sitemap.
CONCLUSIE
Alle genomineerde sites voor de 2010 Usability Award zijn duidelijk opgezet op basis van usability principes.
Waar mogelijk wordt het de bezoeker zo gemakkelijk mogelijk gemaakt.
Het direct invoeren van je kenteken voor een offerte bij Ditzo is daar een mooi voorbeeld van.
Maar alleen slimme gadgets maken een website niet gebruiksvriendelijk.
Bijna alle genoemde sites laten nog wat steekjes vallen die er met testen of een goede analyse nog uitgehaald hadden kunnen worden.
En klanten die je site verlaten omdat ze niet kunnen doen wat ze van plan waren, kunnen aan het eind van de rit hele kostbare zijn.
Voor ons is Hotels.nl dit jaar de onbetwiste winnaar.
De makers hebben overduidelijk nagedacht over alle taken die hun bezoekers willen uitvoeren en de site volledig in dienst van de klant opgebouwd.
Ik ben benieuwd wat de officiële uitslag morgen is. Dinsdag 18 mei om 16:00 op
www.usabilityaward.nl
UPDATE: De jury heeft zojuist bekendgemaakt dat Bol.com gewonnen heeft.
Felicitaties voor de ontwerpers en ontwikkelaars van de site.
Wilt u volgend jaar ook in aanmerking komen voor de Usability Award? Laat uw site laten analyseren op usability en meer.
