NL Design System
Drawer #238
Replies: 8 comments
-
AmsterdamIn Figma onder Filter pattern. Waar verwezen wordt naar een Figma prototype Screenshots / VariantenFigma Closed
Open
Notities
Bekijk het Modal dialog component van Amsterdam voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenFigma Huidig Default
Figma WIP Default
With footer
Align: Inline end
Align: Block end
Notities
Bekijk het Modal dialog component van Den Haag voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Default
Small viewport
Drawer met backdrop
Small viewport
Notities
Bekijk het Modal dialog component van DUO voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
RotterdamIn Figma onder Tablet navigation. Screenshots / VariantenFigma Tablet navigation
Notities
Bekijk het Modal dialog component van Rotterdam voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
RVO
Screenshots / VariantenStorybook Closed
Open
Notities
Bekijk het Modal dialog component van RVO voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook Default
inline-start alignment
inline-end alignment
block-start alignment
block-end alignment
Overflow Y
Figma Default
With footer
Align: Inline end
Align: Block end
Notities
Bekijk het Modal dialog component van Utrecht voor meer informatie |
Beta Was this translation helpful? Give feedback.
-
Voorbeelden KVK.nlLet op: Dit component zit nog niet in het KVK Design System. Dit betekend dat er nog verschillende vormen van op de website leven, maar ik heb dmv notes geprobeerd het gedrag te omschrijven.Artikeloverzicht - https://www.kvk.nl/overzicht/Desktop
Mobile
Zoeken - https://www.kvk.nl/zoeken/
|
Beta Was this translation helpful? Give feedback.
-
✨ Dit component is nu Help Wanted ✨Help je mee hem door de Community stappen te krijgen? |
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de Drawer component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook of screenshots. Met deze informatie kunnen we bewijzen dat het component onderdeel moet worden van de NL Design System component library.
Daarnaast wordt het delen van onderzoek gewaardeerd. Dus heb je zelf onderzoek gedaan en zijn er inzichten voor dit component? Dan horen we dit ook graag!
Link naar bericht in Slack
Naam
Drawer
Doel
Een paneel aan de zijkant van een scherm, die geopend kan worden voor gerelateerde informatie, formulieren of acties.
Gerelateerde componenten
Modal Dialog, Non Modal Dialog
Onderzoek
Niet veel onderzoek kunnen vinden rondom het Drawer component.
Bottom Sheets: Definition and UX Guidelines - Nielsen Norman Group
Artikel dat ingaat op 'Bottom Sheets'. Een component dat gelijkenis vertoond. Zeker vanwege de vele alignment opties bij enkele uitvoeringen.
UX designers: Side drawer navigation could be costing you half your user engagement - The Next Web
Artikel over een gebruikersonderzoek naar de zijnavigatie in een applicatie. Deze zijnavigatie bleek een negatief effect te hebben op de gebruikersbetrokkenheid. Engagement, inclusief de tijd die in de app werd doorgebracht, werd gehalveerd.
Bekijk het Modal Dialog component voor meer informatie
Beta Was this translation helpful? Give feedback.
All reactions