Praktische gidsen

Ontwerp nuttige filters voor een catalogus of directory

Filters moeten een echte beslissing beperken. Extra besturingselementen zonder betrouwbare gegevens creëren lege resultaten, inconsistente labels en soms een stroom van URL's met een lage waarde.

Zie de methode

Illustratie — Ontwerp nuttige filters voor een catalogus of directory
Door AI gegenereerde illustratie

Kies criteria die beslissingen ondersteunen

Let op de vragen die mensen stellen voordat ze kiezen. Een directory heeft mogelijk categorie, regio en resourcetype nodig; Een catalogus heeft mogelijk beschikbaarheid, grootte of gebruik nodig. Voeg alleen een criterium toe wanneer de relevante items betrouwbare gegevens bevatten.

Definieer waarden en synoniemen alvorens te publiceren. Twee labels betekenen hetzelfde strooiresultaat. De webmap Laat zien hoe categorieën, zoek- en verklarende inzendingen kunnen samenwerken.

  • criteria die aan beslissingen zijn gekoppeld.
  • betrouwbare gegevens over relevante inzendingen.
  • Waarden en synoniemen geharmoniseerd.

Resultaten weergeven en aangeven

Toon na een selectie de resultaattelling en actieve filters. Mensen zouden in staat moeten zijn om één criterium te verwijderen of alles opnieuw in te stellen. Een staat zonder resultaten moet uitleggen wat er is gebeurd en een redelijke stap suggereren zonder selecties in stilte te wissen.

Testcombinaties, browserback, categoriewijzigingen en zoeken in vrije tekst. Kaarten hebben leesbare titels en essentiële informatie nodig, zelfs als afbeeldingen mislukken. De Site-zoekgids dekt de bredere reis.

  • telling en criteria zichtbaar.
  • Eenvoudig resetten.
  • Staat zonder resultaten uitgelegd.

Ondersteuning toetsenbord en mobiel

Selectievakjes, selecties en knoppen hebben duidelijke labels, logische volgorde en zichtbare focus nodig. Als de resultaten veranderen zonder opnieuw te laden, kondig de wijziging aan zonder het lezen na elke toetsaanslag te onderbreken. Controleer op mobiel het filterpaneel en de resterende ruimte voor kaarten.

Test op toetsenbord, bij hoge zoom en op smalle schermen. Een muisvriendelijk filter kan het verwijderen nog steeds onmogelijk maken voor een schermlezer of telefoongebruiker. De Toegankelijkheidsgids Biedt een testmethode.

  • Controles genoemd en bereikbaar.
  • resultaat verandert waarneembaar.
  • Mobiel paneel bruikbaar.

Bepaal welke URL's het crawlen verdienen

Sommige selecties kunnen stabiele, nuttige pagina's rechtvaardigen; De meeste combinaties hebben geen indexeerbare URL's nodig. Documenteer de beslissing voordat u veel parameters genereert. Houd individuele inzendingen en een volledige hoofdlijst toegankelijk.

De Google-aanbevelingen voor facetnavigatie Leg de kosten van bijna oneindige URL-ruimtes uit. Beheer lege pagina's, herhaalde instellingen en links die worden gegenereerd na elke filterwijziging.

  • Openbare URL's die opzettelijk zijn gekozen.
  • Inzendingen bereikbaar zonder filters.
  • Lege en dubbele combinaties gecontroleerd.

Deelbare filters maken zonder URL-fragmenten handmatig samen te voegen.

Fictief geval: een filter bevat ‘R&D + advies’. Bouw de URL met URLSearchParams en vergelijk de teruggelezen waarde. Definieer dubbele, ontbrekende en onbekende parameters. De API helpt coderen maar valideert geen waarden en bepaalt geen indexeringsbeleid.

  • Het filter behoudt de exacte waarde en afwijkende parameters volgen een expliciete regel.
  • MDN URLSearchParams

    Interface om URL-parameters te lezen en op te bouwen met codering en herhaalde waarden.

Lege filterresultaten begrijpen

Gekleurde kaartjes in sorteerbakjes op een bureau
Door AI gegenereerde illustratie · Maak actieve criteria begrijpelijk, ook wanneer resultaten ontbreken.

Voorgestelde situatie: categorie en stad geven een lege lijst. Het blijft onduidelijk welk criterium weg kan en wat teruggaan doet.

Vergelijk actieve filters, URL en resultaataantal. Test wissen en terugnavigatie zodat de getoonde toestand begrijpelijk en consistent blijft.

  • Actieve criteria tonen
  • Wissen testen
  • Terugnavigatie controleren

Referentiedocumenten

Inhoud bijgewerkt

Functionele validatiematrix om zich aan het project aan te passen

Deze voorgestelde controles gebruiken fictieve gevallen. Bepaal welk gedrag er met het team wordt verwacht, noteer het resultaat en wijs onopgeloste discrepanties toe voor publicatie.

Schuif de tabel horizontaal om alle kolommen te lezen. Zet met het toetsenbord de focus op de tabel en gebruik de pijltjestoetsen.

Testgevallen, verwachte resultaten en nuttig bewijs
GevalVerwacht resultaatBewijs om te houden
Twee incompatibele filters verbergen alle vermeldingen.De lege status legt uit hoe u de zoekopdracht kunt verbreden en opnieuw kunt instellen. Herstelt de catalogus.Noteer URL, stappen, resultaat en gedateerd bewijs.

Veel gestelde vragen

Wat als filtercombinaties geen resultaat geven?

Toon een begrijpelijke lege toestand, actieve filters en een manier om ze te wissen. Bewaar de query en houd de tellingen consistent. Afwezigheid in de catalogus geeft geen afwezigheid op de markt. Test tegenstrijdige combinaties en reset.

Verwante onderwerpen