Anulați în loc de dialoguri de confirmare: proiectarea unei interfețe de utilizare mai puțin întrerupte
De ce rutina "Ești sigur?" dialogurile eșuează, când o confirmare este încă corectă și cum să proiectați toast-uri de anulare care sunt clare, accesibile și sigure.
Core Takeaway
Utilizați anularea pentru acțiunile care pot fi inversate: faceți acțiunea imediat, apoi afișați un mesaj scurt, care nu blochează, cu un buton Anulare. Păstrați casetele de dialog de confirmare pentru acțiuni serioase, ireversibile, cum ar fi ștergerea definitivă sau plățile mari și specificați-le: denumiți obiectul și consecința. Confirmarea acțiunilor de rutină antrenează oamenii să facă clic pe „OK” fără să citească.
De ce confirmările de rutină nu mai funcționează
Îndrumările Nielsen Norman Group privind dialogurile de confirmare sunt clare: utilizați-le înainte de acțiunile cu consecințe grave și nu le folosiți pentru acțiuni de rutină. Când oamenii văd de multe ori același dialog, confirmă din obișnuință, iar dialogul încetează să prevină erorile pe care trebuia să le detecteze. Același articol recomandă să oferi anulare ori de câte ori este posibil în loc să te bazezi pe un avertisment.
Confirmați sau anulați: o regulă simplă
Pune o întrebare: poate fi inversată? Dacă da, acționează și oferă anularea. Dacă nu, confirmați mai întâi și specificați confirmarea.
- Arhivați, mutați, marcați ca citit, eliminați dintr-o listă: acționați acum, oferiți anularea.
- Trimiteți un mesaj: multe produse întârzie expedierea pentru scurt timp, astfel încât să poată fi anulată. Gmail le permite oamenilor să aleagă o fereastră de anulare de 5, 10, 20 sau 30 de secunde.
- Ștergeți definitiv, plătiți, publicați public: confirmați mai întâi, denumind elementul și impactul („Ștergeți 142 de fișiere”).
- Mai bine: faceți ștergerea reversibilă cu o perioadă de coș de gunoi sau de recuperare, apoi utilizați Anulați.
Proiectarea mesajului de anulare
Material Design numește această componentă un snackbar: un mesaj scurt, minim întrerupt, care poate conține o singură acțiune, spre deosebire de un dialog, care necesită un răspuns. Scrieți ceea ce s-a întâmplat în câteva cuvinte, puneți Undo ca acțiune unică și păstrați-o pe ecran suficient de mult pentru ca oamenii să reacționeze. Nu ascunde acțiunile de anulare importante în mesajele care dispar în două secunde.
Detalii de accesibilitate
Toasturile care dispar de la sine pot fi ratate de utilizatorii de cititoare de ecran și de persoanele care au nevoie de mai mult timp. Anunțați mesajul printr-o regiune live politicoasă, lăsați utilizatorii de tastatură să ajungă la butonul Anulați, întrerupeți cronometrul în timp ce mesajul este plasat cu mouse-ul sau focalizat și oferă o altă modalitate de a inversa acțiunea, cum ar fi o listă istorică sau un coș de gunoi.
Moțiune pentru anulare
O intrare scurtă și calmă de la marginea ecranului și o ieșire clară îi ajută pe oameni să observe mesajul fără a fi întrerupt. Când este apăsat Anulare, animați elementul înapoi în poziție, astfel încât inversarea să fie vizibilă. Respectați setările de mișcare redusă cu un simplu fade.
Cheie Principles de reținut
- Acțiuni reversibile: acționează imediat și oferă anulare
- Acțiuni ireversibile, grave: o confirmare specifică care denumește impactul
- Confirmările de rutină sunt accesate din obișnuință
- Faceți accesibile mesajele de anulare: regiune live, focalizare de la tastatură, timp suficient
- Animați inversarea astfel încât oamenii să vadă că a funcționat
Întrebări frecvente
Surse
- Confirmation Dialogs Can Prevent User Errors — If Not Overused — Nielsen Norman Group
- Send or unsend Gmail messages — Gmail Ajutor
- Snackbar guidelines — Material Design 3