Ongedaan maken in plaats van bevestigingsdialogen: een minder onderbrekende gebruikersinterface ontwerpen
Waarom routine "Weet je het zeker?" dialogen mislukken, wanneer een bevestiging nog steeds klopt, en hoe je ongedaan gemaakte toasts ontwerpt die duidelijk, toegankelijk en veilig zijn.
Kern afhaalmaaltijd
Gebruik Ongedaan maken voor acties die ongedaan kunnen worden gemaakt: voer de actie onmiddellijk uit en toon vervolgens een kort, niet-blokkerend bericht met een knop Ongedaan maken. Bewaar bevestigingsdialogen voor serieuze, onomkeerbare acties, zoals definitieve verwijdering of grote betalingen, en maak ze specifiek: benoem het object en het gevolg. Door routinematige acties te bevestigen, worden mensen getraind om op "OK" te klikken zonder te lezen.
Waarom routinematige bevestigingen niet meer werken
De richtlijnen van Nielsen Norman Group over bevestigingsdialogen zijn duidelijk: gebruik ze vóór acties met ernstige gevolgen, en gebruik ze niet voor routinematige acties. Wanneer mensen dezelfde dialoog vaak zien, bevestigen ze dit uit gewoonte, en de dialoog stopt met het voorkomen van de fouten die bedoeld waren om op te vangen. In hetzelfde artikel wordt aanbevolen om waar mogelijk ongedaan te maken in plaats van te vertrouwen op een waarschuwing.
Bevestigen of ongedaan maken: een eenvoudige regel
Stel één vraag: kan dit worden teruggedraaid? Zo ja, handel dan en bied ongedaan aan. Zo nee, bevestig dan eerst en maak de bevestiging specifiek.
- Archiveren, verplaatsen, markeren als gelezen, verwijderen uit een lijst: nu handelen, ongedaan maken aanbieden.
- Stuur een bericht: bij veel producten wordt de verzending kort uitgesteld, zodat deze ongedaan kan worden gemaakt. Met Gmail kunnen mensen een venster voor ongedaan maken van 5, 10, 20 of 30 seconden kiezen.
- Definitief verwijderen, betalen, openbaar publiceren: eerst bevestigen, het item benoemen en de impact (“142 bestanden verwijderen”).
- Beter nog: maak de verwijdering omkeerbaar met een prullenbak of herstelperiode en gebruik vervolgens ongedaan maken.
Het ongedaan maken-bericht ontwerpen
Material Design noemt dit onderdeel een snackbar: een kort, minimaal onderbrekend bericht dat één enkele actie kan bevatten, in tegenstelling tot een dialoog die een reactie vereist. Schrijf in een paar woorden wat er is gebeurd, zet Ongedaan maken als enige actie en houd dit lang genoeg op het scherm zodat mensen kunnen reageren. Verberg belangrijke ongedaan gemaakte acties niet in berichten die binnen twee seconden verdwijnen.
Toegankelijkheidsgegevens
Toasts die vanzelf verdwijnen, kunnen worden gemist door gebruikers van schermlezers en mensen die meer tijd nodig hebben. Kondig het bericht aan via een beleefde live-zone, laat toetsenbordgebruikers de knop Ongedaan maken bereiken, pauzeer de timer terwijl het bericht zweeft of is gefocust, en zorg voor een andere manier om de actie ongedaan te maken, zoals een geschiedenislijst of prullenbak.
Motie tot ongedaan maken
Een korte, rustige ingang vanaf de rand van het scherm en een duidelijke uitgang zorgen ervoor dat mensen de boodschap opmerken zonder te worden onderbroken. Wanneer op Ongedaan maken wordt gedrukt, animeert u het item weer op zijn plaats, zodat de omkering zichtbaar is. Respecteer de instellingen voor verminderde beweging met een eenvoudige fade.
Toets Principles in om te onthouden
- Omkeerbare acties: onmiddellijk handelen en ongedaan maken aanbieden
- Onomkeerbare, serieuze acties: een specifieke bevestiging die de impact benoemt
- Routinematige bevestigingen worden uit gewoonte doorgeklikt
- Maak ongedaan gemaakte berichten toegankelijk: live regio, toetsenbordfocus, voldoende tijd
- Animeer de omkering zodat mensen zien dat het heeft gewerkt
Veelgestelde vragen
Bronnen
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Hulp
- Snackbar guidelines — Material Design 3