In deze test bekijken we de homepage van Wehkamp.nl,
en letten we vooral op het usability-aspect.
Zo nemen we elk onderdeel even apart, en gaan we hier eventjes op in.
De volgende onderdelen worden in deze aflevering besproken:
Bovenaan in het menu is het Wehkamp logo zichtbaar, die klikbaar is, en de gebruiker naar de homepage leidt.
Rechts hiervan is een winkelwagentje te zien, met het aantal producten, en de totaalprijs hiervan.
Na het klikken op de shopping cart wordt de gebruiker naar zijn winkelwagentje geleidt.
Hieronder is het menu zichtbaar; knoppen met een simpel hover effect doen hier prima hun werk.
De actieve pagina heeft dezelfde stijl als de hover buttons, dit kan misschien voor wat verwarring zorgen.
De zoekbalk hieronder bied meer dan genoeg ruimte voor het invoeren van een zoekopdracht, een pluspunt!
De header bestaat uit vier afbeeldingen, die afgewisseld worden.
De gebruiker kan door de afbeeldingen bladeren, en zo nodig de animatie pauzeren.
Dit gebeurt echter op een wat ongemakkelijke manier; door op de button te klikken, word de gebruiker onmiddelijk doorverwezen naar een andere pagina, en een roll-over zorgt ervoor dat de afbeelding verandert.
Eigenlijk zou de afbeelding na een muisklik op de button moeten veranderen, in plaats van de gebruiker onmiddelijk door te laten verwijzen naar een andere pagina.
Dit kan namelijk wat verwarrend werken.
Hier staan vier categorieén, met daarbij een passende thumbnail, en daaronder drie handige linkjes.
Na het klikken op de thumbnail wordt de bezoeker naar de categorie doorverwezen.
De linkjes onder thumbnails veranderen van kleur bij een mouse-over.
Op dit gedeelte is zo goed als niets aan te merken, en is een goed voorbeeld van 'less is more'!
Dit gedeelte is opgedeeld in drie kolommen, waarvan de linkerkolom alleen afbeeldingen bevat van aanbiedingen en tips.
Deze aanbiedingen en tips hadden gedeeltelijk vervangen kunnen worden door tekst, hier laat Wehkamp een steekje vallen.
De presentatie van de producten, in de middelste en meest rechter kolom, gaat Wehkamp goed af.
Van elk product is er een kleine afbeelding te zien, met daaronder de titel.
Alle klikbare tekst maakt gebruik van een duidelijk hover-effect.
De prijs is helaas niet klikbaar, een klein minpuntje.
Onder de prijs van het product, staat een link naar de categorie waarin het product valt.
De footer word voornamelijk gebruikt voor een tag-cloud te herbergen.
De sleutelwoorden verschillen hierbij ook nog eens van grootte, waarbij de meest gezochte producten extra opvallen.
Hiernaast is er een mogelijkheid om de tekst op de pagina te vergroten.
Dit is een ietwat vreemde plek, geheel bovenaan in de website zou een wat logischere plek zijn.
Hieronder staan handige links die niet mogen ontbreken, waaronder de Algemene Voorwaarden en de Privacy Policy.
Echter zijn de linkjes "Wehkampreporter" en "Spot de Shopper" hier niet op zijn plaats.
Hiernaast bevat de footer een aantal waarmerken, waaronder het waarmerk van Drempelvrij.nl.
Ook in de sidebar staan enkele aanbiedingen, nieuwe producten en tips.
Erg jammer dat de sidebar slechts de helft van de beschikbare ruimte in beslag neemt.
Er zijn echter een aantal (kleine) puntjes waar aan gewerkt kan worden, vooral de ondersteuning voor klanten die Javascript uit hebben staan, kan beter.
en letten we vooral op het usability-aspect.
Zo nemen we elk onderdeel even apart, en gaan we hier eventjes op in.
Homepage
De volgende onderdelen worden in deze aflevering besproken:Menu
Bovenaan in het menu is het Wehkamp logo zichtbaar, die klikbaar is, en de gebruiker naar de homepage leidt.Rechts hiervan is een winkelwagentje te zien, met het aantal producten, en de totaalprijs hiervan.
Na het klikken op de shopping cart wordt de gebruiker naar zijn winkelwagentje geleidt.
Hieronder is het menu zichtbaar; knoppen met een simpel hover effect doen hier prima hun werk.
De actieve pagina heeft dezelfde stijl als de hover buttons, dit kan misschien voor wat verwarring zorgen.
De zoekbalk hieronder bied meer dan genoeg ruimte voor het invoeren van een zoekopdracht, een pluspunt!
Header
De header bestaat uit vier afbeeldingen, die afgewisseld worden.De gebruiker kan door de afbeeldingen bladeren, en zo nodig de animatie pauzeren.
Dit gebeurt echter op een wat ongemakkelijke manier; door op de button te klikken, word de gebruiker onmiddelijk doorverwezen naar een andere pagina, en een roll-over zorgt ervoor dat de afbeelding verandert.
Eigenlijk zou de afbeelding na een muisklik op de button moeten veranderen, in plaats van de gebruiker onmiddelijk door te laten verwijzen naar een andere pagina.
Dit kan namelijk wat verwarrend werken.
Categorieën
Hier staan vier categorieén, met daarbij een passende thumbnail, en daaronder drie handige linkjes.Na het klikken op de thumbnail wordt de bezoeker naar de categorie doorverwezen.
De linkjes onder thumbnails veranderen van kleur bij een mouse-over.
Op dit gedeelte is zo goed als niets aan te merken, en is een goed voorbeeld van 'less is more'!
Producten
Dit gedeelte is opgedeeld in drie kolommen, waarvan de linkerkolom alleen afbeeldingen bevat van aanbiedingen en tips.Deze aanbiedingen en tips hadden gedeeltelijk vervangen kunnen worden door tekst, hier laat Wehkamp een steekje vallen.
De presentatie van de producten, in de middelste en meest rechter kolom, gaat Wehkamp goed af.
Van elk product is er een kleine afbeelding te zien, met daaronder de titel.
Alle klikbare tekst maakt gebruik van een duidelijk hover-effect.
De prijs is helaas niet klikbaar, een klein minpuntje.
Onder de prijs van het product, staat een link naar de categorie waarin het product valt.
Footer
De footer word voornamelijk gebruikt voor een tag-cloud te herbergen.De sleutelwoorden verschillen hierbij ook nog eens van grootte, waarbij de meest gezochte producten extra opvallen.
Hiernaast is er een mogelijkheid om de tekst op de pagina te vergroten.
Dit is een ietwat vreemde plek, geheel bovenaan in de website zou een wat logischere plek zijn.
Hieronder staan handige links die niet mogen ontbreken, waaronder de Algemene Voorwaarden en de Privacy Policy.
Echter zijn de linkjes "Wehkampreporter" en "Spot de Shopper" hier niet op zijn plaats.
Hiernaast bevat de footer een aantal waarmerken, waaronder het waarmerk van Drempelvrij.nl.
Sidebar
Ook in de sidebar staan enkele aanbiedingen, nieuwe producten en tips.
Erg jammer dat de sidebar slechts de helft van de beschikbare ruimte in beslag neemt.
Conclusie
Qua design en usability doet Wehkamp het goed.Er zijn echter een aantal (kleine) puntjes waar aan gewerkt kan worden, vooral de ondersteuning voor klanten die Javascript uit hebben staan, kan beter.
Reacties
Jason
Geplaatst op: 21 oktober 2009, om 20:07 uurmaar er zijn altijd dingen te verbeteren, niks is perfect!
Roald
Geplaatst op: 16 oktober 2009, om 17:55 uurHet artikel is inderdaad een beetje mager. Wehkamp heeft de afgelopen jaren veel geïnvesteerd in usability waardoor het onder andere in 2009 de Usability Award heeft gewonnen.
Own Identity
Geplaatst op: 5 oktober 2009, om 09:24 uurBedankt voor je reactie, Hendrik.
Het doel van dit artikel is mijn mening te geven over wat er beter kan over de website van Wehkamp.
Ik ben geen professionele usability-expert, om dit nog maar even te benadrukken
Hendrik J.
Geplaatst op: 3 oktober 2009, om 14:43 uurnou kan het nog minder diepgaand? Op deze manier (als er al iets gezegd wordt gaat het om je eigen mening) kun je het beter aan professionals overlaten.
Hendrik J.
Geplaatst op: 3 oktober 2009, om 14:44 uurBy the way, misschien zou je eens een belangrijke flow of funnel van de site onder de loep moeten nemen ipv een paar (willekeurig gekozen?) losse elementen op de homepage.
Reactie plaatsen