Beste praksis for distribusjon av animerte fremdriftsindikatorer til din fordel

Hvis du noen gang har brukt en PC, kan du like godt være klar over det animerte Windows-symbolet som vises når systemet starter opp. Det tok en evolusjon innen design og animasjon for å utvikle seg til det vi ser i dag, men tilbake i Windows 1995 beveget ikke bildet seg i det hele tatt. Noen av dere tenker kanskje, hvorfor i det hele tatt bruke disse animerte indikatorene?

Men tenk på dette, foretrekker du å vente og se på en tom skjerm for å se handlingen din fullført? Eller forbli underholdt med noe av mening til skjermen dukker opp igjen?

Blant de viktigste funksjonene i brukergrensesnittdesign er muligheten til å vise fremgangen som systemstatus. Brukeren må vite om systemet er klar over handlingen og reagerer på dem deretter. Animerte fremdriftsindikatorer er i stand til å vise gjeldende kontekst for operasjonen til nesten ethvert gitt tidspunkt uten å bruke omfattende tekst- eller videofunksjoner. Dette gjør dem ideelle for å gi systemstatus mens fremdriften fullføres i bakgrunnen.

Hvorfor er det viktig å samhandle med brukeren under systemfremdrift?

Hvem elsker ikke rask respons fra en app eller nettside? Selv om det betyr mye for brukeren, er det ikke mulig å kjøre det i urokkelig konsistens. Visse faktorer legges alltid til i ligningen som kan hindre hastigheten på søknaden din. Disse faktorene inkluderer stort sett dårlig internettforbindelse, treg ytelse på grunn av stor belastning og til og med programfeil. Under slike omstendigheter vil det beste grepet være å minimere brukerspenningen og introdusere trygghet om at appen fungerer og at fremgangen gjøres. For å gjøre det må du gi tilbakemelding til brukeren slik at tiden ikke tar toll på brukerens tålmodighet.

Hold brukerne hekta med tilbakemelding

Ventetiden begynner nesten umiddelbart når en handling utføres av brukeren. Men det som gjør det verre er fraværet av en skikkelig indikator for å representere systemets fremgang. Brukeren antar naturligvis at appen ikke har svart når den ikke viser et varsel om at systemet tar tid. Resultatene kan spenne fra utbredt klikking til til og med brukeravbrudd, bare fordi appen ikke ga tilbakemelding i tide.

Handlinger som er kablet for å starte fremdriften på nytt, eller oppdatere systemet, utføres ofte når det tar lengre tid å laste inn enn forventet. Nok en gang kan ikke fraværet av tilbakemelding vise svaret på forespørselen selv om den er gjort i bakgrunnen. Det er derfor en animert indikator må introduseres for å fremme appens systemfremgang når som helst.

Hvordan bruke en fremdriftsindikator for enhver handling som tar lengre tid enn ett sekund?

Normalt, når en app tar mindre enn 1 sekund å laste, virker fremdriften nesten uhindret og brukeren mister ikke fokus. Men hvis lastetiden overstiger 1 sekund, må det iverksettes tiltak for å holde brukeren engasjert. Den korte forsinkelsen blir merkbar og brukeren begynner å vandre om effektiviteten til oppgaven som gjøres på applikasjonen.

Derfor må appen svare gjennom en fremdriftsindikator for å gi en troverdig grunn til ventetiden og redusere brukerens usikkerhet før den kommer ut av kontroll. Det må bemerkes at handling som tar mindre enn ett sekund å laste ikke nødvendigvis krever animasjonsindikator, men bildet kan gjøre det. Dette anbefales fordi en animasjon som fortsetter å blinke på skjermen hver gang en handling utføres, kan desorientere brukeren. Animerte fremdriftsindikatorer brukes best til å nøytralisere effekten av langvarig venting og holde brukeren engasjert på appen eller nettstedet.

Typer fremdriftsindikatorer

1. Ubestemt: Animerte venteindikatorer er utformet for å kommunisere med brukeren og holde dem informert om deres siste brukerhandling. Den vanligste og ganske enkleste typen venteindikator er «Indeterminate». Slike typer indikatorer forteller brukere å vente på at handlingen skal fullføres mens de holder dem uvitende om tiden det kan ta å fullføre fremdriften. Det er nesten forstått at Indeterminate fremdriftsindikator bør brukes for raske handlinger, helst innen 2–10 sekunder. Når som helst lenger enn det, og det kan påvirke brukerens tålmodighet. Dette kan øke fluktfrekvensen for et nettsted og avbrudd for applikasjoner.
2. Bestem: I tilfelle av «Determinate» fremdriftsindikator, er tiden ganske spennet i animasjonen. Slike typer indikatorer holder brukeren informert om den omtrentlige eller nøyaktige tiden det tar å fullføre fremdriften. De er snarere den mer populære typen venteindikatorer siden de viser fremgangen fra der den begynte, hvor mye som er oppnådd og hvor mye mer som skal til for å drepe ventetiden. Dette hjelper brukeren med å være trygg på fremgangen som gjøres og vises gjennom animasjonen, samtidig som de øker deres vilje til å forbli engasjert i nettstedet eller applikasjonen.

Looped Animation Indicator og Prosent Fullført Indikator

• Looped Animation: Looped animation-indikator er designet for å representere fremgang uten å vise den omtrentlige eller nøyaktige lastetiden det vil ta. Det er grunnen til at animerte fremdriftsindikatorer med flertallssløyfe er ubestemte. For eksempel ble fremdriftsindikatoren i Windows 7 designet for å vise den samme animasjonsrepetisjonen uten tilbakemelding om den nøyaktige tiden det kan ta å fullføre fremdriften. Dessuten inkluderte det alt fra oppstartsfunksjoner, oppsett av grensesnittoperasjonen og andre former for datalasting. På grunn av disse to årsakene foretrekker ikke brukere å se løkkede venteindikatorer for å representere lastetiden til nettstedet eller applikasjonen.

• Prosent ferdig-indikator: Som navnet antyder, viser prosent-ferdig-indikatoren fremdriften av lasting ved å fylle animasjonsspennet, sirkelen eller linjen med 0 % til 100 %. Siden den viser tiden det tar å fullføre fremdriften, er prosent-ferdig-indikatoren klassifisert i bestemte venteindikatorer. For denne spesielle kvaliteten er det best å bruke prosent-ferdig-indikator for oppgaver som krever mer enn 10 sekunder å fullføre.

  Ifølge en undersøkelse er 10 sekunder terskelen for gjennomsnittlig brukertålmodighet. Utover det blir brukeren hensynsløs og blir utålmodig inntil ytterligere tilbakemeldinger gis. Ved å vise fremdriftsindikator for prosentvis utførte prosesser som tar mer enn 10 sekunder å laste, kan du holde brukeren koblet til nettstedet eller applikasjonen uten å gå på akkord med tålmodigheten.

Hvordan bruke fremdriftsindikatorer effektivt?

Effektiv bruk av fremdriftsindikatorer i applikasjonene og nettstedene dine kan bety forskjellen mellom suksess og fiasko. Her er noen tips for å sikre at fremdriftsindikatorene dine presterer opp til markeringen.

1. Hold brukeren informert om årsaken til å vente: Det er en nybegynnerfeil å holde brukeren uvitende om lastefremgangen som gjøres i bakgrunnen. Dette øker deres tendens til å miste tålmodigheten og avslutte applikasjonen eller nettstedet. Du kan holde brukeren informert ved å vise animert fremdriftsindikator ledsaget av litt tekst for ytterligere forståelse. Du kan vise hvilken prosess det spesifikt er målrettet mot. Du kan for eksempel vise ventefremdriften til et videospill med en innlastingslinje og tekst som leser hvilken prosess som gjøres, for eksempel «laster grafikk» eller «laster kart» osv.
2. Angi et enkelt tidsestimat for oppgave som krever lengre tidsperioder: Ikke ta ting til mikroskalaer. Du kan holde brukeren engasjert ved å gi et enkelt estimat. Å tulle med løfter du ikke kan holde kan irritere brukerne og tvinge dem til å forlate.
3. Vis den nøyaktige tiden som kreves: For operasjoner som vanligvis tar mer tid enn den gjennomsnittlige ventegrensen til brukeren, vil det smartere å velge bestemte fremdriftsindikatorer. Det ideelle valget ville være en prosentvis fremdriftsindikator siden den bringer den nøyaktige lastetiden frem i rampelyset. For operasjoner som er enda lengre å håndtere, bør du vurdere å bruke antall trinn for å fremheve fremdriften.
4. Fortsett med fremdriften: Prøv å sikte på konsistens i fremdriftslinjen under lasting av oppgaver. Etter noen opplevelser tvinger fremdriftslinjen brukere til å utvikle en forventning om hvor raskt handlingen vil bli fullført. Følgelig kan enhver frysing midt i fremdriften gi et alvorlig slag mot brukernes forventninger. For eksempel, når linjen når 99 % og forblir slik over en lengre periode, blir flertallet av brukerne frustrerte over denne oppførselen og forlater applikasjonen i troen på at den har frosset. For å motvirke dette kan du maskere disse inkonsekvente forsinkelsene i fremdriftslinjen ved å vise at den beveger seg umiddelbart og jevnt.
5. Vis fremgang i linjen raskere enn den faktiske hastigheten: Rå hastighet kan manifesteres av en enkel oppfatning som du kan lage for å få fremdriftslinjen til å føles raskere. Du kan oppnå dette ved å designe animasjonen slik at den går sakte til å begynne med og velge tempo når den lukker slutten. Dette vil skape en illusjon av rask fremgang uten at det går på bekostning av tiden til å fullføre oppgaven.
6. Tilby en distraksjon: Brukerens oppfatning av tid kan reduseres betraktelig ved å introdusere kreative fremdriftsindikatorer. Hvis appen viser noen interessante tekstlige eller visuelle detaljer mens fremgangen gjøres, kan det distrahere brukerens sinn fra tiden det tar å fullføre handlingen. Du kan tilby en rekke ting for å holde brukerne opptatt, for eksempel korte videoer, interessante fakta, animasjoner og til og med trivielle spill.

Alternativ – Bruk skjelettskjermer for å motvirke fremdriftsindikatorer for animasjon

Selv om fremdriftsanimasjonsindikatorer kan rokke ved nesten enhver dårlig følelse som kommer ut av å vente, er enkelte publikummere ganske motstandsdyktige mot disse taktikkene. Blant få gode alternativer for å få brukerne til å vente uten å bruke fremdriftsindikatorer er en metode som kalles skjelettskjerm. Disse teknikkene, også kjent som midlertidige informasjonsbeholdere, innebærer å vise fremdriften i sanntid til brukeren i stedet for å åpne en lastebar. Se for deg en tom skjerm som gradvis fylles med komponentene og elementene til den er helt på lager. Dette skaper en illusjon om at applikasjonen handler med lastetiden og ventetiden deres blir belønnet med fremdriften som vises.

Det holder ikke bare publikumet engasjert i nettstedet eller applikasjonen, men holder dem også klare til å fullføre neste oppgave. Mens fremdriftsindikatorer også er utmerkede midler for å tilfredsstille brukerne, klarer de ikke å opprettholde energien i brukerne som skjelettskjermen holder opp under lastingen.

Siste tanker

Det spiller ingen rolle hvor raskt driften av appen eller nettsiden vår er, det er alltid en sjanse for uoppfordret behandlingstid. Ved å bruke animerte vente-fremdriftsindikatorer som prosent-ferdig-indikatorer og lastespinnere kan du berolige brukerne av de pågående prosessene og systemets nåværende tilstand. Som et resultat øker det sannsynligheten for at de blir værende på nettstedet eller applikasjonen for å vente på lasting og fortsette med de gjenværende oppgavene. Når du beregner tiden som kreves for prosessene å fullføre, må du tilordne en passende type fremdriftsanimasjonsindikatorer.

En sløyfeindikator er ideell for operasjoner som tar 2-10 sekunder, mens mer tidkrevende operasjoner kan hjelpes med prosentvis utført indikator. I tilfelle av looped animasjon og skjelettskjermer, er det best å gå for skjelettskjermer siden de er i stand til å ta på seg enhver handling som går utover noen få millisekunder, og fortsatt holde det kjølig med brukerne.