Filteren en sorteren

[jeffreylauwers]

We willen graag meer leren over het patroon: Filteren en sorteren. In welke vorm, of vormen, wordt dit momenteel ingezet en toegepast binnen jouw organisatie?

Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het patroon onderdeel moet worden van NL Design System.

Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit patroon? Dan horen we dit ook graag!

---

Naam
Filteren en sorteren

Doel
Biedt de mogelijkheid om een set aan data naar wens te verfijen en/of te ordenen.

Gerelateerde componenten
Form field, Form field description, Drawer, Details, Accordion, etc.

Onderzoek

• Filter and Sort
• Designing Filters That Work: Best Practices and Guidelines - Smashingmagazine
• Form Design Patterns’ van Adam Silver - Chapter 7 'A Filter form'.

[jeffreylauwers]

Amsterdam & Den Haag

Tijdens een Design Open Hour stelde Nico Druif (Amsterdam) de vraag wat de beste manier zou zijn om filters aan te bieden wanneer deze functionaliteit niet de prioriteit heeft en de ruimte op de pagina beperkt is.

Samen met Nico hebben, Rozerin Ayerdem (Den Haag) en ik bekeken of we tot een patroon rondom filteren en sorteren konden komen. Idealiter een patroon dat ingezet kan worden wanneer filteren en sorteren hoge en lage prioriteit heeft op een pagina.

Hierbij delen we ons 'Schetsbook' inclusief: vragen, screenshots en schetsen.

Schetsboek - Den Haag Design System