Stand van zaken na vorig artikel

In ons artikel met 4 designtips voor een facetnavigatie hadden we het onder meer over hoe je actieve filters moet wissen.

Puur qua design waren wij ontzettend te spreken over de uitwerking van NOS.nl (het linkse voorbeeld hieronder).

En we moesten een beetje lachen met de kneuterige oplossing van Apple dat in elke categorie een item ‘Alle …’ zet (het rechtse voorbeeld hieronder).

Tijd om te testen

Een paar dagen na dat artikel deden we in opdracht van een klant gebruikerstesten op een mock-up waarbij facetten een essentieel onderdeel van de site waren. Een zeer goede aanpak trouwens als u de usability van uw website echt grondig wil aanpakken: testen vooraleer hem te maken.

Wat hebben we geleerd uit die testen?

• Design speelt niet zo’n grote rol
  Zolang het maar duidelijk is welke filters actief zijn. Door een kleurverschil van lettertype of achtergrond of iets meer fancy zoals de NOS doet.
• Vervang de naam van de facetcategorie door ‘Alle …’
  Zodra in een categorie een filter actief is, vervangt u de naam van de categorie door ‘Alle …’. Dat was voor alle testpersonen superduidelijk.
  8 op 10 personen klikte op de gewijzigde categorienaam, de andere 2 op de actieve filter (om hem zo weer uit te zetten).

Enkele voorbeelden

• Facetcategorie ‘Materiaal’ wordt bij een actieve filter ‘Alle materialen’
• Facetcategorie ‘Grootte’ wordt bij een actieve filter ‘Alle groottes’

De afbeelding hieronder is een absoluut niet-gedesignde versie van wat we getest hebben. Het is alleen bedoeld om het principe te verduidelijken. Dus aub geen comments over mooi of lelijk…

Is deze oplossing zo briljant?

Neen. Ze is gewoon erg logisch en eenvoudig. En waarschijnlijk zijn er al sites die het ook op die manier doen.

De meeste websites pakken het echter anders aan. En zijn niet zo intuïtief. Geloof ons, we hebben al veel soorten facetnavigaties getest. En dit is echt een uitstekende oplossing.

Heel intuïtief en je verliest er geen extra regel mee, in tegenstelling tot de oplossing van Apple.

Dus ja, eigenlijk toch wel briljant.

Lees zeker ook deze artikels

• 4 tips voor een goede facetnavigatie
• 4 best practices om producten te vergelijken
• Goede en slechte voorbeelden van productkeuzepagina’s
• Paginavouw + slechte productzoeker = slechte user experience

Benieuwd hoe jouw website beter kan?
Volg dan onze usability workshop, laat een expert review doen of - de allerbeste oplossing – doe een gebruikerstest.

Artikels die je zeker ook interesseren

• Filteren in productcatalogus: 4 tips voor een facetnavigatie
• De hipste navigatie ooit
• De Efteling, waar je mindervaliden makkelijk kan vermijden
• Website menu’s van de 20 populairste websites wereldwijd