Parimad tavad animeeritud edenemisnäitajate kasutuselevõtuks teie eeliseks

Kui olete kunagi arvutit kasutanud, võite sama hästi olla teadlik animeeritud Windowsi sümbolist, mis kuvatakse süsteemi käivitamisel. Kulus kujunduse ja animatsiooni areng, et areneda selliseks, mida me praegu näeme, kuid Windows 1995-s ei liikunud pilt üldse. Mõned teist võivad mõelda, miks neid animeeritud indikaatoreid üldse kasutada?

Kuid mõelge sellele, kas eelistaksite oma tegevuse lõpetamiseks pigem oodata ja tühjal ekraanil vaadata? Või jääte meelelahutuseks millegi tähendusega, kuni ekraan uuesti ilmub?

Üks kasutajaliidese disaini kõige kardinaalsemaid funktsioone on võimalus näidata selle edenemist süsteemi olekuna. Kasutaja peab teadma, kas süsteem on oma tegevusest teadlik ja reageerib neile vastavalt. Animeeritud edenemisindikaatorid suudavad näidata toimingu praegust konteksti peaaegu igal ajahetkel ilma ulatuslikke teksti- või videofunktsioone kasutamata. See muudab need ideaalseks süsteemi oleku kuvamiseks ajal, mil edenemine toimub taustal.

Miks on süsteemi edenemise ajal kasutajaga suhtlemine oluline?

Kellele ei meeldiks rakenduse või veebisaidi kiire reageerimine? Kuigi see tähendab kasutajale palju, pole seda võimalik vankumatus järjepidevuses käivitada. Võrrandisse lisatakse alati teatud tegurid, mis võivad teie rakenduse kiirust takistada. Need tegurid hõlmavad enamasti halba Interneti-ühendust, suure koormuse tõttu aeglast jõudlust ja isegi programmi tõrkeid. Sellistes tingimustes oleks parim samm kasutaja pinge minimeerimine ja kindlustunne, et rakendus töötab ja edusamme tehakse. Selleks peate andma kasutajale tagasisidet, et aeg ei võtaks kasutaja kannatlikkust.

Hoidke kasutajad tagasisidega kursis

Ooteaeg algab peaaegu kohe, kui kasutaja teeb toimingu. Asja teeb aga hullemaks õige indikaatori puudumine süsteemi edenemise näitamiseks. Kasutaja eeldab loomulikult, et rakendus ei vastanud, kui see ei näita teadet, et süsteem võtab aega. Tulemused võivad ulatuda lokkavast klõpsamisest kuni isegi kasutaja hülgamiseni lihtsalt seetõttu, et rakendus ei andnud õigeaegselt tagasisidet.

Toimingud, mis on ühendatud edenemise taaskäivitamiseks või süsteemi värskendamiseks, tehakse sageli siis, kui laadimine võtab oodatust rohkem aega. Jällegi ei saa tagasiside puudumine näidata päringu vastust, kuigi see esitatakse taustal. Seetõttu tuleb rakenduse süsteemi edenemise toetamiseks igal ajal kasutusele võtta animeeritud indikaator.

Kuidas kasutada edenemisindikaatorit mis tahes toimingu jaoks, mis kestab kauem kui üks sekund?

Tavaliselt, kui rakenduse laadimiseks kulub vähem kui 1 sekund, tundub edenemine peaaegu takistamatu ja kasutaja ei kaota oma tähelepanu. Kui aga laadimisaeg ületab 1 sekundi, tuleb võtta tarvitusele abinõud, et hoida kasutaja kaasas. Lühike viivitus muutub märgatavaks ja kasutaja hakkab uurima rakenduses tehtava ülesande tõhusust.

Seetõttu peab rakendus reageerima edenemisnäidiku kaudu, et pakkuda ootamiseks usutavat põhjust ja vähendada kasutaja ebakindlust, enne kui see kontrolli alt väljub. Tuleb märkida, et toimingud, mille laadimiseks kulub vähem kui üks sekund, ei vaja tingimata animatsiooniindikaatorit, kuid pilt saab seda teha. See on soovitatav, kuna animatsioon, mis vilgub ekraanil iga kord, kui mõni tegevus sooritatakse, võib kasutajat segada. Animeeritud edenemisnäitajad on kõige parem kasutada pikaajalise ootamise mõju neutraliseerimiseks ja kasutaja rakenduses või veebisaidil hoidmiseks.

Eduindikaatorite tüübid

1. Määramatu: animeeritud ooteindikaatorid on loodud kasutajaga suhtlemiseks ja kasutaja viimase toiminguga kursis hoidmiseks. Kõige tavalisem ja üsna lihtsaim ooteindikaatori tüüp on määramatu. Seda tüüpi indikaatorid annavad kasutajatele käsu oodata toimingu lõpuleviimist, jättes nad teadmatuse ajal, mis võib kuluda edenemise lõpuleviimiseks. See on peaaegu arusaadav, et määramatu edenemise indikaator tuleks kasutada kiireteks toiminguteks eelistatavalt 2–10 sekundi jooksul. Iga kord kauem kui see ja see võib mõjutada kasutaja kannatlikkust. See võib suurendada veebisaidi põrkemäära ja rakenduste loobumist.
2. Määratletud: edenemisnäidiku “Determinate” korral on aeg animatsioonis üsna pikk. Seda tüüpi indikaatorid hoiavad kasutajat kursis edenemise lõpuleviimiseks kuluva ligikaudse või täpse aja kohta. Need on pigem populaarsemad ootamise indikaatorid, kuna need näitavad, kuidas see algas, kui palju on saavutatud ja kui palju on veel vaja ootamise lõpetamiseks. See aitab kasutajal olla kindel edusammude osas, mida animatsiooni kaudu näidatakse, suurendades samal ajal nende valmisolekut veebisaidi või rakendusega seotuks jääda.

Silmusanimatsiooni indikaator ja valmimisprotsendi indikaator

• Silmusanimatsioon: silmusanimatsiooni indikaator on loodud edenemist näitama, ilma et see näitaks ligikaudset või täpset laadimisaega. Seetõttu on enamiku silmustega animeeritud edenemisnäitajad määramatud. Näiteks Windows 7 edenemisnäidik oli loodud näitama sama animatsiooni kordust ilma tagasisideta täpse aja kohta, mis võib kuluda edenemise lõpuleviimiseks. Lisaks hõlmas see kõike alates alglaadimisfunktsioonidest, liidese toimimise seadistamisest ja muudest andmete laadimise vormidest. Nendel kahel põhjusel ei eelista kasutajad veebisaidi või rakenduse laadimisaja näitamiseks silmusega ooteindikaatorit.

• Valmisoleku protsendi indikaator: nagu nimigi ütleb, näitab valmisoleku protsendi indikaator laadimise edenemist, täites animatsiooni ulatuse, ringi või riba 0% kuni 100%. Kuna see näitab edenemise lõpuleviimiseks kuluvat aega, liigitatakse valmisoleku indikaator määratud ooteindikaatoriteks. Selle konkreetse kvaliteedi jaoks on kõige parem kasutada tehtud protsendi indikaatorit ülesannete puhul, mille sooritamiseks kulub rohkem kui 10 sekundit.

  Uuringu kohaselt on 10 sekundit keskmise kasutaja kannatlikkuse lävi. Peale selle muutub kasutaja hoolimatuks ja muutub kannatamatuks kuni täiendava tagasiside saamiseni. Näidates protsentuaalset edenemisnäitajat protsesside jaoks, mille laadimiseks kulub rohkem kui 10 sekundit, saate hoida kasutaja veebisaidi või rakendusega kursis, ilma et see kahjustaks tema kannatlikkust.

Kuidas edenemisnäitajaid tõhusalt kasutada?

Edenemisnäitajate tõhus kasutamine rakendustes ja veebisaitidel võib tähendada edu ja ebaõnnestumise erinevust. Siin on mõned näpunäited, kuidas teie edenemisnäitajad korralikult toimivad.

1. Hoidke kasutajat ootamise põhjusega kursis: see on algaja viga, kui kasutaja ei teadvusta taustal toimuvat laadimise edenemist. See suurendab nende kalduvust kaotada kannatlikkus ja sulgeda rakendus või veebisait. Saate kasutajat kursis hoida, kuvades animeeritud edenemisnäidiku koos tekstiga, et mõista. Saate näidata, millist protsessi konkreetselt sihitakse. Näiteks saate näidata videomängu ootamise edenemist laadimisriba ja tekstiga, mis loeb, milline protsess toimub, näiteks „graafika laadimine” või „kaartide laadimine” jne.
2. Märkige pikemat aega nõudva ülesande jaoks lihtne ajaprognoos: ärge viige asju mikrokaaludesse. Saate kasutajat seotuna hoida, esitades lihtsa hinnangu. Narrimine lubadustega, mida te ei suuda täita, võib kasutajaid ärritada ja sundida neid lahkuma.
3. Näidake täpset nõutavat aega: toimingute puhul, mis võtavad tavaliselt rohkem aega kui kasutaja keskmine ootelimiit, on kindlate edenemisnäitajate valimine nutikam samm. Ideaalne valik oleks tehtud protsentuaalne edenemise indikaator, kuna see toob rambivalgusesse täpse laadimisaja. Veelgi pikemaajaliste toimingute puhul kaaluge tehtud edusammude esiletõstmiseks mitme sammu kasutamist.
4. Jätkake edenemist: püüdke ülesannete laadimise ajal püüda edenemisribal järjepidevust. Pärast mõnda kogemust sunnib edenemisriba kasutajaid lootma, kui kiiresti toiming lõpule jõuab. Järelikult võivad edusammude ajal kõik külmumised anda kasutajate ootustele tõsise löögi. Näiteks kui riba saavutab 99% ja püsib sellisena pikka aega, on enamik kasutajaid sellisest käitumisest pettunud ja lahkuvad rakendusest, uskudes, et see on külmunud. Selle vastu võitlemiseks saate need ebajärjekindlad viivitused edenemisribal varjata, näidates, et see liigub koheselt ja ühtlaselt.
5. Näita edenemist ribal tegelikust kiirusest kiiremini: töötlemata kiirus võib ilmneda lihtsa ettekujutusena, mille saate luua, et muuta edenemisriba kiiremaks. Saate seda saavutada, kujundades animatsiooni nii, et see liigub alguses aeglaselt ja valib selle tempo, kui see lõpetab. See loob illusiooni kiirest edenemisest, ilma et ülesande täitmiseks kuluv aeg järele jääks.
6. Pakkuge tähelepanu kõrvalejuhtimist: kasutaja ajataju saab oluliselt vähendada loomingulise edenemise indikaatorite kasutuselevõtuga. Kui rakendus näitab edenemise ajal huvitavaid tekstilisi või visuaalseid detaile, võib see toimingu lõpuleviimise ajalt kasutaja tähelepanu kõrvale juhtida. Saate pakkuda kasutajate tegevuses hoidmiseks mitmesuguseid asju, näiteks lühikesi videoid, huvitavaid fakte, animatsioone ja isegi triviaalseid mänge.

Alternatiiv – animatsiooni edenemise indikaatorite vastu võitlemiseks kasutage skelette ekraane

Kuigi edenemisanimatsiooni indikaatorid võivad raputada peaaegu iga ootamisest tekkiva halva tunde, on mõned publikud selle taktika suhtes üsna vastupidavad. Väheste heade alternatiivide hulgas, mis panevad kasutajad ootama ilma edenemise indikaatoreid kasutamata, on meetod, mida nimetatakse skeletiekraaniks. Tuntud ka kui ajutised teabekonteinerid, hõlmavad need tehnikad edenemise näitamist reaalajas kasutajale laadimisriba avamise asemel. Kujutage ette, et tühi ekraan täidetakse järk-järgult selle komponentide ja elementidega, kuni see on täielikult täidetud. See loob illusiooni, et rakendus käitub laadimisajaga ja nende ootamist premeeritakse näidatud edenemisega.

See mitte ainult ei hoia vaatajaskonda veebisaidi või rakendusega seotud, vaid hoiab neid ka järgmise ülesande täitmiseks valmis. Kuigi edenemisnäitajad on ka suurepärane vahend kasutajate rahulolu tagamiseks, ei suuda need säilitada kasutajas energiat, mida luukere ekraan laadimise edenemise ajal kursis hoiab.

Viimased Mõtted

Pole tähtis, kui kiire on meie rakenduse või veebisaidi toimingud, alati on võimalus, et töötlemisaeg on kutsumata. Animeeritud oote-edenemisnäitajate (nt valmisoleku indikaatorid ja laadimisketrajad) kasutamine aitab veenda kasutajaid käimasolevate protsesside ja süsteemi hetkeseisu kohta. Selle tulemusena suureneb tõenäosus, et nad jäävad veebisaidile või rakendusele laadimist ootama ja jätkavad oma ülejäänud ülesandeid. Protsesside lõpuleviimiseks kuluva aja arvutamisel peate määrama sobivat tüüpi edenemise animatsiooni indikaatorid.

Silmusnäidik sobib ideaalselt 2-10 sekundit kestvate toimingute jaoks, samas kui aeganõudvamaid toiminguid saab abistada tehtud protsendi indikaatoriga. Silmusanimatsioonide ja luukereekraanide puhul on parem valida skeletiekraanide jaoks, kuna need on võimelised sooritama mis tahes toiminguid, mis ulatuvad mõnest millisekundist pikemaks ajaks, ja hoiavad seda siiski kasutajate vahel lahedalt.