Op een catalogus van meer dan honderd referenties zijn de filters geen comfort maar de toegangsvoorwaarde tot de producten. Hun opzet stelt drie vragen: welke attributen filterbaar maken, hoe de belasting dragen op een grote catalogus, en hoe ze bruikbaar maken op een telefoonscherm.
De gevolgen van die filters voor de SEO vallen onder een apart, elders behandeld onderwerp.
Welke attributen filterbaar maken
De verleiding is alles aan te bieden. De meest frequente fout en de duurste in prestaties zowel als leesbaarheid.
Drie criteria om een filter aan te houden.
Hij is ingevuld op minstens 80% van de producten van de categorie. Een materiaalfilter gevoed op dertig producten van de tweehonderd produceert misleidende selecties: de klant denkt het hele rayon te hebben gezien terwijl hij zag wat gedocumenteerd was.
Hij discrimineert daadwerkelijk. Een attribuut waarvan 95% van de producten dezelfde waarde delen, filtert niets. Bekijk de verdeling van de waarden voor u beslist.
Hij komt overeen met een keuzecriterium. De klant filtert op wat hem helpt beslissen, niet op wat uw leverancier nuttig vond te documenteren. Het verpakte gewicht, de interne referentie of de douanecode horen niet in een filterpaneel.
Een ijkpunt: zes tot acht filters per categorie dekken vrijwel alle behoeften. Daarboven wordt het paneel een formulier.
De filters variëren per categorie
Een vaak verwaarloosd ontwerppunt, dat het verschil maakt tussen een nuttig en een generiek paneel.
De schoenmaat heeft betekenis op schoenen, geen enkele op accessoires. Het vermogen heeft betekenis op elektrisch gereedschap, geen enkele op schroeven.
Een identiek filterpaneel op de hele webshop toont dus overal criteria zonder waarde, wat de relevante criteria verdrinkt. De configuratie moet per categorie gebeuren, met een geërfde en overschrijfbare filterset.
Praktisch gevolg: de aangeboden waarden moeten zich beperken tot die aanwezig in de huidige categorie. Dertig kleuren aanbieden wanneer de categorie er maar vier bevat, is een courante implementatiefout.
AJAX Facetfilters PrestaShopDe facetnavigatie die snel filtert en juist indexeert€99,00
De filtertypes
Vier vormen, elk aangepast aan een gegevenstype.
De aankruisvakjes voor de discrete waarden: merk, materiaal, maat. Ze laten meervoudige selectie toe, het verwachte gedrag.
De kleurbolletjes voor de kleuren, uiteraard, met de naam in een tooltip. Een tekstuele kleurenlijst is duidelijk minder efficiënt.
De prijsschuif, met dubbele greep. Twee voorzorgen: de reële grenzen van de categorie tonen in plaats van vaste waarden, en de directe invoer van de bedragen toelaten voor wie weet wat hij zoekt.
De schakelaars voor de binaire criteria: op voorraad, in promotie, snelle levering. Ze staan bovenaan het paneel omdat ze het meest worden gebruikt.
De resultatenteller
Een beslissend element voor het gebruik, en het stelt een echte technische moeilijkheid.
Het aantal producten achter elke waarde tonen vermijdt dat de klant een lege combinatie selecteert. Dat doen alle uitgewerkte filterinterfaces.
De kost is reëel: die tellers berekenen veronderstelt evenveel aggregatiequery’s als getoonde waarden, bij elke selectiewijziging.
Drie aanpakken naargelang de catalogusgrootte. Op een kleine catalogus passeert de directe berekening zonder optimalisatie. Op een middelgrote catalogus vervangt één enkele aggregatiequery de query’s per waarde. Op een grote catalogus wordt een speciale index of een externe zoekmotor nodig.
Een aanvullende weergaveregel: een waarde met nul resultaten wordt grijs in plaats van te verdwijnen. Haar verdwijning doet de lijst springen en desoriënteert.
De prestaties op grote catalogus
Drie knelpunten, in de volgorde waarin ze verschijnen.
De filterquery’s. Een filter op meerdere attributen produceert meervoudige joins op de attribuut- en kenmerktabellen. Dat is wat een database op de knieën krijgt op de grote categorieën.
De berekening van de tellers, hierboven vermeld, die vaak meer kost dan het filteren zelf.
De totaaltelling, nodig voor de paginering. Op een brede selectie betreft ze tienduizenden regels.
Twee hefbomen voor u een herbouw overweegt. Een speciale indextabel die de product-waardecorrespondenties voorberekent, bijgewerkt bij elke cataloguswijziging. En een cache per combinatie, op korte duur, die de meest frequente selecties absorbeert.
Een methodepunt: meet voor u optimaliseert. Chronometreer de responstijd van een filtering op uw grootste categorie, met drie actieve filters. Overschrijdt u een seconde, dan is het probleem reëel en lokaliseerbaar.
Het mobiele gedrag
Wat over het reële gebruik beslist, aangezien de meerderheid van het verkeer erlangs passeert.
Het zijpaneel van desktop heeft geen equivalent op mobiel. De oplossing die werkt is een volledigschermpaneel, geopend door een knop, met de filters verticaal gestapeld.
Vijf implementatieregels.
De openingsknop blijft bereikbaar tijdens het scrollen, in vaste positie, met het aantal actieve filters getoond.
De toepassing is expliciet. Op mobiel produceert het filteren bij elk vinkje onophoudelijke herladingen. De bezoeker vinkt aan wat hij wil, en valideert dan met een knop die het aantal verwachte resultaten toont.
De actieve filters zijn zichtbaar na het sluiten van het paneel, als etiketten die met één gebaar verwijderbaar zijn.
De reset is bereikbaar zonder het paneel te heropenen.
Het paneel sluit bij de terugkeer, zonder de pagina te verlaten. Een volledigschermpaneel dat de terugknop vangt, is een grote frictie.
Wat in productie breekt
Vier situaties om na de opzet te controleren.
De filters op de varianten. Moet een product beschikbaar in rood maat S en in blauw maat L verschijnen in een selectie rood plus maat L? Nee. Het filteren moet de bestaande combinaties betreffen, niet de kruising van de productattributen.
De beschikbaarheid. Een voorraadfilter die zich baseert op de producthoeveelheid zonder rekening te houden met de varianten, produceert valse positieven.
De sortering na filtering. Ze moet behouden blijven wanneer de bezoeker een filter wijzigt, anders vertrekt ze bij elke aanpassing van nul.
De lege categorieën na filtering. Voorzie een nuttig bericht in plaats van een witte pagina: stel voor de laatst toegepaste filter te verwijderen, vrijwel altijd degene die de selectie heeft leeggemaakt.
Meten
Drie indicatoren.
Het gebruikspercentage van de filters per categorie. Een categorie waar niemand filtert, is ofwel te klein om het nodig te hebben, ofwel uitgerust met onaangepaste filters.
De rangschikking van de gebruikte filters. U zult vrijwel altijd ontdekken dat drie filters het merendeel van het gebruik concentreren, wat rechtvaardigt ze naar boven te halen en de verwijdering van de andere te overwegen.
Het conversiepercentage van de sessies met filtering, vergeleken met de sessies zonder. Een bezoeker die filtert, heeft een preciezere intentie, en het verschil meet de waarde van het systeem.
De AJAX Facetfilters module voor PrestaShop zet dit systeem op op PrestaShop 8 en 9: configuratie van de filterbare attributen per categorie, filtering zonder herladen met resultatentellers, speciale index voor de grote catalogi en volledigschermpaneel met expliciete validatie op mobiel.
