Loading Spinner – Element UI

Ce este Loading Spinner UI? Care este rolul lor in UI Design?

Loading spinners sunt elemente UI care comunica vizual faptul ca o operatiune este in curs de procesare. In UI UX design, ele arata starea de incarcare a unei actiuni, a unei sectiuni sau a unei pagini. Fara un loading spinner, utilizatorii ar putea crede ca pagina este inghetata sau inactiva.

Tocmai de aceea, loading spinners sunt folosite de UI UX designers pentru a evita afisarea unui continut static sau gol. Totusi, ele ar trebui sa fie utilizate doar in cazurile in care starea de procesare nu poate fi indicata printr-un dialog de incarcare tip skeleton.

‍

Tipuri de Loading Spinners UI 

1. Loading Spinners Determinate

Loading spinners determinate sunt utilizate in contextul activitatilor cuantificabile si arata cat de mult a fost completata operatiunea si cat mai dureaza pana la finalizare. Ca si UI UX designer, este recomandat sa-l folosim ori de cate ori este posibil pentru a comunica statusul unei actiuni. Astfel, utilizatorii vor sti ca platforma inca functioneaza si actiunea lor este in desfasurare.

2. Loading Spinners Nedeterminate

Loading spinners nedeterminate sunt folosite atunci cand nu este posibil sa se masoare timpul necesar pentru a finaliza o operatiune. Acest tip de loading spinner nu ofera utilizatorilor nicio indicatie despre o activitate in desfasurare, iar urmarirea lui pentru prea mult timp ar putea determina utilizatorii sa paraseasca platforma. Cand sunt disponibile suficiente date, este recomandat ca UI UX designers sa treaca subtil la un loading spinner determinat.

‍

Cand sa folosesti Loading Spinners in UI Design:

Foloseste loading spinners in UI UX design in cazurile cand:

• Datele unei pagini sau sectiuni sunt procesate si vor fi completate in curand.
• O actiune perturba interfata UI design pentru mai mult de o secunda.
• O operatiune necesita sa fie rulata in fundal pentru mai mult de o secunda.

‍

Cele Mai Bune Practici pentru Loading Spinners in UI UX Design

• Afiseaza-le cat mai rar posibil

Folosing prea multe oading spinners in UI design va inrautati experienta utilizatorului si ii vor enerva, determinandu-i sa paraseasca platforma. Asadar, este recomandat pentru UI UX designers sa construiasca site-ul sau aplicatia astfel incat sa afiseze loading spinner-ul cat mai rar posibil.

Pentru o experienta mai buna, ofera o estimare vizuala a timpului ramas aproximativ.

• Continut

Continutul ar trebui sa explice clar de ce utilizatorii trebuie sa astepte. Ofera informatii descriptive despre proces, afisand verbul actiunii care a initiat loading spinner-ul. Daca nu a fost initiata nicio actiune, indica procesul din fundal in loc sa folosesti cuvinte vagi.

De exemplu, foloseste „Verificare” in loc de „incarcare”.

• Fa timpul de asteptare mai suportabil

in UX design, este recomandat sa afisezi continutul dorit cat mai repede posibil. Dar in cazurile in care acest lucru nu poate fi realizat – in timp ce utilizatorii asteapta, ofera-le altceva cu care sa se distreze. De exemplu, indrodu in UI design o animatie, un scurt video sau alte informatii care sa-i distraga de la asteptare.

• Pozitionare

Loading spinners ar trebui sa fie pozitionate in centrul paginii sau sectiunii care se incarca. Daca doar un element UI este in procesare, spinner-ul nu ar trebui sa blocheze interactiunea cu celelalte elemente din interfata.

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 Laoding Spinners 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.