Vizibilitatea stării sistemului este una dintre caracteristicile fundamentale ale interfeței cu utilizatorul. Utilizatorii doresc să aibă control asupra sistemului pe care îl folosesc. Aceasta înseamnă că trebuie să înțeleagă contextul actual în orice moment, mai ales când sistemul lucrează la o sarcină.
Indicatorul progresului sarcinii este una dintre cele mai populare forme de furnizare a statutului sistemului pentru utilizator.
Un bun design interactiv oferă feedback
Răspunsul imediat este, fără îndoială, cea mai bună opțiune pentru orice aplicație, dar de multe ori situațiile sunt posibile acolo unde acest lucru nu este fezabil. Operarea lentă a sistemului poate fi asociată cu o conexiune la Internet slabă, sau operația însăși poate fi complicată și poate dura mult timp.
În astfel de cazuri, pentru a reduce stresul utilizatorilor, trebuie să confirmați utilizatorului că sistemul este ocupat cu sarcina și că există progrese reale în acest sens.
Timpul de așteptare pentru utilizator începe imediat după inițierea acțiunii și, în cel mai rău caz, nu primește niciun indiciu dacă sistemul a primit solicitarea.
Când aplicația nu anunță că este nevoie de ceva timp pentru a-și îndeplini acțiunea, utilizatorii consideră adesea că acțiunea lor nu a fost primită de către aplicație și că își repetă solicitarea. Multe clicuri de mouse suplimentare sunt rezultatul lipsei de feedback.
Orice acțiune, cum ar fi un clic pe un buton sau o actualizare a datelor în aplicațiile mobile prin tragere pentru reîmprospătare, trebuie urmată imediat.
Utilizați bara de progres pentru orice activitate care durează mai mult de o secundă
Când se cere o aplicație de la 0,1 la 1 secundă, se pare că aceasta efectuează pur și simplu acțiunile. Deși utilizatorul observă o mică întârziere, el rămâne concentrat pe sarcina curentă. Dar dacă o aplicație efectuează o acțiune mai mult de o secundă, utilizatorul va crede că este lent.
În cazul în care sarcina durează mai mult de o secundă, pentru a reduce gradul de incertitudine, este necesar să se utilizeze indicatori de progres.
Programele de progres ale animației reduc efectul negativ al așteptării și vă permit să păstrați atenția utilizatorului (animația nu este recomandată pentru nicio activitate care durează mai puțin de o secundă, deoarece animația poate fi percepută de utilizator ca pâlpâind pe ecran).
Tipuri de indicatori de progres
Indicatorii de progres indică direct că utilizatorul are nevoie de mai mult timp pentru a executa ultima solicitare. Cea mai simplă formă de indicatori este un indicator de progres nedeterminat. Acest tip de indicator, de obicei, notifică pur și simplu utilizatorul despre faptul că așteaptă fără nici o clarificare cât timp va dura.
Un spinner infinit avertizează că sistemul lucrează la o cerere, dar nu spune cât timp va dura
Regula de bază: puteți utiliza acest tip de indicație pentru orice acțiune rapidă (două până la zece secunde). Pentru a forța un utilizator să se uite la un spinner infinit pentru o perioadă mai îndelungată de timp, acesta poate determina utilizatorul să părăsească site-ul sau să închidă aplicația.
Următorul tip de indicator de progres indică cât de mult trebuie să aștepte utilizatorul înainte de efectuarea operației (exact sau aproximativ). Acest tip de indicator este numit definitiv. Evident, aceasta este cea mai informativă formă de indicatori de progres, deoarece utilizatorul vede cât de mult a trecut și cât rămîne să aștepte.
Un indicator indefinit vizualizează chiar faptul de a aștepta, în timp ce un anumit indicator indică cât timp durata operației va dura
Cele două tipuri cele mai populare de indicatori de progres
Există două tipuri cele mai populare de indicatori de progres - animație buclă și indicator procentual.
Buclă animație
Datorită faptului că majoritatea opțiunilor de animație din buclă sunt forme de indicare nedeterminate și sunt utilizate în diferite tipuri de așteptări (mici sau mari), acest tip de indicatori de progres are o reputație proastă în rândul utilizatorilor.
De exemplu, indicatorul de bază pentru boot în Apple iOS (spinner gri) servește o varietate de funcții, începând cu afișarea stării descărcării dispozitivului, terminând cu descărcarea de date de pe Internet. Utilizatorul nu-i place să se uite la un astfel de indicator fără un timp exact de expirare.
Indicator procentual
Indicatorul procentual arată progresul operației de la 0% la 100%, iar valoarea absolută în ea nu scade niciodată. Atât un indicator liniar cât și un indicator circular poate fi procentual.
Regula principală este că progresul indicatorului procentual ar trebui să fie utilizat pentru orice activitate care durează mai mult de zece secunde.
Zece secunde reprezintă timpul de așteptare pentru utilizator, deoarece după această perioadă utilizatorul este uimit de faptul că trebuie să aștepte ca operațiunea să fie efectuată, fără să știe cât va dura această așteptare.
Sfaturi pentru utilizarea indicatorilor de progres
În cazul în care nu puteți reduce timpul de așteptare, ar trebui cel puțin să încercați să faceți acest proces mai ușor de utilizat.
Explicați-i utilizatorului ce acțiuni are sistemul
În majoritatea cazurilor, în cazul în care utilizatorul este informat despre ceea ce se întâmplă în acest moment, el va fi mai fericit pentru proces. Informațiile text despre acțiunile care se efectuează în acest moment vă permit să adăugați detalii despre proces și să oferiți utilizatorului o înțelegere a ceea ce se întâmplă.
Skyscanner spune utilizatorului că sistemul caută cele mai bune zboruri disponibile
Oferiți latență aproximativă pentru sarcini mari
Nu este nevoie să vă străduiți să fiți preciși, un avertisment simplu "Acest lucru poate dura cinci minute" va fi suficient pentru utilizator și îi va permite să nu vă faceți griji cu privire la ceea ce se întâmplă.
Afișați cantitatea absolută de lucru
Pentru sarcini grele, unde nu este posibilă anticiparea în avans a duratei de execuție, nu puteți utiliza indicatorul procentual. În acest caz, va fi util să afișați utilizatorului valoarea absolută a muncii efectuate. Luați în considerare opțiunea de a demonstra numărul pasului, deoarece cunoașteți numărul pasului, utilizatorul poate estima cel puțin un timp de încheiere aproximativ pentru operație.
Când progresul nu poate fi evaluat cu exactitate, încercați să utilizați numărul pasului în loc de indicatorul procentual
Nu opriți bara de progres
Bara de progres creează așteptări pentru utilizator cu privire la cât de rapid funcționează sistemul pe această sarcină. Astfel, orice friză a barei de progres poate avea un impact negativ asupra așteptărilor utilizatorilor.
În cel mai rău caz, bara de progres atinge 99% și îngheață brusc. Majoritatea utilizatorilor vor rămâne dezamăgiți, deoarece vor considera că aplicația este suspendată. Pentru a nu crea astfel de situații, urmați regula simplă - neteziți mici întârzieri ale bara de progres prin mișcarea continuă și netedă.
Creați un sentiment de progres rapid
Amintiți-vă că sensul de așteptare poate fi mai important decât viteza reală a operației. Pentru a crea un sentiment de utilizator al unei bare de progres rapid, puteți începe să animați progresul lent de la început și să lăsați-l să se deplaseze mai repede la sfârșit. Acest lucru va crea un sentiment de executare rapidă a sarcinilor.
Distrați utilizatorii chiar de la așteptarea
Indicatorii progresului creativ pot atenua sentimentele negative de așteptare. Dacă aplicația oferă utilizatorului ceva interesant în timpul descărcării, îl poate distrage de la faptul că așteaptă. Pentru a vă asigura că utilizatorii nu se plictisesc în timpul operațiunilor lungi - distrageți-i. De exemplu, ceva distractiv.
Sau complet imprevizibil, dar atat de interesant incat poate pastra atentia utilizatorului pana cand aplicatia este descarcata pe deplin.
Animația vă permite să distrageți atenția utilizatorului de la starea de așteptare
Schemele reprezintă o alternativă excelentă față de indicatorii tradiționali de progres
După cum știm deja, dacă executarea unei acțiuni durează mult, trebuie să lăsăm utilizatorul să știe despre acest lucru utilizând indicatorii de progres. Cu toate acestea, în ciuda faptului că urmărim cele mai bune intenții, rezultatul final, în unele cazuri, nu este atât de pozitiv.
După cum a remarcat Luke Wroblewski în articolul său: "Toți indicatorii de progres, de fapt, raportează un fapt de așteptare. Este ca și cum ai privi ceasul de pe perete - când o faci, se pare că timpul încetinește. " De regulă, datorită adăugării de indicatori de progres în interfața cu utilizatorul, designerii fac utilizatorii să se uite la astfel de "ceasuri".
Din fericire, există o bună alternativă pentru indicatorii de progres, ceea ce permite utilizatorilor să ofere un adevărat excelent UX în timp ce așteaptă. Și această tehnică se numește "schelet". Scheleturile (a-la placeholders for data) reprezintă inițial o pagină goală, datele despre care sunt încărcate în proces.
Dar, în loc să arate indicatorul de descărcare, scheletul focalizează atenția utilizatorului asupra progresului și anticipării a ceea ce va apărea în curând pe ecran. Aceasta dă impresia că datele sunt încărcate instantaneu, deoarece toate informațiile sunt incrementale.
Platforma populară de bloguri Medium utilizează acest truc, arătând o simplă rețea wireframe (ca substituent), în timp ce datele sunt încărcate. În plus, utilizatorul este introdus în structura conținutului din pagină.
Indiferent cât de repede nu facem aplicația sau site-ul nostru, vor exista mereu momente care necesită timp pentru a fi executate. Indicatorii de progres, cum ar fi spinners sau bare de progres procentuale, reduc sentimentul de incertitudine în rândul utilizatorilor și le oferă feedback-ul necesar.
Regula principală este de a utiliza schelete sau un spinner circular infinit pentru operații relativ rapide, care durează de la două până la zece secunde, și un indicator procentual pentru orice activitate care durează mai mult de zece secunde.
Când alegeți între schelete sau un spinner circular fără sfârșit, este mai bine să priviți la prima opțiune, deoarece ele (scheletul) o fac să se simtă ca procesul de încărcare să fie aproape instantaneu.
Articole similare
Trimiteți-le prietenilor: