Cele mai bune practici pentru implementarea indicatorilor de progres animați în avantajul dvs
Publicat: 2017-01-31Dacă ați folosit vreodată un computer, ați putea la fel de bine să fiți conștienți de simbolul animat Windows care apare la pornirea sistemului. A fost nevoie de o evoluție în design și animație pentru a se dezvolta în ceea ce vedem astăzi, dar în Windows 1995 imaginea nu s-a mișcat deloc. Unii dintre voi s-ar putea să se gândească, de ce să folosiți chiar acești indicatori animați?
Dar luați în considerare acest lucru, preferați să așteptați și să urmăriți un ecran gol pentru a vedea acțiunea finalizată? Sau rămâneți distrați cu ceva sens până când ecranul apare din nou?
Printre cele mai cardinale caracteristici ale designului interfeței cu utilizatorul se numără capacitatea de a-și arăta progresul ca starea sistemului. Utilizatorul trebuie să știe dacă sistemul este conștient de acțiunea sa și le răspunde în consecință. Indicatorii de progres animați sunt capabili să arate contextul actual al operațiunii aproape în orice moment, fără a utiliza funcții extinse de text sau video. Acest lucru le face ideale pentru a furniza starea sistemului în timp ce progresul este finalizat în fundal.
De ce este importantă interacțiunea cu utilizatorul în timpul progresului sistemului?
Cui nu îi place răspunsul rapid de la o aplicație sau un site web? Deși înseamnă foarte mult pentru utilizator, nu este posibil să-l rulezi într-o consistență neclintită. Anumiți factori sunt întotdeauna adăugați în ecuație care pot împiedica viteza aplicației dvs. Acești factori includ în cea mai mare parte conexiune la internet defectuoasă, performanță lentă din cauza încărcării grele și chiar eșec al programului. În astfel de circumstanțe, cea mai bună mișcare ar fi reducerea la minimum a tensiunii utilizatorului și asigurarea faptului că aplicația funcționează și că progresul este în curs. Pentru a face acest lucru, trebuie să oferiți feedback utilizatorului, astfel încât timpul să nu afecteze răbdarea utilizatorului.
Păstrează-i pe utilizatori cu feedback
Timpul de așteptare începe aproape imediat când utilizatorul face o acțiune. Dar ceea ce o înrăutățește este absența unui indicator adecvat care să reprezinte progresul sistemului. Utilizatorul presupune în mod natural că aplicația nu a răspuns atunci când nu afișează o notificare că sistemul durează. Rezultatele se pot întinde de la clicuri rampante până la chiar abandonul utilizatorului, doar pentru că aplicația nu a oferit feedback la timp.
Acțiunile care sunt conectate pentru a reporni progresul sau pentru a reîmprospăta sistemul sunt adesea efectuate atunci când încărcarea durează mai mult decât era anticipat. Din nou, absența feedback-ului nu poate arăta răspunsul cererii, chiar dacă aceasta este făcută în fundal. De aceea, un indicator animat trebuie introdus pentru a susține progresul sistemului aplicației oricând este nevoie.
Cum să utilizați un indicator de progres pentru orice acțiune care durează mai mult de o secundă?
În mod normal, când o aplicație durează mai puțin de 1 secundă pentru a se încărca, progresul pare aproape nestingherit și utilizatorul nu își pierde concentrarea. Cu toate acestea, dacă timpul de încărcare depășește 1 secundă, atunci trebuie luate măsuri pentru a menține utilizatorul angajat. Întârzierea scurtă devine vizibilă, iar utilizatorul începe să rătăcească cu privire la eficacitatea sarcinii efectuate în aplicație.
De aceea, aplicația trebuie să răspundă printr-un indicator de progres pentru a oferi un motiv credibil pentru așteptare și pentru a reduce incertitudinea utilizatorului înainte de a scăpa de sub control. Trebuie remarcat că acțiunea care durează mai puțin de o secundă pentru a se încărca nu necesită neapărat indicator de animație, dar imaginea poate face. Acest lucru este recomandat deoarece o animație care continuă să clipească pe ecran de fiecare dată când se face o acțiune, poate dezorienta utilizatorul. Indicatorii de progres animați sunt utilizați cel mai bine pentru a neutraliza efectele așteptării prelungite și pentru a menține utilizatorul implicat în aplicație sau site.
Tipuri de indicatori de progres
- Nedeterminat : indicatorii animați de așteptare sunt proiectați să comunice cu utilizatorul și să-l informeze cu privire la ultima acțiune a utilizatorului. Cel mai comun și destul de simplu tip de indicator de așteptare este „Nedeterminat”. Astfel de tipuri de indicatori le spun utilizatorilor să aștepte finalizarea acțiunii, în timp ce nu sunt conștienți de timpul necesar pentru a finaliza progresul. Este aproape înțeles că indicatorul de progres nedeterminat ar trebui utilizat pentru acțiuni rapide, de preferință în 2-10 secunde. Oricand mai mult decât atât și ar putea afecta răbdarea utilizatorului. Acest lucru poate crește rata de respingere pentru un site web și abandonurile pentru aplicații.
- Determinat : În cazul indicatorului de progres „Determină”, timpul este destul de extins în animație. Un astfel de tip de indicatori țin utilizatorul informat cu privire la timpul aproximativ sau exact necesar pentru a finaliza progresul. Sunt mai degrabă tipul mai popular de indicatori de așteptare, deoarece arată progresul de unde a început, cât de mult s-a realizat și cât mai mult va fi nevoie pentru a ucide așteptarea. Acest lucru ajută utilizatorul să rămână sigur cu privire la progresele realizate și afișate prin animație, sporind în același timp disponibilitatea de a rămâne implicat cu site-ul sau aplicația.
Indicator de animație în buclă și indicator de procentaj realizat
- Animație în buclă: indicatorul de animație în buclă este conceput pentru a reprezenta progresul fără a afișa timpul aproximativ sau exact de încărcare pe care îl va dura. De aceea, indicatorii de progres animați în buclă majoritară sunt nedeterminați. De exemplu, indicatorul de progres din Windows 7 a fost proiectat pentru a arăta aceeași repetare a animației fără feedback cu privire la timpul precis necesar pentru a finaliza progresul. În plus, a inclus totul, de la funcții de pornire, setarea operațiunii de interfață și alte forme de încărcare a datelor. Din aceste două motive, utilizatorii nu preferă să vadă un indicator de așteptare în buclă pentru a reprezenta timpul de încărcare a site-ului sau a aplicației.
Indicator de procente de gata: după cum sugerează și numele, indicatorul de procente de finalizare arată progresul încărcării prin completarea intervalului de animație, cerc sau bară cu 0% până la 100%. Deoarece arată timpul necesar pentru a finaliza progresul, indicatorul procentaj realizat este clasificat în indicatori de așteptare determinați. Pentru această calitate specială, cel mai bine este să utilizați indicatorul de procentaj realizat pentru sarcini care necesită mai mult de 10 secunde pentru a fi finalizate.
Potrivit unei cercetări, 10 secunde este pragul de răbdare medie a utilizatorului. Dincolo de asta, utilizatorul devine nesăbuit și devine nerăbdător până când este furnizat feedback suplimentar. Afișând indicatorul de progres procentual realizat pentru procesele care durează mai mult de 10 secunde pentru a se încărca, puteți menține utilizatorul conectat la site-ul web sau la aplicație fără a-i compromite răbdarea.
Cum să folosiți în mod eficient indicatorii de progres?
Utilizarea eficientă a indicatorilor de progres în aplicațiile și site-urile dvs. web poate însemna diferența de succes și eșec. Iată câteva sfaturi pentru a vă asigura că indicatorii dvs. de progres funcționează până la atingere.
- Păstrați utilizatorul informat despre motivul așteptării : Este o greșeală de începător să nu țineți utilizatorul la curent cu privire la progresul de încărcare care se face în fundal. Acest lucru crește tendința lor de a-și pierde răbdarea și de a părăsi aplicația sau site-ul web. Puteți ține utilizatorul informat afișând un indicator animat de progres însoțit de un text pentru înțelegere suplimentară. Puteți arăta ce proces este vizat în mod specific. De exemplu, puteți afișa progresul de așteptare al unui joc video cu o bară de încărcare și un text care citește ce proces este efectuat, de exemplu, „încărcare grafică” sau „încărcare hărți” etc.
- Indicați o estimare simplă a timpului pentru sarcina care necesită perioade mai lungi de timp : nu duceți lucrurile la micro-scări. Puteți menține utilizatorul implicat furnizând o estimare simplă. A prosti cu promisiuni pe care nu le poți respecta poate irita utilizatorii și îi poate forța să plece.
- Afișați timpul precis necesar : Cu toate acestea, pentru operațiunile care durează în general mai mult timp decât limita medie de așteptare a utilizatorului, alegerea pentru indicatori de progres determinați va fi o mișcare mai inteligentă. Alegerea ideală ar fi indicatorul de progres realizat în procente, deoarece aduce în lumina reflectoarelor timpul precis de încărcare. Pentru operațiunile care sunt și mai lungi de gestionat, luați în considerare utilizarea numărului de pași pentru a evidenția progresul realizat.
- Păstrați progresul : încercați să obțineți coerență în bara de progres în timpul încărcării sarcinilor. După câteva experiențe, bara de progres îi obligă pe utilizatori să dezvolte o așteptare cu privire la cât de repede va fi finalizată acțiunea. În consecință, orice înghețare în mijlocul progresului poate aduce o lovitură gravă așteptărilor utilizatorilor. De exemplu, când bara ajunge la 99% și rămâne așa pentru o perioadă prelungită de timp, majoritatea utilizatorilor sunt frustrați de acest comportament și părăsesc aplicația crezând că a fost înghețată. Pentru a contracara acest lucru, puteți masca aceste întârzieri inconsecvente în bara de progres, arătând că se mișcă instantaneu și constant.
- Afișați progresul în bară mai rapid decât viteza reală : viteza brută se poate manifesta printr-o percepție simplă pe care o puteți crea pentru a face bara de progres să se simtă mai rapidă. Puteți realiza acest lucru proiectând animația să se miște mai lent la început și să-și accelereze ritmul pe măsură ce se închide la sfârșit. Acest lucru va crea o iluzie de progres rapid, fără a compromite timpul necesar pentru a finaliza sarcina.
- Oferiți o distragere a atenției : percepția utilizatorului asupra timpului poate fi redusă considerabil prin introducerea unor indicatori creativi de progres. Dacă aplicația arată câteva detalii textuale sau vizuale interesante în timp ce se realizează progresul, poate distrage mintea utilizatorului de la momentul în care este luat pentru a finaliza acțiunea. Puteți oferi o varietate de lucruri pentru a menține utilizatorii ocupați, de exemplu videoclipuri scurte, fapte interesante, animații și chiar jocuri triviale.
Alternativă – Folosiți ecranele schelete pentru a combate indicatorii de progres al animației
Deși indicatorii de progres-animație pot zgudui aproape orice sentiment rău care iese din așteptare, unele audiențe sunt destul de rezistente la aceste tactici. Printre puținele alternative bune de a face utilizatorii să aștepte fără a utiliza indicatori de progres este o metodă numită ecran schelet. Cunoscute și sub denumirea de containere de informații temporare, aceste tehnici presupun afișarea progresului în timp real către utilizator, în loc să deschidă o bară de încărcare. Imaginați-vă că un ecran gol este umplut treptat cu componentele și elementele sale, până când este complet stocat. Acest lucru creează iluzia că aplicația acționează cu timpul de încărcare și așteptarea lor este răsplătită cu progresul afișat.
Nu numai că îi menține publicul implicat cu site-ul web sau cu aplicația, dar îi menține și declanșatorul pregătit pentru a-și îndeplini următoarea sarcină. În timp ce indicatorii de progres sunt, de asemenea, mijloace excelente de a satisface utilizatorii, ei nu reușesc să mențină energia în interiorul utilizatorilor pe care ecranul schelet o menține în timpul progresului de încărcare.
Gânduri finale
Indiferent cât de rapide sunt operațiunile noastre cu aplicația sau site-ul web, există întotdeauna o șansă de timp de procesare neinvitată. Utilizarea indicatorilor de progres de așteptare animați, cum ar fi indicatorii de procente realizate și rotatoarele de încărcare, ajută la asigurarea utilizatorilor cu privire la procesele în desfășurare și la starea curentă a sistemului. Ca rezultat, crește probabilitatea ca aceștia să rămână pe site-ul web sau pe aplicație pentru a aștepta încărcarea și a-și continua sarcinile rămase. Calculând timpul necesar pentru finalizarea proceselor, trebuie să atribuiți tipul corespunzător de indicatori de animație de progres.
Un indicator în buclă este ideal pentru operațiuni care durează 2-10 secunde, în timp ce operațiunile care consumă mai mult timp pot fi asistate cu indicatorul procentaj realizat. În cazul animației în buclă și a ecranelor schelet, cel mai bine este să optați pentru ecrane schelete, deoarece acestea sunt capabile să întreprindă orice acțiune care depășește câteva milisecunde și să-l păstreze în continuare cool cu utilizatorii.