Angre i stedet for bekreftelsesdialoger: Designing av mindre forstyrrende brukergrensesnitt
Hvorfor rutine "Er du sikker?" dialoger mislykkes, når en bekreftelse fortsatt er riktig, og hvordan utforme angre skåler som er klare, tilgjengelige og trygge.
Kjerne takeaway
Bruk angre for handlinger som kan reverseres: gjør handlingen umiddelbart, og vis deretter en kort, ikke-blokkerende melding med en Angre-knapp. Behold bekreftelsesdialoger for alvorlige, irreversible handlinger som permanent sletting eller store betalinger, og gjør dem spesifikke: navngi objektet og konsekvensen. Bekreftelse av rutinehandlinger trener folk til å klikke "OK" uten å lese.
Hvorfor rutinebekreftelser slutter å virke
Nielsen Norman Group sin veiledning om bekreftelsesdialoger er tydelig: bruk dem før handlinger med alvorlige konsekvenser, og ikke bruk dem til rutinemessige handlinger. Når folk ser den samme dialogboksen mange ganger, bekrefter de av vane, og dialogen slutter å forhindre feilene den var ment å fange. Den samme artikkelen anbefaler å tilby angre der det er mulig i stedet for å stole på en advarsel.
Bekreft eller angre: en enkel regel
Still ett spørsmål: kan dette reverseres? Hvis ja, handle og tilby å angre. Hvis nei, bekreft først, og gjør bekreftelsen spesifikk.
- Arkiver, flytt, merk som lest, fjern fra en liste: handle nå, tilby angre.
- Send en melding: mange produkter forsinker sendingen kort slik at den kan angres. Gmail lar folk velge et angrevindu på 5, 10, 20 eller 30 sekunder.
- Slett permanent, betal, publiser offentlig: bekreft først, navngi elementet og virkningen ("Slett 142 filer").
- Enda bedre: gjør sletting reversibel med en søppel- eller gjenopprettingsperiode, og bruk deretter angre.
Utforming av angremeldingen
Material Design kaller denne komponenten en snackbar: en kort, minimalt avbrytende melding som kan inneholde en enkelt handling, i motsetning til en dialogboks, som krever et svar. Skriv hva som skjedde med noen få ord, sett Angre som enkelthandling, og hold det på skjermen lenge nok til at folk kan reagere. Ikke skjul viktige angrehandlinger i meldinger som forsvinner i løpet av to sekunder.
Tilgjengelighetsdetaljer
Skåler som forsvinner av seg selv kan gå glipp av skjermleserbrukere og folk som trenger mer tid. Kunngjør meldingen gjennom en høflig live-region, la tastaturbrukere nå Angre-knappen, sett tidtakeren på pause mens meldingen holdes eller fokuseres, og gi en annen måte å reversere handlingen på, for eksempel en historieliste eller søppel.
Bevegelse for å angre
En kort, rolig inngang fra kanten av skjermen og en tydelig utgang hjelper folk å legge merke til meldingen uten å bli avbrutt. Når Angre er trykket, animer elementet tilbake på plass slik at reverseringen er synlig. Respekter innstillinger for redusert bevegelse med en enkel toning.
Tast Principles å huske
- Reversible handlinger: handle umiddelbart og tilby angre
- Irreversible, alvorlige handlinger: en spesifikk bekreftelse som navngir virkningen
- Rutinemessige bekreftelser blir klikket gjennom av vane
- Gjør angremeldinger tilgjengelige: live region, tastaturfokus, nok tid
- Animer reverseringen slik at folk ser at det fungerte
Ofte stilte spørsmål
Kilder
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Hjelp
- Snackbar guidelines — Material Design 3