Alerte si notificari – Element UI

Ce Sunt Alertele si Notificarile in Designul Interfetei Utilizator?

Alertele si notificarile ofera utilizatorilor posibilitatea de a accesa informatii critice. Notificarile si alertele au capacitatea de a furniza rapid infromatii, detalii, instructiuni sau cunostinte valoroase care pot fi intelese de utilizator dintr-o privire. O alerta permite utilizatorilor sa stie cand apare o problema sau cand actiunile lor ar putea cauza distrugerea datelor sau a anumitor intrari. O notificare in design necesita permisiunea utilizatorului pentru a putea aparea in interfata UI UX. Dupa acord, utilizatorul poate accesa setarile si alege intre anumite tipuri de notificari in functie de stilul si urgenta acestora.

‍

Tipuri de Push Notifications in UI Design

in functie de platforma si de scopul acestora, push notifications au o anatomie diferita:

1.Notificari de tip banner sau vizualizare

Acestea sunt utilizate pe ecranul de blocare, ecranul de pornire,  Home Screen sau desktop;

‍

2.Notificari de tip Badge

Acestea sunt utilizate peste pictograma unei aplicatii;

‍

3.Notificari de tip Item

Acestea sunt utilizate in Centrul de notificari.

‍

Tipuri de Alerte in UI Design

1. Warning Alerts

Warning alerts sunt utilizate pentru a informa utilizatorul pentru a atrage atentia utilizatorilor asupra unor inofrmatii improatnate, cu privire la posibile probleme, sau pentru a ii avertiza la anumte actiuni care trebuie realizate. Poti folosi culoare galben pentru a crea inline wornings.

2. Error

Alertele pentru erori avertizeaza utilizatorii atunci cand introduc incorect un text sau atunci cand o actiune nu este relaizata cu succes. Acest tip de eroare este utilizat in formulare, liste, carduri, sectiuni sau modale. Atunci cand alerterele de tip errors sunt introduse in formulare, este necesar ca alerta sa apara asub campul respectiv. Utilizeaza culaore rosie pentru a crea o alerta de tip error.

3. Alerta pentru Succes

Alertele (succes alerts) care indica succesul specifica utilizatorilor cand actiunile lor sunt realizate cu succes. Utilizeaza culoare verde pentru a crea o alerta de tip succes.

4. Alerta Informative

Information alerts sunt folosite pentru a comunica infromatii care nu sunt critice utilizatorilor. Informative alerts au rolul de a ajuta utilizatorii si de a le aduce la cunostinta indicatii sau note folositoare. Scopul alertelor informative este de a crea o expereinta cat mai buna utilizatorilor. Utilizeaza culoarea albastru sau gri in UI UX designul tau pentru a crea o alerta UI infromativa.

‍

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 alerte si notificari in UI UX design. 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.