Producten vergelijken is moeilijk

Nieuwsbrief februari 2010

Veel website die elektronica producten verkopen, bieden gebruikers de mogelijkheid om de producten te vergelijken. Deze mogelijkheid maakt het makkelijker om een keuze te maken tussen een selectie van de aangeboden producten. Het vergelijken van producten is handig, zolang dit op een eenvoudige en duidelijke manier gedaan kan worden. In dit artikel een aantal richtlijnen voor productvergelijkingsmatrices gegeven.  

Productpagina

Het vergelijken van producten begint op de productpagina. De gebruiker kiest ene aantal producten op de productpagina om vervolgens te vergelijken.  

1) Geef direct duidelijk aan hoeveel producten maximaal met elkaar vergeleken kunnen worden. Drie is een mooie hoeveelheid. Met meer wordt de uiteindelijke vergelijkingsmatrix minder overzichtelijk.

Toon bijvoorbeeld boven aan de pagina of bij de knop om naar de vergelijkingspagina toe te gaan een optie om te zien hoeveel er mogelijk zijn.

Bijvoorbeeld zoals in onderstaand voorbeeld:

Voorbeeld vergelijkingsmatrix

Een andere mogelijkheid om aan te geven hoeveel opties er zijn, is te zien in het volgende voorbeeld:

Voorbeeld vergelijkingsmatrix

De gebruiker heeft dan een visueel overzicht van de keuze die gemaakt zijn, dat er slechts 3 keuzes gemaakt kunnen worden en de mogelijkheid om deze aan te passen voordat daadwerkelijk vergeleken wordt.

2. Plaats de optie om naar de vergelijkingspagina te gaan bij de producten, direct naast de checkboxes en niet alleen helemaal bovenaan of helemaal onder aan de pagina. Vooral bij pagina’s met veel producten is dan niet meer te zien waar de knop om naar de vergelijkingspagina te gaan is gebleven. Wanneer deze bij de checkboxes zelf staat is het direct duidelijk. Ook maakt de link direct duidelijk waar de checkbox voor bedoeld is.

Vergelijkingsmatrix

Na de keuze van de producten om te vergelijken, gaat de gebruiker naar de vergelijkingmatrix. Ook hier zijn een aantal zaken van belang.

  1. Open deze in een nieuwe pagina, i.p.v. een popup of overlay.
  2. Geef een duidelijke link terug naar de productpagina, zowel boven als onder de vergelijkingsmatrix
  3. Maak het mogelijk om producten direct in het winkelmandje te plaatsen vanuit de vergelijkingsmatrix

Dit voorbeeld toont zowel een link naar de productpagina als naar het winkelmandje:

Voorbeeld vergelijkingsmatrix

  1. Geef een link naar de productdetailpagina van de verschillende producten.
  2. Maak het mogelijk om een product uit de matrix te verwijderen of een andere toe te voegen, zonder alle andere weer te moeten selecteren.

Bijvoorbeeld zoals in onderstaand voorbeeld:

Voorbeeld vergelijkingsmatrix

  1. Geef niet een ellenlange lijst met productspecificaties, maar biedt de mogelijkheid om in- of uit te klappen. Hierbij is het van belang dat het duidelijk wordt weergegeven dat onderdelen in en uit te klappen zijn.

Bijvoorbeeld zoals in onderstaande afbeelding:

Voorbeeld vergelijkingsmatrix

  1. Biedt de optie om de vergelijking te bewaren of te printen, zodat deze later nog eens bekeken kunnen worden. Dit is voor gebruikers die voor een ander informatie opzoeken of voor de aankoop de verschillende producten met een partner wil bespreken een fijne service.

Bron

Inhoud:

  1. Ik zie ik zie wat jij niet ziet
  2. Nieuwe website? Voorkom teleurstelling!
  3. Welke website is het makkelijkst te gebruiken?
  4. Producten vergelijken is moeilijk
  5. Waarom een nieuwe betalingsmodule ontwerpen?
  6. Usability Misser van de Maand
  7. Kort Nieuws - Kort Nieuws - Kort Nieuws
  8. MetrixLab's Website Performance Monitor