NL Design System
Page Footer #282
Replies: 8 comments
-
AmsterdamScreenshots / VariantenStorybook Default Onderzoek en Statistiek 
Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
Den HaagScreenshots / VariantenStorybook 
Responsive gedrag Figma Megafooter 
Responsive gedrag Contact footer 
Responsive gedrag 
Legal footer 
Responsive gedrag 
Notities
|
Beta Was this translation helpful? Give feedback.
-
DSOScreenshots / VariantenStorybook Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
DUOScreenshots / VariantenDocumentatie website Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
OpenGemeentenScreenshots / VariantenPatternlab 
Page Footer Link Page Footer Orientation Rows Page Footer Orientation Rows Long Responsive gedrag 
Voorbeelden verschillende gemeentes Gemeente Schouwen-Duiveland Responsive gedrag Gemeente Westland Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
RotterdamScreenshots / VariantenFigma White Green Publieke website Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
RVOScreenshots / VariantenStorybook Responsive gedrag 
Notities
|
Beta Was this translation helpful? Give feedback.
-
UtrechtScreenshots / VariantenStorybook Responsive gedrag Notities
|
Beta Was this translation helpful? Give feedback.
-
We willen graag meer leren over de Page Footer component. In welke vorm, of vormen, wordt deze momenteel ingezet en toegepast binnen jouw organisatie?
Deel hieronder een link naar Figma, Storybook, Github of screenshots. Met deze informatie kunnen we bewijzen dat de 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
Page Footer
Doel
Consistente plek onderaan elke pagina, vaak met links, juridische informatie en opties om hulp te krijgen of contact op te nemen.
Ook bekend als
Footer
Gerelateerde componenten
Page Header
Onderzoek
Web Page Footers 101: Design Patterns and When to Use Each - NN/g
Het artikel bespreekt de evolutie en het belang van Footers.
Footers Are Underrated - NN/g
Uit gebruikerstests blijkt dat gebruikers vaak naar Footers kijken voor belangrijke informatie en taken, waardoor ze een essentieel onderdeel vormen van de algehele ervaring van een site.
Footer Links Should be Divided into Distinct Semantic Sections - Baymard Institute
Het gebruikersonderzoek toont aan dat Footers vaak een laatste redmiddel zijn voor gebruikers om informatie zoals retourbeleid of live chat te vinden, maar dat slecht ontworpen Footers vaak tot frustratie en gemiste kansen leiden. Het benadrukt hoe duidelijke, semantische secties en aangepaste ontwerpen voor mobiel en desktop essentieel zijn om gebruikers effectief te ondersteunen.
GOV.UK footer - GOV.UK
Footer implementatie bij GOV.UK. Bij de Footer Discussion wordt meer informatie, onderzoek en aanpassingen gedeeld. Enkele interessante comments:
ARIA: contentinfo role - MDN Web Docs
De contentinfo role verbetert de navigatie voor gebruikers van ondersteunende technologieën en maakt het eenvoudiger om snel naar de footer-informatie te springen, wat de algehele gebruikerservaring verbetert.
Page Regions - W3C
De region rol kan worden gebruikt als een bredere aanduiding van een belangrijk gebied op de pagina, maar is minder specifiek dan contentinfo. Dit helpt bij het markeren van de Footer als een belangrijk, afzonderlijk gebied van de pagina, zodat gebruikers het makkelijk kunnen vinden.
Beta Was this translation helpful? Give feedback.
All reactions