\n Jos olet joskus k\u00e4ytt\u00e4nyt tietokonetta, saatat olla yht\u00e4 hyvin tietoinen animoidusta Windows-symbolista, joka tulee n\u00e4kyviin j\u00e4rjestelm\u00e4n k\u00e4ynnistyess\u00e4. Suunnittelussa ja animaatiossa tarvittiin kehityst\u00e4, jotta se kehittyi nykyiseksi, mutta Windows 1995:ss\u00e4 kuva ei liikkunut ollenkaan. Jotkut teist\u00e4 saattavat mietti\u00e4, miksi edes k\u00e4ytt\u00e4\u00e4 n\u00e4it\u00e4 animoituja indikaattoreita?\n<\/p>\n
\n Mutta harkitse t\u00e4t\u00e4, haluaisitko mieluummin odottaa ja katsella tyhj\u00e4\u00e4 n\u00e4ytt\u00f6\u00e4 n\u00e4hd\u00e4ksesi toimintosi valmistuneen? Vai viihdytk\u00f6 jollakin merkityksellisell\u00e4 tavalla, kunnes n\u00e4ytt\u00f6 tulee j\u00e4lleen n\u00e4kyviin?\n<\/p>\n
\n Yksi k\u00e4ytt\u00f6liittym\u00e4suunnittelun t\u00e4rkeimmist\u00e4 ominaisuuksista on kyky n\u00e4ytt\u00e4\u00e4 sen edistyminen j\u00e4rjestelm\u00e4n tilana. K\u00e4ytt\u00e4j\u00e4n on tiedett\u00e4v\u00e4, onko j\u00e4rjestelm\u00e4 tietoinen toimistaan \u200b\u200bja vastaako niihin sen mukaisesti. Animoidut edistymisilmaisimet pystyv\u00e4t n\u00e4ytt\u00e4m\u00e4\u00e4n toiminnan nykyisen kontekstin l\u00e4hes milloin tahansa ilman laajoja teksti- tai videoominaisuuksia. T\u00e4m\u00e4 tekee niist\u00e4 ihanteellisia j\u00e4rjestelm\u00e4n tilan ilmoittamiseen, kun edistymist\u00e4 suoritetaan loppuun taustalla.\n<\/p>\n
\n Kukapa ei rakastaisi nopeaa vastausta sovelluksesta tai verkkosivustosta? Vaikka se merkitsee paljon k\u00e4ytt\u00e4j\u00e4lle, sit\u00e4 ei ole mahdollista k\u00e4ytt\u00e4\u00e4 horjumattomassa johdonmukaisuudessa. Yht\u00e4l\u00f6\u00f6n lis\u00e4t\u00e4\u00e4n aina tietyt tekij\u00e4t, jotka voivat haitata sovelluksesi nopeutta. N\u00e4it\u00e4 tekij\u00f6it\u00e4 ovat useimmiten huono Internet-yhteys, hidas suorituskyky raskaan kuormituksen vuoksi ja jopa ohjelmavirhe. T\u00e4llaisissa olosuhteissa paras toimenpide olisi minimoida k\u00e4ytt\u00e4j\u00e4n j\u00e4nnitys ja antaa varmuus siit\u00e4, ett\u00e4 sovellus toimii ja edistyst\u00e4 tapahtuu. T\u00e4t\u00e4 varten sinun on annettava palautetta k\u00e4ytt\u00e4j\u00e4lle, jotta aika ei kuluta k\u00e4ytt\u00e4j\u00e4n k\u00e4rsiv\u00e4llisyytt\u00e4.\n<\/p>\n
\n Odotusaika alkaa l\u00e4hes v\u00e4litt\u00f6m\u00e4sti, kun k\u00e4ytt\u00e4j\u00e4 tekee toimenpiteen. Mutta pahempaa on se, ett\u00e4 j\u00e4rjestelm\u00e4n edistymist\u00e4 kuvaavan asianmukaisen indikaattorin puuttuminen. K\u00e4ytt\u00e4j\u00e4 olettaa luonnollisesti, ett\u00e4 sovellus ei ole vastannut, kun se ei n\u00e4yt\u00e4 ilmoitusta, ett\u00e4 j\u00e4rjestelm\u00e4 vie aikaa. Tulokset voivat ulottua rehottavasta klikkauksesta jopa k\u00e4ytt\u00e4jien hylk\u00e4\u00e4miseen, koska sovellus ei antanut palautetta ajoissa.\n<\/p>\n
\n Toiminnot, jotka on kytketty k\u00e4ynnist\u00e4m\u00e4\u00e4n uudelleen edistyminen tai p\u00e4ivitt\u00e4m\u00e4\u00e4n j\u00e4rjestelm\u00e4, tehd\u00e4\u00e4n usein, kun lataaminen kest\u00e4\u00e4 odotettua kauemmin. J\u00e4lleen kerran palautteen puuttuminen ei voi n\u00e4ytt\u00e4\u00e4 vastausta pyynt\u00f6\u00f6n, vaikka se tehd\u00e4\u00e4n taustalla. Siksi on otettava k\u00e4ytt\u00f6\u00f6n animoitu ilmaisin, joka tukee sovelluksen j\u00e4rjestelm\u00e4n edistymist\u00e4 aina tarvittaessa.\n<\/p>\n
\n Normaalisti, kun sovelluksen latautuminen kest\u00e4\u00e4 alle 1 sekunnin, eteneminen n\u00e4ytt\u00e4\u00e4 l\u00e4hes esteett\u00f6m\u00e4lt\u00e4 ja k\u00e4ytt\u00e4j\u00e4 ei menet\u00e4 keskittymiskyky\u00e4\u00e4n. Jos latausaika kuitenkin ylitt\u00e4\u00e4 1 sekunnin, on ryhdytt\u00e4v\u00e4 toimenpiteisiin, jotta k\u00e4ytt\u00e4j\u00e4 pysyy aktiivisena. Lyhyt viive tulee havaittavaksi ja k\u00e4ytt\u00e4j\u00e4 alkaa pohtia sovelluksessa suoritettavan teht\u00e4v\u00e4n tehokkuutta.\n<\/p>\n
\n Siksi sovelluksen on reagoitava edistymisilmaisimen kautta tarjotakseen uskottavan syyn odottamiseen ja v\u00e4hent\u00e4\u00e4kseen k\u00e4ytt\u00e4j\u00e4n ep\u00e4varmuutta ennen kuin se karkaa k\u00e4sist\u00e4. On huomioitava, ett\u00e4 alle sekunnin latautuminen ei v\u00e4ltt\u00e4m\u00e4tt\u00e4 vaadi animaatioilmaisinta, mutta kuva kyll\u00e4. T\u00e4m\u00e4 on suositeltavaa, koska animaatio, joka vilkkuu n\u00e4yt\u00f6ll\u00e4 joka kerta, kun toiminto suoritetaan, voi h\u00e4irit\u00e4 k\u00e4ytt\u00e4j\u00e4\u00e4. Animoituja edistymisindikaattoreita k\u00e4ytet\u00e4\u00e4n parhaiten neutraloimaan pitkittyneen odotuksen vaikutukset ja pit\u00e4m\u00e4\u00e4n k\u00e4ytt\u00e4j\u00e4n sitoutuneena sovellukseen tai verkkosivustoon.\n<\/p>\n
\n Valmistusprosentin ilmaisin<\/strong>: Kuten nimest\u00e4 voi p\u00e4\u00e4tell\u00e4, valmiin prosentin ilmaisin n\u00e4ytt\u00e4\u00e4 latauksen edistymisen t\u00e4ytt\u00e4m\u00e4ll\u00e4 animaation j\u00e4nnev\u00e4lin, ympyr\u00e4n tai palkin 0\u2013100 prosentilla. Koska se n\u00e4ytt\u00e4\u00e4 edistymisen loppuunsaattamiseen kuluvan ajan, valmiusprosentti-indikaattori luokitellaan m\u00e4\u00e4r\u00e4ttyihin odotusindikaattoreihin. T\u00e4t\u00e4 laatua varten on parasta k\u00e4ytt\u00e4\u00e4 valmiusprosenttiosoitinta teht\u00e4viin, joiden suorittaminen kest\u00e4\u00e4 yli 10 sekuntia.\n <\/p>\n \n Tutkimuksen mukaan 10 sekuntia on keskim\u00e4\u00e4r\u00e4isen k\u00e4ytt\u00e4j\u00e4n k\u00e4rsiv\u00e4llisyyden kynnys. T\u00e4m\u00e4n lis\u00e4ksi k\u00e4ytt\u00e4j\u00e4 muuttuu holtittomaksi ja k\u00e4rsim\u00e4tt\u00f6m\u00e4ksi, kunnes lis\u00e4palautetta annetaan. N\u00e4ytt\u00e4m\u00e4ll\u00e4 prosenttiosuuden edistymisosoittimen prosesseille, joiden latautuminen kest\u00e4\u00e4 yli 10 sekuntia, voit pit\u00e4\u00e4 k\u00e4ytt\u00e4j\u00e4n koukussa verkkosivustoon tai sovellukseen k\u00e4rsiv\u00e4llisyytt\u00e4\u00e4n tinkim\u00e4tt\u00e4.\n <\/p>\n<\/li>\n<\/ul>\n \n Edistymisindikaattoreiden tehokas k\u00e4ytt\u00e4minen sovelluksissasi ja verkkosivustoissasi voi merkit\u00e4 onnistumisen ja ep\u00e4onnistumisen eroa. T\u00e4ss\u00e4 on muutamia vinkkej\u00e4 varmistaaksesi, ett\u00e4 edistymisindikaattorisi toimivat oikein.\n<\/p>\n \n Vaikka etenemisanimaatioindikaattorit voivat ravistaa melkein jokaisen odottamisen aiheuttaman huonon tunteen, jotkut yleis\u00f6t ovat melko joustavia n\u00e4ille taktiikoille. Yksi harvoista hyvist\u00e4 vaihtoehdoista saada k\u00e4ytt\u00e4j\u00e4t odottamaan ilman edistymisindikaattoreita on menetelm\u00e4 nimelt\u00e4 luurankoruutu. N\u00e4m\u00e4 tekniikat, jotka tunnetaan my\u00f6s v\u00e4liaikaisina tietos\u00e4ili\u00f6in\u00e4, sis\u00e4lt\u00e4v\u00e4t edistymisen n\u00e4ytt\u00e4misen reaaliajassa k\u00e4ytt\u00e4j\u00e4lle latauspalkin avaamisen sijaan. Kuvittele, ett\u00e4 tyhj\u00e4 n\u00e4ytt\u00f6 t\u00e4ytet\u00e4\u00e4n v\u00e4hitellen komponenteilla ja elementeill\u00e4, kunnes se on t\u00e4ynn\u00e4. T\u00e4m\u00e4 luo illuusion siit\u00e4, ett\u00e4 sovellus toimii latausajan mukaan ja heid\u00e4n odotuksensa palkitaan edistymisell\u00e4.\n<\/p>\n \n Se ei vain pid\u00e4 heid\u00e4n yleis\u00f6ns\u00e4 sitoutuneena verkkosivustoon tai sovellukseen, vaan pit\u00e4\u00e4 heid\u00e4t my\u00f6s valmiina suorittamaan seuraavan teht\u00e4v\u00e4ns\u00e4. Vaikka edistymisindikaattorit ovat my\u00f6s erinomaisia \u200b\u200b\u200b\u200bkeinoja k\u00e4ytt\u00e4jien tyydytt\u00e4miseen, ne eiv\u00e4t pysty yll\u00e4pit\u00e4m\u00e4\u00e4n k\u00e4ytt\u00e4jiss\u00e4 sit\u00e4 energiaa, jota luurankon\u00e4yt\u00f6n latauksen aikana yll\u00e4pit\u00e4\u00e4.\n<\/p>\n \n Ei ole v\u00e4li\u00e4 kuinka nopeita sovellus- tai verkkosivustotoimintamme ovat, aina on mahdollista, ett\u00e4 k\u00e4sittelyaikaa ei kutsuta. Animoitujen odotustilaosoittimien, kuten valmiusprosenttiosoittimien ja latauspy\u00f6rien k\u00e4ytt\u00f6 auttaa varmistamaan k\u00e4ytt\u00e4ji\u00e4 k\u00e4ynniss\u00e4 olevista prosesseista ja j\u00e4rjestelm\u00e4n nykyisest\u00e4 tilasta. T\u00e4m\u00e4n seurauksena se lis\u00e4\u00e4 todenn\u00e4k\u00f6isyytt\u00e4, ett\u00e4 he j\u00e4\u00e4v\u00e4t verkkosivustolle tai sovellukseen odottamaan latausta ja jatkamaan j\u00e4ljell\u00e4 olevia teht\u00e4vi\u00e4\u00e4n. Laskettaessa prosessien loppuun saattamiseen tarvittavaa aikaa, sinun on m\u00e4\u00e4ritett\u00e4v\u00e4 h\u00e4nelle sopivan tyyppiset edistymisanimaatioindikaattorit.\n<\/p>\n \n Silmukkailmaisin on ihanteellinen 2-10 sekuntia kest\u00e4viin toimintoihin, kun taas aikaa vievi\u00e4 toimintoja voidaan avustaa valmiusprosenttiosoittimella. Silmukkaanimaatioiden ja luurankoruutujen tapauksessa on parasta valita luurankon\u00e4yt\u00f6t, koska ne pystyv\u00e4t suorittamaan mit\u00e4 tahansa muutaman millisekuntia pidemm\u00e4t toiminnot ja pit\u00e4m\u00e4\u00e4n sen silti viile\u00e4n\u00e4 k\u00e4ytt\u00e4jien kanssa.\n<\/p>\n<\/p>\n\n Miten edistymisindikaattoreita k\u00e4ytet\u00e4\u00e4n tehokkaasti?
\n<\/h5>\n\n
\n Vaihtoehto \u2013 K\u00e4yt\u00e4 Skeletons-n\u00e4ytt\u00f6j\u00e4 animaation edistymisindikaattoreita vastaan
\n<\/h5>\n\n Lopulliset ajatukset
\n<\/h4>\n