Dialog

Een dialoog verschijnt over de hoofd content van de pagina heen. Het doel is om de interactie met de gebruiker van de hoofd content te verplaatsen naar de dialoog. De hoofd content is slechts nog deels zichtbaar.Een dialog kan een modal zijn. In dat geval is interactie uitsluitend mogelijk in de dialoo.

Wanneer gebruik je het component

Dialogs zijn bedoeld voor situaties waarin de normale taakuitvoering van de gebruiker moet worden onderbroken om de aandacht op een belangrijke waarschuwing of keuze te richten zoals het verwijderen van belangrijke gegevens.

Anatomie van het component

Een dialog bestaat uit:

• Een venster met daarin content die de aandacht van de gebruiker vereist
• Een knop om de dialoog te sluiten
• Bij gebruik van de modal optie: Een achtergrondlaag die interactie met de hoofd content niet mogelijk maakt

Richtlijnen

• Gebruik een dialoog als de gebruiker alleen verder kan als de taak binnen het dialoog uitgevoerd is. Bijvoorbeeld inloggen voordat de gebruiker een bepaald onderdeel van de applicatie kan bekijken.
• Gebruik geen dialoog voor optionele informatie zoals instructies bij het invoeren van formuliervelden.

Rijkshuisstijl

Vanuit de Rijkshuisstijl zijn er geen richtlijnen wat betreft dialogen.

Bronnen

• Modal & Nonmodal Dialogs: When (& When Not) to Use Them - Therese Fessenden