Parhaat käytännöt animoitujen edistymisindikaattoreiden käyttöönottamiseksi eduksesi

Jos olet joskus käyttänyt tietokonetta, saatat olla yhtä hyvin tietoinen animoidusta Windows-symbolista, joka tulee näkyviin järjestelmän käynnistyessä. Suunnittelussa ja animaatiossa tarvittiin kehitystä, jotta se kehittyi nykyiseksi, mutta Windows 1995:ssä kuva ei liikkunut ollenkaan. Jotkut teistä saattavat miettiä, miksi edes käyttää näitä animoituja indikaattoreita?

Mutta harkitse tätä, haluaisitko mieluummin odottaa ja katsella tyhjää näyttöä nähdäksesi toimintosi valmistuneen? Vai viihdytkö jollakin merkityksellisellä tavalla, kunnes näyttö tulee jälleen näkyviin?

Yksi käyttöliittymäsuunnittelun tärkeimmistä ominaisuuksista on kyky näyttää sen edistyminen järjestelmän tilana. Käyttäjän on tiedettävä, onko järjestelmä tietoinen toimistaan ​​ja vastaako niihin sen mukaisesti. Animoidut edistymisilmaisimet pystyvät näyttämään toiminnan nykyisen kontekstin lähes milloin tahansa ilman laajoja teksti- tai videoominaisuuksia. Tämä tekee niistä ihanteellisia järjestelmän tilan ilmoittamiseen, kun edistymistä suoritetaan loppuun taustalla.

Miksi vuorovaikutus käyttäjän kanssa on tärkeää järjestelmän edetessä?

Kukapa ei rakastaisi nopeaa vastausta sovelluksesta tai verkkosivustosta? Vaikka se merkitsee paljon käyttäjälle, sitä ei ole mahdollista käyttää horjumattomassa johdonmukaisuudessa. Yhtälöön lisätään aina tietyt tekijät, jotka voivat haitata sovelluksesi nopeutta. Näitä tekijöitä ovat useimmiten huono Internet-yhteys, hidas suorituskyky raskaan kuormituksen vuoksi ja jopa ohjelmavirhe. Tällaisissa olosuhteissa paras toimenpide olisi minimoida käyttäjän jännitys ja antaa varmuus siitä, että sovellus toimii ja edistystä tapahtuu. Tätä varten sinun on annettava palautetta käyttäjälle, jotta aika ei kuluta käyttäjän kärsivällisyyttä.

Pidä käyttäjät koukussa palautteen avulla

Odotusaika alkaa lähes välittömästi, kun käyttäjä tekee toimenpiteen. Mutta pahempaa on se, että järjestelmän edistymistä kuvaavan asianmukaisen indikaattorin puuttuminen. Käyttäjä olettaa luonnollisesti, että sovellus ei ole vastannut, kun se ei näytä ilmoitusta, että järjestelmä vie aikaa. Tulokset voivat ulottua rehottavasta klikkauksesta jopa käyttäjien hylkäämiseen, koska sovellus ei antanut palautetta ajoissa.

Toiminnot, jotka on kytketty käynnistämään uudelleen edistyminen tai päivittämään järjestelmä, tehdään usein, kun lataaminen kestää odotettua kauemmin. Jälleen kerran palautteen puuttuminen ei voi näyttää vastausta pyyntöön, vaikka se tehdään taustalla. Siksi on otettava käyttöön animoitu ilmaisin, joka tukee sovelluksen järjestelmän edistymistä aina tarvittaessa.

Kuinka käyttää edistymisilmaisinta mihin tahansa toimintoon, joka kestää kauemmin kuin yhden sekunnin?

Normaalisti, kun sovelluksen latautuminen kestää alle 1 sekunnin, eteneminen näyttää lähes esteettömältä ja käyttäjä ei menetä keskittymiskykyään. Jos latausaika kuitenkin ylittää 1 sekunnin, on ryhdyttävä toimenpiteisiin, jotta käyttäjä pysyy aktiivisena. Lyhyt viive tulee havaittavaksi ja käyttäjä alkaa pohtia sovelluksessa suoritettavan tehtävän tehokkuutta.

Siksi sovelluksen on reagoitava edistymisilmaisimen kautta tarjotakseen uskottavan syyn odottamiseen ja vähentääkseen käyttäjän epävarmuutta ennen kuin se karkaa käsistä. On huomioitava, että alle sekunnin latautuminen ei välttämättä vaadi animaatioilmaisinta, mutta kuva kyllä. Tämä on suositeltavaa, koska animaatio, joka vilkkuu näytöllä joka kerta, kun toiminto suoritetaan, voi häiritä käyttäjää. Animoituja edistymisindikaattoreita käytetään parhaiten neutraloimaan pitkittyneen odotuksen vaikutukset ja pitämään käyttäjän sitoutuneena sovellukseen tai verkkosivustoon.

Edistymisindikaattoreiden tyypit

1. Epämääräinen: Animoidut odotusilmaisimet on suunniteltu kommunikoimaan käyttäjän kanssa ja pitämään hänet ajan tasalla hänen viimeisestä käyttäjän toiminnasta. Yleisin ja melko yksinkertaisin odotusilmaisimen tyyppi on ”Indeterminate”. Tällaiset indikaattorit kehottavat käyttäjiä odottamaan toiminnon valmistumista, mutta eivät tiedä, kuinka kauan edistymisen suorittaminen saattaa kestää. Se on melkein ymmärretty, että määrittelemätön edistymisosoitin tulee käyttää nopeisiin toimiin mieluiten 2-10 sekunnin sisällä. Mikä tahansa pidempi aika ja se voi vaikuttaa käyttäjän kärsivällisyyteen. Tämä voi lisätä sivuston poistumisprosenttia ja sovellusten hylkäämistä.
2. Determinate: ”Determinate” edistymisilmaisimen tapauksessa aika on melko pitkä animaation sisällä. Tällaiset indikaattorit pitävät käyttäjän ajan tasalla likimääräisestä tai tarkasta ajasta, joka kuluu edistymisen loppuunsaattamiseen. Ne ovat pikemminkin suosituimpia odotusindikaattoreita, koska ne osoittavat edistymisen siitä, mistä se alkoi, kuinka paljon on saavutettu ja kuinka paljon enemmän kestää odotuksen lopettamiseksi. Tämä auttaa käyttäjää pysymään varmana animaation edistymisestä ja näyttämisestä, ja samalla lisää hänen halukkuuttaan pysyä sitoutuneena verkkosivustoon tai sovellukseen.

Kierretyn animaation ilmaisin ja valmistumisprosenttiosoitus

• Silmukkaanimaatio: Silmukan animaation ilmaisin on suunniteltu kuvaamaan edistymistä näyttämättä likimääräistä tai tarkkaa latausaikaa. Tästä syystä useimmat silmukat animoidut edistymisindikaattorit ovat määrittelemättömiä. Esimerkiksi Windows 7:n edistymisen ilmaisin suunniteltiin näyttämään saman animaation toistoa ilman palautetta edistymisen suorittamiseen mahdollisesti kuluvasta ajasta. Lisäksi se sisälsi kaiken käynnistystoiminnoista, käyttöliittymän toiminnan asettamisesta ja muista tietojen lataamisesta. Näistä kahdesta syystä käyttäjät eivät halua nähdä silmukan odotusilmaisinta osoittamaan verkkosivuston tai sovelluksen latausaikaa.

• Valmistusprosentin ilmaisin: Kuten nimestä voi päätellä, valmiin prosentin ilmaisin näyttää latauksen edistymisen täyttämällä animaation jännevälin, ympyrän tai palkin 0–100 prosentilla. Koska se näyttää edistymisen loppuunsaattamiseen kuluvan ajan, valmiusprosentti-indikaattori luokitellaan määrättyihin odotusindikaattoreihin. Tätä laatua varten on parasta käyttää valmiusprosenttiosoitinta tehtäviin, joiden suorittaminen kestää yli 10 sekuntia.

  Tutkimuksen mukaan 10 sekuntia on keskimääräisen käyttäjän kärsivällisyyden kynnys. Tämän lisäksi käyttäjä muuttuu holtittomaksi ja kärsimättömäksi, kunnes lisäpalautetta annetaan. Näyttämällä prosenttiosuuden edistymisosoittimen prosesseille, joiden latautuminen kestää yli 10 sekuntia, voit pitää käyttäjän koukussa verkkosivustoon tai sovellukseen kärsivällisyyttään tinkimättä.

Miten edistymisindikaattoreita käytetään tehokkaasti?

Edistymisindikaattoreiden tehokas käyttäminen sovelluksissasi ja verkkosivustoissasi voi merkitä onnistumisen ja epäonnistumisen eroa. Tässä on muutamia vinkkejä varmistaaksesi, että edistymisindikaattorisi toimivat oikein.

1. Pidä käyttäjä ajan tasalla odottamisen syystä: On aloittelijan virhe pitää käyttäjä tietämättömänä taustalla tapahtuvasta latauksen edistymisestä. Tämä lisää heidän taipumustaan ​​menettää kärsivällisyyttä ja sulkea sovelluksen tai verkkosivuston. Voit pitää käyttäjän ajan tasalla näyttämällä animoidun edistymisilmaisimen ja tekstin, joka lisää ymmärrystä. Voit näyttää, mihin prosessiin on erityisesti kohdistettu. Voit esimerkiksi näyttää videopelin odotusvaiheen latauspalkilla ja tekstillä, joka lukee, mikä prosessi on käynnissä, esimerkiksi ”lataa grafiikkaa” tai ”lataa karttoja” jne.
2. Ilmoita yksinkertainen aika-arvio tehtävälle, joka vaatii pidempiä aikajaksoja: Älä vie asioita mikromittakaavaan. Voit pitää käyttäjän sitoutuneena antamalla yksinkertaisen arvion. Huijaaminen lupauksilla, joita et voi pitää, voi ärsyttää käyttäjiä ja pakottaa heidät lähtemään.
3. Näytä tarkka tarvittava aika: Toiminnoissa, jotka yleensä vievät enemmän aikaa kuin käyttäjän keskimääräinen odotusraja, on järkevämpi vaihtoehto valita määrätietoiset edistymisilmaisimet. Ihanteellinen valinta olisi prosenttiosuus edistymisen ilmaisin, koska se tuo tarkan latausajan parrasvaloihin. Jos toiminnot ovat vieläkin pidempiä, harkitse useiden vaiheiden käyttöä korostaaksesi edistymistä.
4. Jatka kehitystä: Pyri johdonmukaisuuteen edistymispalkissa tehtävien lataamisen aikana. Muutaman kokemuksen jälkeen edistymispalkki pakottaa käyttäjät luomaan odotuksen siitä, kuinka nopeasti toiminto suoritetaan. Näin ollen kaikki jumiutuminen edistymisen aikana voivat aiheuttaa vakavan iskun käyttäjien odotuksiin. Esimerkiksi kun palkki saavuttaa 99 % ja pysyy sellaisena pitkän aikaa, suurin osa käyttäjistä turhautuu tästä käytöksestä ja poistuu sovelluksesta uskoen sen jäätyneen. Voit estää tämän peittämällä nämä epäjohdonmukaiset viiveet edistymispalkissa näyttämällä sen liikkuvan välittömästi ja tasaisesti.
5. Näytä edistyminen palkin todellista nopeutta nopeammin: Raaka nopeus voi ilmetä yksinkertaisella havainnolla, jonka voit luoda saadaksesi edistymispalkin tuntumaan nopeammalta. Voit saavuttaa tämän suunnittelemalla animaation liikkumaan aluksi hitaasti ja valitsemaan sen vauhti, kun se lopettaa. Tämä luo illuusion nopeasta edistymisestä vaarantamatta aikaa tehtävän suorittamiseen.
6. Tarjoa häiriötekijää: Käyttäjän käsitystä ajasta voidaan vähentää huomattavasti ottamalla käyttöön luovia edistymisindikaattoreita. Jos sovellus näyttää mielenkiintoisia teksti- tai visuaalisia yksityiskohtia edistymisen aikana, se voi häiritä käyttäjän ajattelua toimenpiteen suorittamisesta. Voit tarjota erilaisia ​​asioita pitääksesi käyttäjät kiireisinä, esimerkiksi lyhyitä videoita, mielenkiintoisia faktoja, animaatioita ja jopa triviaaleja pelejä.

Vaihtoehto – Käytä Skeletons-näyttöjä animaation edistymisindikaattoreita vastaan

Vaikka etenemisanimaatioindikaattorit voivat ravistaa melkein jokaisen odottamisen aiheuttaman huonon tunteen, jotkut yleisöt ovat melko joustavia näille taktiikoille. Yksi harvoista hyvistä vaihtoehdoista saada käyttäjät odottamaan ilman edistymisindikaattoreita on menetelmä nimeltä luurankoruutu. Nämä tekniikat, jotka tunnetaan myös väliaikaisina tietosäiliöinä, sisältävät edistymisen näyttämisen reaaliajassa käyttäjälle latauspalkin avaamisen sijaan. Kuvittele, että tyhjä näyttö täytetään vähitellen komponenteilla ja elementeillä, kunnes se on täynnä. Tämä luo illuusion siitä, että sovellus toimii latausajan mukaan ja heidän odotuksensa palkitaan edistymisellä.

Se ei vain pidä heidän yleisönsä sitoutuneena verkkosivustoon tai sovellukseen, vaan pitää heidät myös valmiina suorittamaan seuraavan tehtävänsä. Vaikka edistymisindikaattorit ovat myös erinomaisia ​​​​keinoja käyttäjien tyydyttämiseen, ne eivät pysty ylläpitämään käyttäjissä sitä energiaa, jota luurankonäytön latauksen aikana ylläpitää.

Lopulliset ajatukset

Ei ole väliä kuinka nopeita sovellus- tai verkkosivustotoimintamme ovat, aina on mahdollista, että käsittelyaikaa ei kutsuta. Animoitujen odotustilaosoittimien, kuten valmiusprosenttiosoittimien ja latauspyörien käyttö auttaa varmistamaan käyttäjiä käynnissä olevista prosesseista ja järjestelmän nykyisestä tilasta. Tämän seurauksena se lisää todennäköisyyttä, että he jäävät verkkosivustolle tai sovellukseen odottamaan latausta ja jatkamaan jäljellä olevia tehtäviään. Laskettaessa prosessien loppuun saattamiseen tarvittavaa aikaa, sinun on määritettävä hänelle sopivan tyyppiset edistymisanimaatioindikaattorit.

Silmukkailmaisin on ihanteellinen 2-10 sekuntia kestäviin toimintoihin, kun taas aikaa vieviä toimintoja voidaan avustaa valmiusprosenttiosoittimella. Silmukkaanimaatioiden ja luurankoruutujen tapauksessa on parasta valita luurankonäytöt, koska ne pystyvät suorittamaan mitä tahansa muutaman millisekuntia pidemmät toiminnot ja pitämään sen silti viileänä käyttäjien kanssa.