Modal – Element UI

Ce este un Modal in UI/UX Design?

Modalul este un element de UI design disruptiv care concentreaza atentia utilizatorului asupra unei singure sarcini, impiedicandu-l sa continue pana cand o finalizeaza. Este structurat pe un strat deasupra paginii si este cunoscut si sub denumirea de dialog.

‍

Tipuri de Modal UI Element

Modalurile variaza, in general, in functie de tipul de mesaj pe care il transmit, fie ca este vorba de o eroare, un avertisment sau o cerere din partea sistemului, cum ar fi acreditarile de logare. in functie de aspect, exista doua tipuri de modals UI:

1. Cu actiune principala
2. Cu actiune principala si secundare

‍

Cum se folosesc un Modal in UI/UX Design

• Scopul: Un modal, indiferent de tipul sau, ar trebui intotdeauna sa solicite utilizatorilor sa efectueze o anumita actiune.
• Titlu: Modalurile urmeaza, in general, o structura simpla si accesibila de verb + substantiv. Limbajul este clar si familiar pentru toti utilizatorii, deoarece acestia trebuie sa inteleaga ce le solicita modalul fara efort.
• Structura: Strategia care ar trebui folosita de UI UX designers pentru structura textului unui modal UI este de a incepe cu un verb imperativ - astfel, utilizatorii percep importanta actiunii. Limbajul folosit in modaluri ar trebui sa fie cat mai sugestiv posibil, astfel incat utilizatorii sa stie exact ce se va intampla daca apasa un buton.
• Prioritate: Deoarece modalurile prezinta mesaje critice, este esential ca in UI UX design sa punem informatiile cele mai importante in prim-plan.
• Scanabilitate: Cuvintele redundante pot fi eliminate. Modalurile trebuie sa fie directe si nu ar trebui sa includa cuvinte suplimentare care fac mai putin probabil ca utilizatorul sa le citeasca, cum ar fi „a” si „the”.
• Suprapunere intunecata: Una dintre cele mai usoare metode de a creste lizibilitatea unui modal in UI design este de a adauga o suprapunere intunecata in fundal ori de cate ori este declansat.

‍

Cand ar trebui sa folosesti Modals in UI UX Design?

• Avertismente: Unul dintre cele mai comune utilizari ale modals UI de UI UX designers este pentru a avertiza utilizatorii despre schimbari importante care vor fi implementate in viitorul apropiat, cum ar fi faptul ca sistemul trebuie sa fie actualizat sau repornit.
• Simplificarea Proceselor: Poate fi redundant sa integram intotdeauna asistenti de inscriere pentru utilizatori. in schimb, modalurile le permit utilizatorilor sa urmeze un flux mai intuitiv si simplificat cand interactioneaza cu un UI UX design.
• Erori: O strategie buna, care este adesea implementata in sistemele de design, este prevenirea posibilelor erori care ar putea aparea. Putem folosi modals UI pentru a semnala utilizatorilor ca datele pe care le-au modificat ar putea fi pierdute daca nu aleg sa le salveze.
• Solicitarea Informatiilor: in anumite cazuri, pentru ca utilizatorii sa poata continua sa utilizeze un site web sau o aplicatie, trebuie sa efectueze o actiune, cum ar fi logarea. Modalurile pot fi integrate pentru a solicita acest tip de informatii.
• Actiuni Irreversibile: Exista cazuri in care utilizatorii doresc sa efectueze actiuni care au consecinte permanente, cum ar fi stergerea unui cont pe o platforma de social media. Modalurile ii avertizeaza despre faptul ca aceste alegeri sunt ireversibile.
• Cand sa eviti: Nu este necesar sa implementezi un modal pentru informatii tertiare sau neesentiale. Prin utilizarea excesiva a modalurilor in UI UX design, experienta utilizatorului poate fi negativ afectata.

Inscrie-te acum la Cursul de UI UX Design de la Traction Keys

Parcurge cursul nostru de UI/UX design pentru a invata totul despre user interface si user experience. La cursul de UI UX design de la Traction Keys vei invata cum se creaza un sistem de design, cat si cum se creeaza UI UX Design Modals. Stapanirea tuturor elementelor cat si a practicilor de design UI UX te vor ajuta sa devii un designer UI UX complet si iti va asigura urmatorul tau job si viitoarea cariera.