Tips voor een betere site

  • Al 5.769 abonnees
  • 1 keer per maand
  • Exclusieve tips en promo's

Facetnavigatie: beste methode voor wissen van actieve filters

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).

NOS.nl: goede integratie van het kruisje om de filter te wissen Apple: ook niet slecht, maar de hoofdkeuze 'Alle...' kan eigenlijk weg

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 je de usability van je 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, vervang je 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…

Facetnavigatie zoals het moet

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.

P.S. Leer hoe je website beter kan in mijn workshop

Wat zijn de belangrijkste hindernissen op jouw website? En hoe los je die op? Waar laat je kansen liggen? Hoe maak je van je bezoekers klanten?

Je weet het als je mijn cursus usability en conversie volgt.

Al 526 mensen volgden deze opleiding en gaven een gemiddelde score van 8,9/10.

Volgende editie: 6 maart 2018, Antwerpen

Bekijk het programma van mijn opleiding usability en conversie optimalisatie

Mis het volgende artikel niet!

  1. Volg ons op Twitter voor interessante links en extra tips.
  2. Like onze Facebookpagina
  3. Schrijf je in op onze maandelijkse nieuwsbrief

Cursus usability & conversie

Op 1 dag krijg jij de inzichten en geheimen die ik de voorbije 15 jaar geleidelijk aan heb ontdekt.

  • Hands-on workshop van 1 dag
  • Met korte bespreking van je eigen website
  • Massa's voorbeelden uit binnen- en buitenland
  • Al 526 mensen volgden deze cursus
  • Volgende editie: 6 maart 2018, Antwerpen