{"id":248080,"date":"2023-11-06T10:56:00","date_gmt":"2023-11-06T07:56:00","guid":{"rendered":"https:\/\/inform.click\/parimad-tavad-animeeritud-edenemisnaitajate-kasutuselevotuks-teie-eeliseks\/"},"modified":"2023-11-06T11:20:00","modified_gmt":"2023-11-06T08:20:00","slug":"parimad-tavad-animeeritud-edenemisnaitajate-kasutuselevotuks-teie-eeliseks","status":"publish","type":"post","link":"https:\/\/inform.click\/et\/parimad-tavad-animeeritud-edenemisnaitajate-kasutuselevotuks-teie-eeliseks\/","title":{"rendered":"Parimad tavad animeeritud edenemisn\u00e4itajate kasutuselev\u00f5tuks teie eeliseks"},"content":{"rendered":"<p>\n  Kui olete kunagi arvutit kasutanud, v\u00f5ite sama h\u00e4sti olla teadlik animeeritud Windowsi s\u00fcmbolist, mis kuvatakse s\u00fcsteemi k\u00e4ivitamisel. Kulus kujunduse ja animatsiooni areng, et areneda selliseks, mida me praegu n\u00e4eme, kuid Windows 1995-s ei liikunud pilt \u00fcldse. M\u00f5ned teist v\u00f5ivad m\u00f5elda, miks neid animeeritud indikaatoreid \u00fcldse kasutada?\n<\/p>\n<p>\n  Kuid m\u00f5elge sellele, kas eelistaksite oma tegevuse l\u00f5petamiseks pigem oodata ja t\u00fchjal ekraanil vaadata? V\u00f5i j\u00e4\u00e4te meelelahutuseks millegi t\u00e4hendusega, kuni ekraan uuesti ilmub?\n<\/p>\n<p>\n  \u00dcks kasutajaliidese disaini k\u00f5ige kardinaalsemaid funktsioone on v\u00f5imalus n\u00e4idata selle edenemist s\u00fcsteemi olekuna. Kasutaja peab teadma, kas s\u00fcsteem on oma tegevusest teadlik ja reageerib neile vastavalt. Animeeritud edenemisindikaatorid suudavad n\u00e4idata toimingu praegust konteksti peaaegu igal ajahetkel ilma ulatuslikke teksti- v\u00f5i videofunktsioone kasutamata. See muudab need ideaalseks s\u00fcsteemi oleku kuvamiseks ajal, mil edenemine toimub taustal.\n<\/p>\n<h5>\n  Miks on s\u00fcsteemi edenemise ajal kasutajaga suhtlemine oluline?<br \/>\n<\/h5>\n<p>\n  Kellele ei meeldiks rakenduse v\u00f5i veebisaidi kiire reageerimine? Kuigi see t\u00e4hendab kasutajale palju, pole seda v\u00f5imalik vankumatus j\u00e4rjepidevuses k\u00e4ivitada. V\u00f5rrandisse lisatakse alati teatud tegurid, mis v\u00f5ivad teie rakenduse kiirust takistada. Need tegurid h\u00f5lmavad enamasti halba Interneti-\u00fchendust, suure koormuse t\u00f5ttu aeglast j\u00f5udlust ja isegi programmi t\u00f5rkeid. Sellistes tingimustes oleks parim samm kasutaja pinge minimeerimine ja kindlustunne, et rakendus t\u00f6\u00f6tab ja edusamme tehakse. Selleks peate andma kasutajale tagasisidet, et aeg ei v\u00f5taks kasutaja kannatlikkust.\n<\/p>\n<h5>\n  Hoidke kasutajad tagasisidega kursis<br \/>\n<\/h5>\n<p>\n  Ooteaeg algab peaaegu kohe, kui kasutaja teeb toimingu. Asja teeb aga hullemaks \u00f5ige indikaatori puudumine s\u00fcsteemi edenemise n\u00e4itamiseks. Kasutaja eeldab loomulikult, et rakendus ei vastanud, kui see ei n\u00e4ita teadet, et s\u00fcsteem v\u00f5tab aega. Tulemused v\u00f5ivad ulatuda lokkavast kl\u00f5psamisest kuni isegi kasutaja h\u00fclgamiseni lihtsalt seet\u00f5ttu, et rakendus ei andnud \u00f5igeaegselt tagasisidet.\n<\/p>\n<p>\n  Toimingud, mis on \u00fchendatud edenemise taask\u00e4ivitamiseks v\u00f5i s\u00fcsteemi v\u00e4rskendamiseks, tehakse sageli siis, kui laadimine v\u00f5tab oodatust rohkem aega. J\u00e4llegi ei saa tagasiside puudumine n\u00e4idata p\u00e4ringu vastust, kuigi see esitatakse taustal. Seet\u00f5ttu tuleb rakenduse s\u00fcsteemi edenemise toetamiseks igal ajal kasutusele v\u00f5tta animeeritud indikaator.\n<\/p>\n<h5>\n  Kuidas kasutada edenemisindikaatorit mis tahes toimingu jaoks, mis kestab kauem kui \u00fcks sekund?<br \/>\n<\/h5>\n<p>\n  Tavaliselt, kui rakenduse laadimiseks kulub v\u00e4hem kui 1 sekund, tundub edenemine peaaegu takistamatu ja kasutaja ei kaota oma t\u00e4helepanu. Kui aga laadimisaeg \u00fcletab 1 sekundi, tuleb v\u00f5tta tarvitusele abin\u00f5ud, et hoida kasutaja kaasas. L\u00fchike viivitus muutub m\u00e4rgatavaks ja kasutaja hakkab uurima rakenduses tehtava \u00fclesande t\u00f5husust.\n<\/p>\n<p>\n  Seet\u00f5ttu peab rakendus reageerima edenemisn\u00e4idiku kaudu, et pakkuda ootamiseks usutavat p\u00f5hjust ja v\u00e4hendada kasutaja ebakindlust, enne kui see kontrolli alt v\u00e4ljub. Tuleb m\u00e4rkida, et toimingud, mille laadimiseks kulub v\u00e4hem kui \u00fcks sekund, ei vaja tingimata animatsiooniindikaatorit, kuid pilt saab seda teha. See on soovitatav, kuna animatsioon, mis vilgub ekraanil iga kord, kui m\u00f5ni tegevus sooritatakse, v\u00f5ib kasutajat segada. Animeeritud edenemisn\u00e4itajad on k\u00f5ige parem kasutada pikaajalise ootamise m\u00f5ju neutraliseerimiseks ja kasutaja rakenduses v\u00f5i veebisaidil hoidmiseks.\n<\/p>\n<h5>\n  Eduindikaatorite t\u00fc\u00fcbid<br \/>\n<\/h5>\n<ol>\n<li>\n    <strong>M\u00e4\u00e4ramatu: animeeritud ooteindikaatorid<\/strong> on loodud kasutajaga suhtlemiseks ja kasutaja viimase toiminguga kursis hoidmiseks. K\u00f5ige tavalisem ja \u00fcsna lihtsaim ooteindikaatori t\u00fc\u00fcp on m\u00e4\u00e4ramatu. Seda t\u00fc\u00fcpi indikaatorid annavad kasutajatele k\u00e4su oodata toimingu l\u00f5puleviimist, j\u00e4ttes nad teadmatuse ajal, mis v\u00f5ib kuluda edenemise l\u00f5puleviimiseks. See on peaaegu arusaadav, et m\u00e4\u00e4ramatu edenemise indikaator tuleks kasutada kiireteks toiminguteks eelistatavalt 2\u201310 sekundi jooksul. Iga kord kauem kui see ja see v\u00f5ib m\u00f5jutada kasutaja kannatlikkust. See v\u00f5ib suurendada veebisaidi p\u00f5rkem\u00e4\u00e4ra ja rakenduste loobumist.\n  <\/li>\n<li>\n    <strong>M\u00e4\u00e4ratletud<\/strong>: edenemisn\u00e4idiku &#8220;Determinate&#8221; korral on aeg animatsioonis \u00fcsna pikk. Seda t\u00fc\u00fcpi indikaatorid hoiavad kasutajat kursis edenemise l\u00f5puleviimiseks kuluva ligikaudse v\u00f5i t\u00e4pse aja kohta. Need on pigem populaarsemad ootamise indikaatorid, kuna need n\u00e4itavad, kuidas see algas, kui palju on saavutatud ja kui palju on veel vaja ootamise l\u00f5petamiseks. See aitab kasutajal olla kindel edusammude osas, mida animatsiooni kaudu n\u00e4idatakse, suurendades samal ajal nende valmisolekut veebisaidi v\u00f5i rakendusega seotuks j\u00e4\u00e4da.\n  <\/li>\n<\/ol>\n<h5>\n  Silmusanimatsiooni indikaator ja valmimisprotsendi indikaator<br \/>\n<\/h5>\n<ul>\n<li>\n    <strong>Silmusanimatsioon<\/strong>: silmusanimatsiooni indikaator on loodud edenemist n\u00e4itama, ilma et see n\u00e4itaks ligikaudset v\u00f5i t\u00e4pset laadimisaega. Seet\u00f5ttu on enamiku silmustega animeeritud edenemisn\u00e4itajad m\u00e4\u00e4ramatud. N\u00e4iteks Windows 7 edenemisn\u00e4idik oli loodud n\u00e4itama sama animatsiooni kordust ilma tagasisideta t\u00e4pse aja kohta, mis v\u00f5ib kuluda edenemise l\u00f5puleviimiseks. Lisaks h\u00f5lmas see k\u00f5ike alates alglaadimisfunktsioonidest, liidese toimimise seadistamisest ja muudest andmete laadimise vormidest. Nendel kahel p\u00f5hjusel ei eelista kasutajad veebisaidi v\u00f5i rakenduse laadimisaja n\u00e4itamiseks silmusega ooteindikaatorit.\n  <\/li>\n<li>\n<p>\n      <strong>Valmisoleku protsendi indikaator<\/strong>: nagu nimigi \u00fctleb, n\u00e4itab valmisoleku protsendi indikaator laadimise edenemist, t\u00e4ites animatsiooni ulatuse, ringi v\u00f5i riba 0% kuni 100%. Kuna see n\u00e4itab edenemise l\u00f5puleviimiseks kuluvat aega, liigitatakse valmisoleku indikaator m\u00e4\u00e4ratud ooteindikaatoriteks. Selle konkreetse kvaliteedi jaoks on k\u00f5ige parem kasutada tehtud protsendi indikaatorit \u00fclesannete puhul, mille sooritamiseks kulub rohkem kui 10 sekundit.\n    <\/p>\n<p>\n      Uuringu kohaselt on 10 sekundit keskmise kasutaja kannatlikkuse l\u00e4vi. Peale selle muutub kasutaja hoolimatuks ja muutub kannatamatuks kuni t\u00e4iendava tagasiside saamiseni. N\u00e4idates protsentuaalset edenemisn\u00e4itajat protsesside jaoks, mille laadimiseks kulub rohkem kui 10 sekundit, saate hoida kasutaja veebisaidi v\u00f5i rakendusega kursis, ilma et see kahjustaks tema kannatlikkust.\n    <\/p>\n<\/li>\n<\/ul>\n<h5>\n  Kuidas edenemisn\u00e4itajaid t\u00f5husalt kasutada?<br \/>\n<\/h5>\n<p>\n  Edenemisn\u00e4itajate t\u00f5hus kasutamine rakendustes ja veebisaitidel v\u00f5ib t\u00e4hendada edu ja eba\u00f5nnestumise erinevust. Siin on m\u00f5ned n\u00e4pun\u00e4ited, kuidas teie edenemisn\u00e4itajad korralikult toimivad.\n<\/p>\n<ol>\n<li>\n    <strong>Hoidke kasutajat ootamise<\/strong> p\u00f5hjusega kursis: see on algaja viga, kui kasutaja ei teadvusta taustal toimuvat laadimise edenemist. See suurendab nende kalduvust kaotada kannatlikkus ja sulgeda rakendus v\u00f5i veebisait. Saate kasutajat kursis hoida, kuvades animeeritud edenemisn\u00e4idiku koos tekstiga, et m\u00f5ista. Saate n\u00e4idata, millist protsessi konkreetselt sihitakse. N\u00e4iteks saate n\u00e4idata videom\u00e4ngu ootamise edenemist laadimisriba ja tekstiga, mis loeb, milline protsess toimub, n\u00e4iteks \u201egraafika laadimine&#8221; v\u00f5i \u201ekaartide laadimine&#8221; jne.\n  <\/li>\n<li>\n    <strong>M\u00e4rkige pikemat aega n\u00f5udva \u00fclesande jaoks lihtne ajaprognoos<\/strong>: \u00e4rge viige asju mikrokaaludesse. Saate kasutajat seotuna hoida, esitades lihtsa hinnangu. Narrimine lubadustega, mida te ei suuda t\u00e4ita, v\u00f5ib kasutajaid \u00e4rritada ja sundida neid lahkuma.\n  <\/li>\n<li>\n    <strong>N\u00e4idake t\u00e4pset n\u00f5utavat aega<\/strong>: toimingute puhul, mis v\u00f5tavad tavaliselt rohkem aega kui kasutaja keskmine ootelimiit, on kindlate edenemisn\u00e4itajate valimine nutikam samm. Ideaalne valik oleks tehtud protsentuaalne edenemise indikaator, kuna see toob rambivalgusesse t\u00e4pse laadimisaja. Veelgi pikemaajaliste toimingute puhul kaaluge tehtud edusammude esilet\u00f5stmiseks mitme sammu kasutamist.\n  <\/li>\n<li>\n    <strong>J\u00e4tkake edenemist<\/strong>: p\u00fc\u00fcdke \u00fclesannete laadimise ajal p\u00fc\u00fcda edenemisribal j\u00e4rjepidevust. P\u00e4rast m\u00f5nda kogemust sunnib edenemisriba kasutajaid lootma, kui kiiresti toiming l\u00f5pule j\u00f5uab. J\u00e4relikult v\u00f5ivad edusammude ajal k\u00f5ik k\u00fclmumised anda kasutajate ootustele t\u00f5sise l\u00f6\u00f6gi. N\u00e4iteks kui riba saavutab 99% ja p\u00fcsib sellisena pikka aega, on enamik kasutajaid sellisest k\u00e4itumisest pettunud ja lahkuvad rakendusest, uskudes, et see on k\u00fclmunud. Selle vastu v\u00f5itlemiseks saate need ebaj\u00e4rjekindlad viivitused edenemisribal varjata, n\u00e4idates, et see liigub koheselt ja \u00fchtlaselt.\n  <\/li>\n<li>\n    <strong>N\u00e4ita edenemist ribal tegelikust kiirusest kiiremini<\/strong>: t\u00f6\u00f6tlemata kiirus v\u00f5ib 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\u00f5petab. See loob illusiooni kiirest edenemisest, ilma et \u00fclesande t\u00e4itmiseks kuluv aeg j\u00e4rele j\u00e4\u00e4ks.\n  <\/li>\n<li>\n    <strong>Pakkuge<\/strong> t\u00e4helepanu k\u00f5rvalejuhtimist: kasutaja ajataju saab oluliselt v\u00e4hendada loomingulise edenemise indikaatorite kasutuselev\u00f5tuga. Kui rakendus n\u00e4itab edenemise ajal huvitavaid tekstilisi v\u00f5i visuaalseid detaile, v\u00f5ib see toimingu l\u00f5puleviimise ajalt kasutaja t\u00e4helepanu k\u00f5rvale juhtida. Saate pakkuda kasutajate tegevuses hoidmiseks mitmesuguseid asju, n\u00e4iteks l\u00fchikesi videoid, huvitavaid fakte, animatsioone ja isegi triviaalseid m\u00e4nge.\n  <\/li>\n<\/ol>\n<h5>\n  Alternatiiv \u2013 animatsiooni edenemise indikaatorite vastu v\u00f5itlemiseks kasutage skelette ekraane<br \/>\n<\/h5>\n<p>\n  Kuigi edenemisanimatsiooni indikaatorid v\u00f5ivad raputada peaaegu iga ootamisest tekkiva halva tunde, on m\u00f5ned publikud selle taktika suhtes \u00fcsna vastupidavad. V\u00e4heste heade alternatiivide hulgas, mis panevad kasutajad ootama ilma edenemise indikaatoreid kasutamata, on meetod, mida nimetatakse skeletiekraaniks. Tuntud ka kui ajutised teabekonteinerid, h\u00f5lmavad need tehnikad edenemise n\u00e4itamist reaalajas kasutajale laadimisriba avamise asemel. Kujutage ette, et t\u00fchi ekraan t\u00e4idetakse j\u00e4rk-j\u00e4rgult selle komponentide ja elementidega, kuni see on t\u00e4ielikult t\u00e4idetud. See loob illusiooni, et rakendus k\u00e4itub laadimisajaga ja nende ootamist premeeritakse n\u00e4idatud edenemisega.\n<\/p>\n<p>\n  See mitte ainult ei hoia vaatajaskonda veebisaidi v\u00f5i rakendusega seotud, vaid hoiab neid ka j\u00e4rgmise \u00fclesande t\u00e4itmiseks valmis. Kuigi edenemisn\u00e4itajad on ka suurep\u00e4rane vahend kasutajate rahulolu tagamiseks, ei suuda need s\u00e4ilitada kasutajas energiat, mida luukere ekraan laadimise edenemise ajal kursis hoiab.\n<\/p>\n<h4>\n  Viimased M\u00f5tted<br \/>\n<\/h4>\n<p>\n  Pole t\u00e4htis, kui kiire on meie rakenduse v\u00f5i veebisaidi toimingud, alati on v\u00f5imalus, et t\u00f6\u00f6tlemisaeg on kutsumata. Animeeritud oote-edenemisn\u00e4itajate (nt valmisoleku indikaatorid ja laadimisketrajad) kasutamine aitab veenda kasutajaid k\u00e4imasolevate protsesside ja s\u00fcsteemi hetkeseisu kohta. Selle tulemusena suureneb t\u00f5en\u00e4osus, et nad j\u00e4\u00e4vad veebisaidile v\u00f5i rakendusele laadimist ootama ja j\u00e4tkavad oma \u00fclej\u00e4\u00e4nud \u00fclesandeid. Protsesside l\u00f5puleviimiseks kuluva aja arvutamisel peate m\u00e4\u00e4rama sobivat t\u00fc\u00fcpi edenemise animatsiooni indikaatorid.\n<\/p>\n<p>\n  Silmusn\u00e4idik sobib ideaalselt 2-10 sekundit kestvate toimingute jaoks, samas kui aegan\u00f5udvamaid toiminguid saab abistada tehtud protsendi indikaatoriga. Silmusanimatsioonide ja luukereekraanide puhul on parem valida skeletiekraanide jaoks, kuna need on v\u00f5imelised sooritama mis tahes toiminguid, mis ulatuvad m\u00f5nest millisekundist pikemaks ajaks, ja hoiavad seda siiski kasutajate vahel lahedalt.\n<\/p>\n<\/p>\n<div id=\"PostUnique_PostSource\" style=\"padding-top: 50px\">\n  : <a target=\"_blank\" rel=\"noopener nofollow\" data-pssr=\"\" href=\"http:\/\/www.instantshift.com\/2017\/01\/30\/deploying-animated-progress-indicators\/\">instantshift.com<\/a>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Kui olete kunagi arvutit kasutanud, v\u00f5ite sama h\u00e4sti olla teadlik animeeritud Windowsi s\u00fcmbolist, mis kuvatakse s\u00fcsteemi k\u00e4ivitamisel. Kulus kujunduse ja animatsiooni areng, et areneda selliseks, mida me praegu n\u00e4eme, kuid Windows 1995-s ei liikunud pilt \u00fcldse. M\u00f5ned teist v\u00f5ivad m\u00f5elda, miks neid animeeritud indikaatoreid \u00fcldse kasutada? Kuid m\u00f5elge sellele, kas eelistaksite oma tegevuse l\u00f5petamiseks pigem oodata ja t\u00fchjal ekraanil vaadata? V\u00f5i j\u00e4\u00e4te meelelahutuseks millegi t\u00e4hendusega, kuni ekraan uuesti ilmub? \u00dcks kasutaja k\u00f5ige kardinaalsemaid omadusi \u2026<\/p>\n","protected":false},"author":1,"featured_media":185042,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[390,351,221,143,195,52],"tags":[],"class_list":["post-248080","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-kujundus","category-meelelahutus","category-opikud","category-veebi-napunaited-ja-nipid","category-veebikujundus","category-web-ja-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248080","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/comments?post=248080"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/posts\/248080\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media\/185042"}],"wp:attachment":[{"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/media?parent=248080"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/categories?post=248080"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/et\/wp-json\/wp\/v2\/tags?post=248080"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}