\n Hvis du noen gang har brukt en PC, kan du like godt v\u00e6re klar over det animerte Windows-symbolet som vises n\u00e5r systemet starter opp. Det tok en evolusjon innen design og animasjon for \u00e5 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?\n<\/p>\n
\n Men tenk p\u00e5 dette, foretrekker du \u00e5 vente og se p\u00e5 en tom skjerm for \u00e5 se handlingen din fullf\u00f8rt? Eller forbli underholdt med noe av mening til skjermen dukker opp igjen?\n<\/p>\n
\n Blant de viktigste funksjonene i brukergrensesnittdesign er muligheten til \u00e5 vise fremgangen som systemstatus. Brukeren m\u00e5 vite om systemet er klar over handlingen og reagerer p\u00e5 dem deretter. Animerte fremdriftsindikatorer er i stand til \u00e5 vise gjeldende kontekst for operasjonen til nesten ethvert gitt tidspunkt uten \u00e5 bruke omfattende tekst- eller videofunksjoner. Dette gj\u00f8r dem ideelle for \u00e5 gi systemstatus mens fremdriften fullf\u00f8res i bakgrunnen.\n<\/p>\n
\n Hvem elsker ikke rask respons fra en app eller nettside? Selv om det betyr mye for brukeren, er det ikke mulig \u00e5 kj\u00f8re det i urokkelig konsistens. Visse faktorer legges alltid til i ligningen som kan hindre hastigheten p\u00e5 s\u00f8knaden din. Disse faktorene inkluderer stort sett d\u00e5rlig internettforbindelse, treg ytelse p\u00e5 grunn av stor belastning og til og med programfeil. Under slike omstendigheter vil det beste grepet v\u00e6re \u00e5 minimere brukerspenningen og introdusere trygghet om at appen fungerer og at fremgangen gj\u00f8res. For \u00e5 gj\u00f8re det m\u00e5 du gi tilbakemelding til brukeren slik at tiden ikke tar toll p\u00e5 brukerens t\u00e5lmodighet.\n<\/p>\n
\n Ventetiden begynner nesten umiddelbart n\u00e5r en handling utf\u00f8res av brukeren. Men det som gj\u00f8r det verre er frav\u00e6ret av en skikkelig indikator for \u00e5 representere systemets fremgang. Brukeren antar naturligvis at appen ikke har svart n\u00e5r 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.\n<\/p>\n
\n Handlinger som er kablet for \u00e5 starte fremdriften p\u00e5 nytt, eller oppdatere systemet, utf\u00f8res ofte n\u00e5r det tar lengre tid \u00e5 laste inn enn forventet. Nok en gang kan ikke frav\u00e6ret av tilbakemelding vise svaret p\u00e5 foresp\u00f8rselen selv om den er gjort i bakgrunnen. Det er derfor en animert indikator m\u00e5 introduseres for \u00e5 fremme appens systemfremgang n\u00e5r som helst.\n<\/p>\n
\n Normalt, n\u00e5r en app tar mindre enn 1 sekund \u00e5 laste, virker fremdriften nesten uhindret og brukeren mister ikke fokus. Men hvis lastetiden overstiger 1 sekund, m\u00e5 det iverksettes tiltak for \u00e5 holde brukeren engasjert. Den korte forsinkelsen blir merkbar og brukeren begynner \u00e5 vandre om effektiviteten til oppgaven som gj\u00f8res p\u00e5 applikasjonen.\n<\/p>\n
\n Derfor m\u00e5 appen svare gjennom en fremdriftsindikator for \u00e5 gi en troverdig grunn til ventetiden og redusere brukerens usikkerhet f\u00f8r den kommer ut av kontroll. Det m\u00e5 bemerkes at handling som tar mindre enn ett sekund \u00e5 laste ikke n\u00f8dvendigvis krever animasjonsindikator, men bildet kan gj\u00f8re det. Dette anbefales fordi en animasjon som fortsetter \u00e5 blinke p\u00e5 skjermen hver gang en handling utf\u00f8res, kan desorientere brukeren. Animerte fremdriftsindikatorer brukes best til \u00e5 n\u00f8ytralisere effekten av langvarig venting og holde brukeren engasjert p\u00e5 appen eller nettstedet.\n<\/p>\n
\n Prosent ferdig-indikator<\/strong>: Som navnet antyder, viser prosent-ferdig-indikatoren fremdriften av lasting ved \u00e5 fylle animasjonsspennet, sirkelen eller linjen med 0 % til 100 %. Siden den viser tiden det tar \u00e5 fullf\u00f8re fremdriften, er prosent-ferdig-indikatoren klassifisert i bestemte venteindikatorer. For denne spesielle kvaliteten er det best \u00e5 bruke prosent-ferdig-indikator for oppgaver som krever mer enn 10 sekunder \u00e5 fullf\u00f8re.\n <\/p>\n \n If\u00f8lge en unders\u00f8kelse er 10 sekunder terskelen for gjennomsnittlig brukert\u00e5lmodighet. Utover det blir brukeren hensynsl\u00f8s og blir ut\u00e5lmodig inntil ytterligere tilbakemeldinger gis. Ved \u00e5 vise fremdriftsindikator for prosentvis utf\u00f8rte prosesser som tar mer enn 10 sekunder \u00e5 laste, kan du holde brukeren koblet til nettstedet eller applikasjonen uten \u00e5 g\u00e5 p\u00e5 akkord med t\u00e5lmodigheten.\n <\/p>\n<\/li>\n<\/ul>\n \n Effektiv bruk av fremdriftsindikatorer i applikasjonene og nettstedene dine kan bety forskjellen mellom suksess og fiasko. Her er noen tips for \u00e5 sikre at fremdriftsindikatorene dine presterer opp til markeringen.\n<\/p>\n \n Selv om fremdriftsanimasjonsindikatorer kan rokke ved nesten enhver d\u00e5rlig f\u00f8lelse som kommer ut av \u00e5 vente, er enkelte publikummere ganske motstandsdyktige mot disse taktikkene. Blant f\u00e5 gode alternativer for \u00e5 f\u00e5 brukerne til \u00e5 vente uten \u00e5 bruke fremdriftsindikatorer er en metode som kalles skjelettskjerm. Disse teknikkene, ogs\u00e5 kjent som midlertidige informasjonsbeholdere, inneb\u00e6rer \u00e5 vise fremdriften i sanntid til brukeren i stedet for \u00e5 \u00e5pne en lastebar. Se for deg en tom skjerm som gradvis fylles med komponentene og elementene til den er helt p\u00e5 lager. Dette skaper en illusjon om at applikasjonen handler med lastetiden og ventetiden deres blir bel\u00f8nnet med fremdriften som vises.\n<\/p>\n \n Det holder ikke bare publikumet engasjert i nettstedet eller applikasjonen, men holder dem ogs\u00e5 klare til \u00e5 fullf\u00f8re neste oppgave. Mens fremdriftsindikatorer ogs\u00e5 er utmerkede midler for \u00e5 tilfredsstille brukerne, klarer de ikke \u00e5 opprettholde energien i brukerne som skjelettskjermen holder opp under lastingen.\n<\/p>\n \n Det spiller ingen rolle hvor raskt driften av appen eller nettsiden v\u00e5r er, det er alltid en sjanse for uoppfordret behandlingstid. Ved \u00e5 bruke animerte vente-fremdriftsindikatorer som prosent-ferdig-indikatorer og lastespinnere kan du berolige brukerne av de p\u00e5g\u00e5ende prosessene og systemets n\u00e5v\u00e6rende tilstand. Som et resultat \u00f8ker det sannsynligheten for at de blir v\u00e6rende p\u00e5 nettstedet eller applikasjonen for \u00e5 vente p\u00e5 lasting og fortsette med de gjenv\u00e6rende oppgavene. N\u00e5r du beregner tiden som kreves for prosessene \u00e5 fullf\u00f8re, m\u00e5 du tilordne en passende type fremdriftsanimasjonsindikatorer.\n<\/p>\n \n En sl\u00f8yfeindikator er ideell for operasjoner som tar 2-10 sekunder, mens mer tidkrevende operasjoner kan hjelpes med prosentvis utf\u00f8rt indikator. I tilfelle av looped animasjon og skjelettskjermer, er det best \u00e5 g\u00e5 for skjelettskjermer siden de er i stand til \u00e5 ta p\u00e5 seg enhver handling som g\u00e5r utover noen f\u00e5 millisekunder, og fortsatt holde det kj\u00f8lig med brukerne.\n<\/p>\n<\/p>\n\n Hvordan bruke fremdriftsindikatorer effektivt?
\n<\/h5>\n\n
\n Alternativ \u2013 Bruk skjelettskjermer for \u00e5 motvirke fremdriftsindikatorer for animasjon
\n<\/h5>\n\n Siste tanker
\n<\/h4>\n