Component: Button Login

[AlineNap]

We willen graag meer leren over het Button login 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!

---

Naam

Button login

Doel

Biedt de mogelijkheid om naar de beschikbare inlogmiddelen te navigeren.

Gerelateerde componenten

Button

Waarom een uniek component?

Met een uniek component zijn updates vanuit het inlog patroon aan de copy, logo’s of opmaak gemakkelijk doorgevoerd.

Richtlijnen

Stijlhandleiding aansluiten Toegang van Logius
Kan uiteindelijk als patroon aangeboden worden.

Onderzoek

Deze button is onderdeel een patroon, inloggen. Logius heeft de opdracht gekregen hier een uniforme klantreis voor te ontwerpen. Aanleiding hiervoor is de Wet digitale overheid waar één stelsel voor digitale toegang van burgers en bedrijven bij de overheid van kracht wordt. Onderdeel van de WDO is het toelaten van private authenticatiediensten en het uitbreiden van vertegenwoordiging opties, zoals ouderlijk gezag en bewindvoering. Mede door deze uitbreiding van het stelsel is het initiatief voor een uniforme klantreis opgezet.

Hiervoor zijn verschillende onderzoeken gedaan. Deze zijn nog niet openbaar. Maar hierbij een lijstje:

• Gebruikersonderzoek: Ideaal inlogproces eID(september 2020)
• Gebruikersonderzoek: Ideaal Keuzescherm (2021)
• Gebruikersonderzoek: Uniforme klantreis (november 2022)
• Gebruikersonderzoek: UX-onderzoek naar de uniforme klantreis zakelijke gebruikers (september 2023)

[AlineNap]

Gemeente Den Haag

Button login

• Storybook
• Figma

---

screenshots / varianten

Apart inlogpagina

Onder dienst

---

Notities

• label format: inloggen met [naam inlogmiddel] of de taak is beschreven zoals vergunning opzeggen.
• Aparte inlogpagina en inlog opties onder een dienst.

[AlineNap]

Gemeente Utrecht

Button login

• Storybook
• Figma niet gevonden

---

screenshots / varianten

---

notities

• label format: inloggen [naam inlogmiddel] of de taak is beschreven zoals kenteken aanpassen
• Inlog opties onder een dienst, geen aparte inlogpagina.

[AlineNap]

Gemeente Amsterdam

Button login
Geen component gevonden in Storybook en Figma.

---

###screenshots / varianten

Op aparte inlogpagina:
link

Onder een dienst
link

Belastingbalie Amsterdam
link

Mijn subsidies
link

---

Notities

• label format: inloggen met [naam inlogmiddel] of [naam inlogmiddel]
• Heeft een aparte inlogpagina en knoppen onder een dienst

[AlineNap]

Logius

Button login
Storybook en Figma van huidige implementatie niet openbaar
Storybook nieuwe component
Figma nieuwe component

---

Screenshots / varianten

MijnOverheid:

DigiD Machtigen

DigiLevering

---

Notities

• label format: inloggen met [naam inlogmiddel]
• label format MijnOverheid: Log in met [naam inlogmiddel]

[AlineNap]

UWV

Button login
? Storybook
? Figma

---

Screenshots / varianten

machtigen

In geheel
link

---

Notities

• label format: gebruikt verschillende formats: Inloggen, [naam portaal], inloggen met eHerkenning
• Heeft een aparte inlogpagina, geen buttons gevonden onder een dienst. Wel een inlogknop van eHerkenning met het label: [naam portaal], deze staat in de start/home pagina.

[AlineNap]

DSO, Omgevingsloket

Button login
Storybook: geen apart coponent
? Figma

---

Screenshots / varianten

---

Notities

• label format: inloggen met [naam dienst], Europeese login (voor eIDAS)
• Aparte inlogpagina, geen inlog opties gevonden onder een dienst.

[AlineNap]

DUO

Button login
Geen component of documentatie gevonden op de documentatie website

---

Screenshots / varianten

Mijn DUO
link

Machtigen

Mijn Inburgering
link

Onderwijs serviceregister
link

Mijn helpdeskpo
link

Mijn DUO zakelijk
link

Personenregister kinderopvang
link

Mijn Wft
link

---

Notities

• Label format: nloggen met [naam inlogmiddel], inloggen [naam portaal],
• Meestal aparte inlogpagina,
• DUO gebruikt meerdere patronen, vaak kom je nog op een aparte inlogpagina met keuze inlogmiddelen maar soms wordt dit ook overgeslagen en kom je direct bij eHerkenning.

[AlineNap]

Open formulieren

Button login
Storybook

---

Screenshots / varianten

Machtigen

---

Notities

• twee label formats: [naam inlogmiddel], inloggen met [naam inlogmiddel]
• Per definitie staan deze knoppen onder een dienst gok ik? Gezien het om formulieren gaat.
• Mogelijkheid om niet in te loggen wordt opgelost door een knop toe te voegen: begin form (anonymous)

[AlineNap]

Rotterdam

Button login
Geen component gevonden

---

Screenshots / varianten

Aparte inlogpagina
link

---

Notities

• label format: inloggen met [naam inlogmiddel] als [burger, bedrijf/instelling],
• Aparte inlogpagina, geen knoppen onder een dienst gevonden.

[AlineNap]

Belastingdienst

Button login
Bold, het design system van de Belastingdienst is niet openbaar

---

Screenshots / varianten

Machtigen

---

Notities

• label format: Inloggen met [naam inlogmiddel]
• Gebruik hetzelfde patroon voor de 4 verschillende portalen, Mijn Belastingdienst, Mijn toeslagen, Voor ondernemers, Voor douanezaken
• Geeft informatie over het aanvragen van een machtiging

[AlineNap]

RVO

Button login
Geen component aanwezig

---

Screenshots / varianten

Aparte inlogpagina
link

---

Notities

• Alleen aparte inlogpagina gevonden
• Label format: inloggen of log in voor Europees inloggen.
• Extra inlogoptie.

[MariekeBrouwer]

Voor OIP / MijnOmgeving zijn dit de recente designs rondom inloggen. Hierbij willen we dmv tabs een onderscheid maken tussen zakelijk/ondernemer.