Transfer Lists – Element UI

Ce sunt Transfer Lists in designul UI/UX?

Transfer List este un element UI ce consta intr-o colectie predefinita de optiuni care permite utilizatorilor sa adauge si sa elimine elemente dintr-o lista si sa le mute intr-o alta lista.

Un Transfer List UI design consta in transferul elementelor intre doua cutii de optiuni in coloane. Transferul se face in ambele directii din UI UX design si se realizeaza prin intermediul unor butoane specifice. Pentru unele liste, UI UX designers pot crea design-ul in asa fel incat utilizatorii sa poata sa traga si sa plaseze elementele intre liste manual.

Tipuri de Transfer Lists in UI UX Design

UI UX designers pot integra trasnfer lists in design-urile lor in doua modalitati: tranfer list UI de baza si transfer list UI avansat. 

1. Transfer List UI de Baza 

Un transfer list de baza permite utilizatorilor sa mute fiecare element independent sau toate elementele odata. Acestea sunt bune pentru liste scurte cu un numar mic de elemente dintr-un UI UX design.

Transferul se face prin intermediul a patru butoane. Pentru a muta un singur element odata, utilizatorii pot folosi butoanele „>” sau „<”. Dar au si optiunea de a „muta toate” elementele, care este reprezentata de UI UX designers prin butoanele „>>” sau „<<”. Aceasta caracteristica nu este necesara pentru toate listele de acest tip.

2. Transfer List UI Avansat

Un transfer list avansat este folosit de UI UX designers pentru liste lungi cu multe elemente. Din acest motiv, lista poate fi scrollabila si poate include functionalitati suplimentare sau interactiuni, precum o bara de cautare.

Pentru acest tip de transfer list, butoanele „muta toate” sunt inlocuite cu o caseta de bifare care permite utilizatorilor sa „selecteze toate” sau „selecteze niciunul”. In acest caz, UI UX designers folosesc doar doua butoane – „<” si „>” care permit utilizatorilor sa mute casetele bifate in cealalta lista.

Cand sa folosesti Transfer Lists in UI UX Design?

Ca si UI UX designers, este recomandat sa folosim transfer lists in mai multe situatii;

• Transfer lists sunt folosite cand utilizatorii trebuie sa filtreze si sa sorteze elementele pe baza unor atribute specifice.
• Transfer lists sunt folosite de UI UX designers daca utilizatorii trebuie sa aleaga mai multe elemente simultan.
• Transfer lists sunt utilizate in UI UX design pentru task management, unde utilizatorii trebuie sa categorizeze, prioritizeze sau organizeze sarcinile pe baza diferitelor criterii. 

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 transfer list 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.