Tags – Element UI

Ce sunt Tags in UI/UX Design?

Tags sunt UI elements interactive care permit utilizatorului sa navigheze mai usor si sa gaseasca termenii sau continutul cu care au legatura tag-ul. Tags sunt folosite de UI UX designers ca legaturi intre date care ofera utilizatorului abilitatea de a gasi si organiza informatii si elemente specifice dupa bunul plac. Este ca si cum ai adauga un filtru intr-un UI UX design, facandu-l simplu si clar. Tags pot face selectii, oferindu-i utilizatorului oportunitatea de a filtra informatiile si de a declansa actiuni. Toate acestea ajuta ca utilizatorul sa aiba un user experience imbunatatit.

Tipuri de tags in UI Design

In UI UX Design, sunt folosite mai multe tipuri de tags:

1. Input Tags

Rolul unui input tag in designul UI/UX este de a reprezenta informatiile utilizate intr-un anumit camp. Un input tag ar trebui sa permita utilizatorilor sa completeze spatiul cu datele pe care le cauta. Astfel, un input tag ajuta utilizatorul sa fie mai precis si mai productiv in cautarea sa, oferind utilizatorului posibilitatea de a transforma textul in sine in tags.

2. Filter Tags

Cand UI UX designers folosesc un tag de filtru, acestia ofera utilizatorului oportunitatea de a alege dintr-o selectie deja creata. Un filter tag este o modalitate usoara de a sorta informatiile si de a selecta una sau mai multe tags pentru a reprezenta cautarea ta. Poti gasi acest tip de tag UI cand cauti haine si tag-ul de filtru iti ofera abilitatea de a alege marimea, culoarea, marca sau croiala in acelasi timp. Astfel, ele reprezinta filtrul necesar pentru o colectie. Aceste tags folosesc cuvinte descriptive pentru a completa tags, fiind o alta optiune pentru butoanele toggle sau casetele de selectare.

3. Choice Tags

Componenta UI a tag-ului de alegere poate fi gasita in seturi care au cel putin doua optiuni, iar alegerea facuta reprezinta o singura selectie. Choice Tags sunt o alternativa buna pentru radio buttons, toggle switches UI si orice meniu cu selectie unica. in ceea ce priveste comportamentul lor, tags de alegere se deselecteaza pur si simplu cand apesi pe un alt tag, lasand o singura optiune disponibila pentru utilizator.

4. Action Tags 

Action Tags UI au o utilizare similara cu butoanele, deoarece pot declansa anumite actiuni prin apasare, trimitand utilizatorul pe o alta pagina sau deschizand un widget. Cu toate acestea, spre deosebire de butoane, tags de actiune sunt mai compacte, ceea ce iti ofera abilitatea de a le plasa intr-un rand.

Cum sa folosesti tags in UI UX Design?

Ca si UI UX designers, este important sa fim atenti la mai multe aspecte cand cream un tag in design-ul nostru:

• Comportament transformativ. Acest lucru inseamna ca textul poate fi transformat intr-un tag. 
• Comportament editabil. Input Tags ofera utilizatorului abilitatea de a edita textul pana la realizarea actiunii.
• Comportament informativ. Input Tags au abilitatea de a afisa un mesaj daca textul introdus nu este recunoscut sau este gresit scris.
• Comportamente multiple. Acest comportament permite unui singur camp sa obtina mai multe input tags.
• Comportament mobil. Acest lucru inseamna ca putem schimba ordinea in UI UX design si muta tags dupa preferintele noastre.
• Comportament extensibil. Acest comportament ofera input tags abilitatea de a afisa mai multe informatii cu ajutorul tranzitiilor de transformare.

Cand sa folosesti tags in UI UX Design?

• Tags sunt o reprezentare complexa a informatiilor care are abilitatea de a permite utilizatorilor sa introduca si sa verifice textul si sa-l transforme in tags.
• Tags au abilitatea de a reprezenta o entitate.
• Tags pot fi folosite pentru a oferi posibile raspunsuri.

‍

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 un tags UI 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.