LPgenerator - Pagina profesională de aterizare este o platformă pentru creșterea vânzărilor afacerii dvs.
COMERCIALIZAREA CURSULUI DE ACȚIUNI DIN PARTENERI
Afișarea stării sistemului este unul dintre cele zece standarde fundamentale de utilizare, rămânând unul dintre principalele principii și principii universale ale designului UI.
Indicatorii de progres sunt introduși cu scopul de a oferi feedback în timp util cu privire la funcționarea sistemului / interfeței. Conform teoriei interacțiunii lui Norman, aceste elemente ar trebui, de asemenea, să ajute utilizatorii să evalueze starea sistemului.
Una dintre cele mai utilizate forme de feedback despre funcționarea sistemului este un indicator de progres animat - acest element afișează sarcina sistemului / resursei atunci când procesează informații sau descarcă date.
Astăzi vă oferim o traducere a unui articol Sherwin Katie (Katie Sherwin), specialist în uzabilitate NNG (Nielsen-Norman Group, Nielsen-Norman Group), în care ea a vorbit despre diferitele tipuri de progres și a făcut recomandări cu privire la utilizarea indicatorilor lor.
Puterea feedback-ului - permiteți utilizatorilor să simtă că le puteți auzi
Indicatorii de progres nu sunt una dintre cele mai recente tendințe în designul web. dar punerea lor în aplicare este garantată pentru a îmbunătăți experiența utilizatorului - prin obținerea de feedback cu privire la acțiunile lor, utilizatorii sunt convinși că sistemul și-a acceptat cererea și o procesează.
Din păcate, majoritatea site-urilor și sistemelor nu afișează informații despre stadiul procesului până la finalizare - utilizatorii sunt enervanți, deoarece nu știu dacă echipa lor rulează și dacă sistemul funcționează deloc. În plus, ignoranța privind starea sistemului este motivul pentru comenzile repetate și multe clicuri suplimentare.
Viteza ridicată de descărcare este o cerință comună pentru toate resursele, dar uneori serverele procesează date mai mult decât de obicei, iar acest lucru nu poate fi remediat nici măcar prin modernizarea acestora. În astfel de cazuri, consumatorii ar trebui să fie informați că sistemul funcționează și că echipa lor funcționează. Dacă descărcarea necesită mai mult de 10 secunde, este recomandat să specificați un timp aproximativ înainte de a se termina - în caz contrar, mulți utilizatori pur și simplu nu vor aștepta.
Ca un exemplu de feedback despre starea sistemului, Katie a descris apelul său către Departamentul de Transporturi din California (DMV, Departamentul de Autovehicule):
- În mod previzibil, Sherwin a fost informat că toți operatorii sunt ocupați.
- Câteva minute mai târziu, a fost anunțat un mesaj că Katie era încă pe linie.
- Următoarea înregistrare a spus că timpul de așteptare aproximativ este de 15-20 de minute - acest lucru a permis specialiștilor NNG să-și facă propria afacere fără teama de a lipsi coada de așteptare.
- După 15 minute, Katie a fost rugată să lase un număr de contact, astfel încât operatorul să poată lua legătura cu ea când a fost eliberată. Mai mult, Sherwin era asigurat că nu și-ar pierde locul în coadă.
Instrumentele de feedback DMV au făcut ușor să aștepte conexiunea cu operatorul - Katie nu numai că a informat-o despre starea apelului ei, dar a oferit și o alternativă convenabilă la așteptare. Apropo, introducerea unui astfel de sistem de reținere este mult mai ieftină decât extinderea personalului centrului call-center.
Indicatorii de descărcare informează utilizatorii că sistemul are nevoie de mai mult timp pentru a executa comanda (care poate fi descărcarea fișierelor, actualizarea instalării etc.) și afișarea unui timp aproximativ de așteptare.
Pentru a înțelege proprietățile acestor elemente, Katie a descris avantajele lor prin trasarea unei paralele cu un apel către Departamentul de Transport din California:
- Indicatorii elimină îndoielile utilizatorilor cu privire la corectitudinea funcționării sistemului, afișează starea sa - acest lucru sa realizat prin intermediul unui mesaj despre angajarea operatorilor.
- Aceste elemente furnizează un obiect, a cărui observare facilitează așteptarea - când țineți un apel, acesta este muzica.
- Ei au în așteptare utilizatorii, prezentând un proces - Sherwin a informat că toți reprezentanții departamentului sunt ocupați și că operatorul va fi liber timp de 15 minute, așa că era pregătită să aștepte.
- Indicatorii progresului slăbesc sentimentul de timp, deoarece utilizatorii, concentrându-se pe feedback, acordă mai puțină atenție chiar procesului de așteptare - ascultarea muzicii, specialistul în NNG a uitat cât de obositor este să aștepte conexiunea cu operatorul.
Scopul unuia dintre studiile efectuate la Universitatea din Nebraska-Lincoln a fost acela de a determina timpul în care utilizatorii sunt dispuși să aștepte încărcarea site-ului. Un grup de respondenți a prezentat o versiune a paginii cu indicatori de progres (o bară de descărcare animată), iar cea de-a doua fără.
Ca urmare, cei care au afișat pagina web cu indicatorul au fost mai mulțumiți de experiența utilizatorului și au așteptat în medie de 3 ori mai mult decât cei care nu au primit elementul de feedback.
Indicatori de descărcare animați
În ciuda faptului că viteza conexiunii digitale crește în fiecare an, problema resurselor de încărcare lentă este încă relevantă. Și, după cum știți, productivitatea scăzută a site-urilor irită vizitatorii și de multe ori îi determină să plece.
Locația utilizatorilor de a aștepta descărcarea este determinată de mai mulți factori:
Agenții de marketing nu pot influența acești factori, însă, urmând recomandările de mai jos, ele pot spori în mod semnificativ dorința utilizatorilor de a aștepta:
Afișați întotdeauna ceva feedback
Deoarece așteptările începe imediat după acțiunea (cum ar fi un click pe CTA element), sistemul trebuie să arate imediat că cererea a fost primită și procesată, de exemplu, se poate schimba culoarea butonului pe care utilizatorul a făcut clic, sau să apară bara de încărcare.
Natura statică a interfeței după trimiterea cererii este percepută de mulți utilizatori drept o eroare, astfel încât acestea încearcă adesea să execute comanda în mod repetat, ceea ce, la rândul său, poate duce la consecințe negative.
Afișați progresul oricărui proces care durează mai mult de o secundă
Atenția utilizatorilor începe să disipeze după câteva secunde de așteptare, ceea ce poate duce la plecarea lor. Prin urmare, pentru a afișa progresul proceselor a căror durată este mai lungă decât o secundă, ar trebui să utilizați o animație ciclică sau un indicator procentual.
În continuare vom fi familiarizați cu diferite tipuri de indicatori și recomandări privind aplicarea acestora.
1. Animație ciclică
Un element grafic cu animație ciclică indică faptul că sistemul funcționează, dar nu furnizează informații despre timpul aproximativ de așteptare pentru descărcare.
Astfel de elemente ar trebui folosite pentru a afișa starea proceselor care durează între 2 și 10 secunde. Dacă utilizați animație ciclică pentru interogări care sunt procesate mai puțin de o secundă, atunci va provoca un efect de frecare - utilizatorii vor fi confundați de apariția și dispariția bruscă a unui element de neînțeles.
Din punctul de vedere al dezvoltării web, utilizarea animației ciclice în proiectarea tuturor indicatorilor este mai degrabă tentantă, deoarece nu este nevoie să se calculeze timpul de descărcare. Cu toate acestea, animația ciclică nu este recomandată pentru a afișa procesele de procesare care durează mai mult de 10 secunde - lipsa de informații despre progres va determina utilizatorii să aibă grijă. Mai mult decât atât, este imposibil să se determine prin acest element grafic dacă sistemul funcționează, ceea ce mărește și posibilitatea opririi interacțiunii digitale.
Un participant într-un test de utilizare a așteptat ca pagina online să se încarce mai mult de 15 minute și, în cele din urmă, s-a dovedit că a apărut o eroare și că aplicația trebuie reluată. Evident, utilizatorul real nu va aștepta atât de mult timp.
Este demn de remarcat faptul că animația ciclică nu este adecvată pentru afișarea progresului încărcării datelor de pe servere, deoarece calitatea conexiunii care afectează viteza de lucru este sub controlul dezvoltatorilor. Prin standarde, datele nu trebuie încărcate mai mult de 2 secunde, dar această cifră nu este întotdeauna posibilă.
2. Indicatori procentuali
Indicatorii care arată progresul în procente sunt cel mai informativ tip de feedback animat. Aceste elemente permit utilizatorilor să calculeze un timp de așteptare aproximativ (care le permite să decidă dacă vor aștepta sau nu), elimină maxim incertitudinea privind timpul de procesare și slăbește sentimentul de timp.
Cercurile și coloanele orizontale care completează între 0 și 100% sunt exemple ale acestui tip de indicatori de progres.
În mod tipic, indicatorii procentuali ar trebui să fie utilizați pentru procese care durează 10 secunde - un element vizual care prezintă finalizarea treptată a procesării, calmează și dispune de așteptare. Cu toate acestea, aceste elemente pot fi folosite pentru a afișa starea proceselor care necesită mai puțin de 10 secunde, dacă sunt asociate procesării fișierelor sau a registrelor, vizitatorii înțeleg că sistemul funcționează cu un anumit număr de înregistrări.
Se recomandă adăugarea de text la indicatorii procentual animați (de exemplu, "Fișierele încărcate: 17 din 50") și la indicatorii proceselor lungi - butonul de anulare, în cazul în care utilizatorul nu dorește să aștepte. Apropo, absența elementului de anulare lipsește utilizatorii de control asupra sistemului, ceea ce dăunează experienței utilizatorului.
Procentul de indicatori creează o idee despre durata procesului, ceea ce face ca schimbările în viteza progresului să fie mai vizibile, iar aceasta, la rândul său, afectează în mod pozitiv experiența utilizatorului. Cu toate acestea, utilizatorii sunt deranjați dacă indicatorul se umple prea repede, iar atunci când există câteva procente pentru a finaliza, oprește - acest lucru reduce efectul de feedback pozitiv la nimic.
Mulți designeri și dezvoltatori care implementează indicatori de încărcare se confruntă cu problema calculării vitezei de execuție a procesului. Pentru a face față acestei sarcini, păstrați următoarele recomandări:
- Ajustați animație, astfel încât lumina a început să se umple încet, și pe măsură ce se apropie de sfârșitul vitezei de download a crescut - nu va crea așteptări nerealiste în rândul vizitatorilor cu privire la performanța site-ului. Este întotdeauna mai bine să depășiți așteptările clienților decât să le dezamăgeți.
- Este de remarcat faptul că această recomandare este relevantă numai pentru indicatorii de descărcare - studiile au arătat că indicatorii progresului de selecție, a căror rată de umplere scade în timp ce trec, diminuează rata de eșec.
- Specificați o durată de așteptare aproximativă, nu exactă - în anumite cazuri, descărcarea va dura probabil mai mult decât timpul specificat, ceea ce va afecta în mod negativ încrederea consumatorilor.
- Un text simplu, cum ar fi "Va dura aproximativ un minut" sau "Rămâi aproximativ 3 minute", este suficient pentru a informa și a păstra utilizatorii. Adăugați câteva secunde suplimentare la valoarea specificată în cazul întârzierilor neprevăzute.
- În loc să afișeze progresului general, în unele cazuri, optimizate pentru a afișa numărul de pași finalizate și rămase - vizitatorii nu vor ști exact cât de mulți vor lua punerea în aplicare a unui pas, cu toate acestea, numărul de pași pentru a le ajuta să formeze o idee și va trage într-un proces de aproape sau de așteptare pentru ca acesta să se încheie.
- Experiența utilizatorilor și gradul de utilizare pe site-urile de eCommerce
3. Indicatori de progres static
Indicatorii statici, care pot fi exemplificați prin textul "Așteptați, rezultatele sunt încărcate" fără elemente animate, sunt ineficiente. Astfel de indicatori nu afișează informații despre progresul sistemului și starea de funcționare a acestuia, astfel încât acestea ar trebui înlocuite cu cele dinamice.
Cea mai proastă modalitate de a preveni comenzile repetate accidentale și clicurile inutile este să adăugați un avertisment butonului CTA de tipul "Apăsați din nou poate duce la o re-comandă". În primul rând, orice amenințare contravine standardelor de bază ale unei experiențe pozitive a utilizatorilor și, în al doilea rând, aceste avertismente sunt pur și simplu ineficiente, deoarece acestea sunt rareori acordate atenție.
Textul avertismentului: "Nu faceți clic de două ori!".
Recomandări pentru resurse ale căror public țintă sunt copii
În timpul studiului "Copii pe Web", experții NNG s-au confruntat cu o mulțime de instrumente și jocuri interactive cu încărcare lungă.
Katie a prezentat câteva sfaturi despre cum să păstreze interesul utilizatorilor tineri, fără a le distrage de la ocupația principală:
- Utilizați întotdeauna indicatori procentuali notabili pentru a ajuta copiii să înțeleagă că sistemul este încărcat. Copiii, la fel ca adulții, vor să știe dacă sistemul rulează și cât timp va fi încărcat.
- Asigurați-vă că animația intermediară nu ascunde indicatorul și nu este similară gameplay-ului.
- Folosiți animații fascinante și simple, relevante pentru activitatea principală - acestea sunt cele mai eficiente pentru păstrarea atenției și așteptarea.
- Utilizabilitatea pentru cei mai tineri, sau Cum de a crea o resursă web pe care o plac copiii?
Furnizarea de feedback este una dintre cerințele directoare ale unei experiențe pozitive a utilizatorului. Afișarea deschisă și transparentă a timpului necesar descărcării, designerii pot elimina neștiința utilizatorilor cu privire la starea sistemului și pot crește timpul pe care sunt dispuși să-l cheltuiască în așteptare.
Indicatorii ciclici ar trebui utilizați pentru procese care durează 2-9 secunde și procentual - pentru întârzieri care durează mai mult de 10 secunde. Dar, deoarece nu puteți estima întotdeauna timpul de încărcare, ar trebui să măriți întârzierea în afișarea procesului, ceea ce necesită mai mult de 10 secunde. Cu cât este mai mare instabilitatea timpului de încărcare, cu atât este mai mică pragul minim pentru afișarea progresului exact.
Indicatorii de progres indică faptul că utilizatorii așteaptă și afectează în mod pozitiv impresia site-ului / aplicației.
Conversii mari!
ATENȚIE! Utilizați un browser Internet Explorer învechit
Acest site este construit pe tehnologii avansate și moderne și nu suportă versiunile 6 și 7 ale Internet Explorer.
Trimiteți-le prietenilor: