Un vizitator deschide o fereastră mică pentru a verifica un detaliu. Brusc, pagina din spate nu mai este disponibilă, comanda de închidere este greu de găsit, iar mesajul pe care îl scria a dispărut. Întreruperea poate părea elegantă, însă experiența a devenit fragilă. Un dialog util are nevoie de un motiv pentru a întrerupe, de o ieșire evidentă și de o revenire bine gândită la activitatea deja începută.
Întrebați-vă mai întâi dacă este necesară o fereastră
Înainte de a desena un strat suprapus, notați ce decizie îl ajută pe om să ia. Dacă răspunsul este doar „să citească puțin mai mult”, încercați să plasați informația lângă opțiunea relevantă. Detaliile de livrare pot sta lângă selectorul de livrare. O explicație scurtă se poate extinde sub eticheta ei. Aceste aranjamente permit oamenilor să vadă împreună întrebarea și răspunsul.
Merită să luați în considerare un dialog când o decizie scurtă, separată, necesită cu adevărat atenție înainte de continuarea sarcinii curente. Explicațiile mai lungi, comparațiile și formularele cu mai mulți pași merită propria pagină. La revizuirea designului, comparați ambele variante folosind conținut de lungime reală, nu un dreptunghi gol.
Dați întreruperii un scop clar și o ieșire
Folosiți un titlu care numește sarcina și butoane care descriu rezultatul. „Renunță la mesaj” este mai clar decât „Da” când cineva riscă să piardă o ciornă. Păstrați opțiunile secundare ușor de înțeles, în loc să faceți acțiunea preferată mare și toate alternativele abia vizibile. Închiderea unei invitații ar trebui să pară un gest firesc, nu refuzul unei negocieri.
MDN face distincția între metoda modală showModal(), care face fundalul inert, și variantele nemodale show() sau open. Modelul modal WAI păstrează focalizarea în interior, parcurge ciclic elementele cu Tab, se închide cu Escape și, de regulă, restabilește focalizarea pe elementul care l-a deschis. Acesta cere și un nume accesibil și recomandă un buton de închidere vizibil.
Ghidul nostru despre navigarea cu tastatura și focalizarea vizibilă oferă contextul mai larg pentru evaluarea parcursului din jurul acelei întreruperi.
Protejați munca deja făcută
Imaginați-vă o cerere fictivă despre un proiect. Cineva a redactat un paragraf, deschide o notă despre pregătirea unui brief, apoi revine la mesaj. Stabiliți înainte de implementare ce se întâmplă cu acel paragraf când se închide nota, când se închide formularul principal sau când persoana încearcă să plece. Sunt evenimente diferite și nu trebuie neapărat să șteargă aceleași informații.
Preferați păstrarea ciornei pe durata interacțiunii curente. Dacă o ieșire o va șterge, explicați consecința și oferiți o alegere clară. Nu afișați „salvat” decât dacă salvarea a reușit efectiv. Când trimiterea eșuează, păstrați datele utile introduse și ajutați persoana să continue, așa cum discutăm în erori de formular care îi ajută pe oameni să continue.
Verificați telefonul cu tastatura deschisă
O machetă centrată pentru desktop nu poate răspunde întrebărilor despre mobil. Deschideți cea mai lungă variantă pe un telefon mic, activați ultimul câmp și afișați tastatura. Poate persoana să vadă ce editează și să ajungă la acțiunea următoare fără o căutare incomodă prin derulare?
Verificați și etichetele traduse mai lungi, precum și textul mărit. Stabiliți ce zonă trebuie să se deruleze și verificați ca pagina să nu sară într-o poziție fără legătură după închidere. Dacă o fereastră compactă devine o pagină înghesuită în altă pagină, reconsiderați formatul în loc să micșorați totul pentru a încăpea.
Testați un parcurs complet, inclusiv unul neterminat
Porniți de la mijlocul paginii. Deschideți dialogul, citiți-i scopul, introduceți o ciornă realistă, consultați o notă suplimentară și reveniți. Apoi ieșiți fără să trimiteți și redeschideți-l. Repetați pe telefon și cu tastatura. Rugați o persoană care nu cunoaște designul să explice ce se așteaptă să facă fiecare ieșire înainte de a o selecta.
Consemnați diferențele dintre această așteptare și rezultat. Un dialog de încredere își justifică prezența ajutând pe cineva să încheie o sarcină mică, fără a-i afecta parcursul mai larg.