Fortryd i stedet for bekræftelsesdialoger: Design af mindre forstyrrende brugergrænseflade
Hvorfor rutine "Er du sikker?" dialoger mislykkes, når en bekræftelse stadig er rigtig, og hvordan man designer fortryd skåltaler, der er klare, tilgængelige og sikre.
Core Takeaway
Brug fortryd til handlinger, der kan vendes: udfør handlingen med det samme, og vis derefter en kort, ikke-blokerende besked med en Fortryd-knap. Gem bekræftelsesdialoger for alvorlige, irreversible handlinger såsom permanent sletning eller store betalinger, og gør dem specifikke: navngiv objektet og konsekvensen. Bekræftelse af rutinehandlinger træner folk til at klikke på "OK" uden at læse.
Hvorfor rutinebekræftelser holder op med at virke
Nielsen Norman Group's vejledning om bekræftelsesdialoger er klar: brug dem før handlinger med alvorlige konsekvenser, og brug dem ikke til rutinehandlinger. Når folk ser den samme dialog mange gange, bekræfter de af vane, og dialogen stopper med at forhindre de fejl, det var meningen at fange. Den samme artikel anbefaler, at du tilbyder fortryd, hvor det er muligt, i stedet for at stole på en advarsel.
Bekræft eller fortryd: en simpel regel
Stil et spørgsmål: kan dette vendes? Hvis ja, handle og tilbud fortryd. Hvis nej, bekræft først, og gør bekræftelsen specifik.
- Arkivér, flyt, markér som læst, fjern fra en liste: handle nu, tilbud fortryd.
- Send en besked: mange produkter forsinker afsendelsen kort, så det kan fortrydes. Gmail lader folk vælge et fortryd-vindue på 5, 10, 20 eller 30 sekunder.
- Slet permanent, betal, udgiv offentligt: Bekræft først, navngiv varen og virkningen ("Slet 142 filer").
- Endnu bedre: Gør sletning reversibel med en papirkurv eller gendannelsesperiode, og brug derefter fortryd.
Design af fortryd-meddelelsen
Material Design kalder denne komponent en snackbar: en kort, minimalt forstyrrende besked, der kan indeholde en enkelt handling, i modsætning til en dialog, som kræver et svar. Skriv hvad der skete med nogle få ord, angiv Fortryd som den enkelte handling, og hold det på skærmen længe nok til, at folk kan reagere. Skjul ikke vigtige fortryd-handlinger i beskeder, der forsvinder på to sekunder.
Tilgængelighedsdetaljer
Skåle, der forsvinder af sig selv, kan gå glip af skærmlæserbrugere og folk, der har brug for mere tid. Annoncer beskeden gennem en høflig live-region, lad tastaturbrugere nå Fortryd-knappen, sæt timeren på pause, mens beskeden er svævende eller fokuseret, og giv en anden måde at vende handlingen på, såsom en historieliste eller papirkurv.
Bevægelse til fortryd
En kort, rolig indgang fra kanten af skærmen og en tydelig udgang hjælper folk med at bemærke beskeden uden at blive afbrudt. Når Fortryd trykkes, animer elementet tilbage på plads, så vendingen er synlig. Respekter indstillinger for reduceret bevægelse med en simpel fade.
Tast Principles for at huske
- Reversible handlinger: handle øjeblikkeligt og tilbud fortryd
- Irreversible, alvorlige handlinger: en specifik bekræftelse, der navngiver virkningen
- Rutinemæssige bekræftelser bliver klikket igennem af vane
- Gør fortryd-meddelelser tilgængelige: live-region, tastaturfokus, nok tid
- Animer vendingen, så folk kan se, at det virkede
Ofte stillede spørgsmål
Kilder
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Hjælp
- Snackbar guidelines — Material Design 3