\n Om du n\u00e5gonsin har anv\u00e4nt en dator kan du lika g\u00e4rna vara medveten om den animerade Windows-symbolen som visas n\u00e4r systemet startar. Det kr\u00e4vdes en utveckling inom design och animation f\u00f6r att utvecklas till det vi ser idag, men tillbaka i Windows 1995 r\u00f6rde sig bilden inte alls. N\u00e5gra av er kanske t\u00e4nker, varf\u00f6r ens anv\u00e4nda dessa animerade indikatorer?\n<\/p>\n
\n Men t\u00e4nk p\u00e5 detta, skulle du hellre f\u00f6redra att v\u00e4nta och titta p\u00e5 en tom sk\u00e4rm f\u00f6r att se din \u00e5tg\u00e4rd slutf\u00f6rd? Eller f\u00f6rbli underh\u00e5llen med n\u00e5got av betydelse tills sk\u00e4rmen dyker upp igen?\n<\/p>\n
\n Bland de viktigaste funktionerna i anv\u00e4ndargr\u00e4nssnittsdesign \u00e4r m\u00f6jligheten att visa dess framsteg som systemstatus. Anv\u00e4ndaren m\u00e5ste veta om systemet \u00e4r medvetet om sin \u00e5tg\u00e4rd och svarar p\u00e5 dem i enlighet med detta. Animerade f\u00f6rloppsindikatorer kan visa det aktuella sammanhanget f\u00f6r operationen vid n\u00e4stan varje given tidpunkt utan att anv\u00e4nda omfattande text- eller videofunktioner. Detta g\u00f6r dem idealiska f\u00f6r att ge systemstatus medan f\u00f6rloppet slutf\u00f6rs i bakgrunden.\n<\/p>\n
\n Vem \u00e4lskar inte snabba svar fr\u00e5n en app eller webbplats? \u00c4ven om det betyder mycket f\u00f6r anv\u00e4ndaren, \u00e4r det inte m\u00f6jligt att k\u00f6ra det i obruten konsistens. Vissa faktorer l\u00e4ggs alltid till i ekvationen som kan hindra din applikations hastighet. Dessa faktorer inkluderar oftast d\u00e5lig internetanslutning, l\u00e5ngsam prestanda p\u00e5 grund av h\u00f6g belastning och till och med programfel. Under s\u00e5dana omst\u00e4ndigheter skulle det b\u00e4sta steget vara att minimera anv\u00e4ndarsp\u00e4nningen och introducera f\u00f6rs\u00e4kran om att appen fungerar och att framsteg g\u00f6rs. F\u00f6r att g\u00f6ra det m\u00e5ste du ge feedback till anv\u00e4ndaren s\u00e5 att tiden inte tar v\u00e4gtull p\u00e5 anv\u00e4ndarens t\u00e5lamod.\n<\/p>\n
\n V\u00e4ntetiden b\u00f6rjar n\u00e4stan omedelbart n\u00e4r en \u00e5tg\u00e4rd g\u00f6rs av anv\u00e4ndaren. Men vad som g\u00f6r det v\u00e4rre \u00e4r avsaknaden av en riktig indikator f\u00f6r att representera systemets framsteg. Anv\u00e4ndaren antar naturligtvis att appen inte har svarat n\u00e4r den inte visar ett meddelande om att systemet tar tid. Resultaten kan str\u00e4cka sig fr\u00e5n skenande klick till till och med att anv\u00e4ndaren \u00f6verges, bara f\u00f6r att appen inte gav feedback i tid.\n<\/p>\n
\n \u00c5tg\u00e4rder som \u00e4r kopplade f\u00f6r att starta om f\u00f6rloppet, eller uppdatera systemet, g\u00f6rs ofta n\u00e4r det tar l\u00e4ngre tid att ladda \u00e4n f\u00f6rv\u00e4ntat. \u00c5terigen, fr\u00e5nvaron av feedback kan inte visa svaret p\u00e5 f\u00f6rfr\u00e5gan \u00e4ven om den g\u00f6rs i bakgrunden. Det \u00e4r d\u00e4rf\u00f6r en animerad indikator m\u00e5ste inf\u00f6ras f\u00f6r att f\u00f6respr\u00e5ka appens systemframsteg n\u00e4r det beh\u00f6vs.\n<\/p>\n
\n Normalt, n\u00e4r en app tar mindre \u00e4n 1 sekund att ladda, verkar framstegen n\u00e4stan obehindrat och anv\u00e4ndaren tappar inte fokus. Men om laddningstiden \u00f6verstiger 1 sekund m\u00e5ste \u00e5tg\u00e4rder vidtas f\u00f6r att h\u00e5lla anv\u00e4ndaren engagerad. Den korta f\u00f6rdr\u00f6jningen blir m\u00e4rkbar och anv\u00e4ndaren b\u00f6rjar vandra om effektiviteten av uppgiften som g\u00f6rs p\u00e5 applikationen.\n<\/p>\n
\n Det \u00e4r d\u00e4rf\u00f6r appen m\u00e5ste svara genom en f\u00f6rloppsindikator f\u00f6r att ge en trov\u00e4rdig anledning till v\u00e4ntan och minska anv\u00e4ndarens os\u00e4kerhet innan den g\u00e5r utom kontroll. Det m\u00e5ste noteras att \u00e5tg\u00e4rder som tar mindre \u00e4n en sekund att ladda inte n\u00f6dv\u00e4ndigtvis kr\u00e4ver animeringsindikator, men bilden kan g\u00f6ra det. Detta rekommenderas eftersom en animering som forts\u00e4tter att blinka p\u00e5 sk\u00e4rmen varje g\u00e5ng en \u00e5tg\u00e4rd g\u00f6rs, kan desorientera anv\u00e4ndaren. Animerade framstegsindikatorer anv\u00e4nds b\u00e4st f\u00f6r att neutralisera effekterna av l\u00e5ngvarig v\u00e4ntan och h\u00e5lla anv\u00e4ndaren engagerad i appen eller webbplatsen.\n<\/p>\n
\n Indikator<\/strong> f\u00f6r procent f\u00e4rdigt: Som namnet antyder visar procent-klar indikator hur l\u00e5ngt laddningen g\u00e5r genom att fylla animationsintervallet, cirkeln eller stapeln med 0 % till 100 %. Eftersom den visar hur l\u00e5ng tid det tar att slutf\u00f6ra framstegen, klassificeras procent-klar-indikatorn i best\u00e4mda v\u00e4nteindikatorer. F\u00f6r just denna kvalitet \u00e4r det b\u00e4st att anv\u00e4nda procent-klar-indikator f\u00f6r uppgifter som kr\u00e4ver mer \u00e4n 10 sekunder att slutf\u00f6ra.\n <\/p>\n \n Enligt en unders\u00f6kning \u00e4r 10 sekunder tr\u00f6skeln f\u00f6r genomsnittligt t\u00e5lamod. Ut\u00f6ver det blir anv\u00e4ndaren h\u00e4nsynsl\u00f6s och blir ot\u00e5lig tills ytterligare feedback ges. Genom att visa en procentuell indikator f\u00f6r utf\u00f6rda f\u00f6rlopp f\u00f6r processer som tar mer \u00e4n 10 sekunder att ladda kan du h\u00e5lla anv\u00e4ndaren ansluten till webbplatsen eller applikationen utan att kompromissa med t\u00e5lamodet.\n <\/p>\n<\/li>\n<\/ul>\n \n Att anv\u00e4nda framstegsindikatorer effektivt i dina applikationer och webbplatser kan betyda skillnaden mellan framg\u00e5ng och misslyckande. H\u00e4r \u00e4r n\u00e5gra tips f\u00f6r att se till att dina framstegsindikatorer presterar upp till markeringen.\n<\/p>\n \n \u00c4ven om framstegsanimationsindikatorer kan skaka n\u00e4stan varje d\u00e5lig k\u00e4nsla som kommer ut av v\u00e4ntan, \u00e4r vissa publik ganska motst\u00e5ndskraftiga mot denna taktik. Bland f\u00e5 bra alternativ f\u00f6r att f\u00e5 anv\u00e4ndarna att v\u00e4nta utan att anv\u00e4nda framstegsindikatorer finns en metod som kallas skeleton screen. \u00c4ven k\u00e4nd som tempor\u00e4ra informationsbeh\u00e5llare, dessa tekniker inneb\u00e4r att visa framstegen i realtid f\u00f6r anv\u00e4ndaren ist\u00e4llet f\u00f6r att \u00f6ppna en laddningsbar. F\u00f6rest\u00e4ll dig en tom sk\u00e4rm som gradvis fylls med dess komponenter och element tills den \u00e4r helt fylld. Detta skapar en illusion av att applikationen agerar med laddningstiden och att deras v\u00e4ntan bel\u00f6nas med de framsteg som visas.\n<\/p>\n \n Det h\u00e5ller inte bara publiken engagerad i webbplatsen eller applikationen, utan h\u00e5ller dem ocks\u00e5 redo att slutf\u00f6ra sin n\u00e4sta uppgift. \u00c4ven om framstegsindikatorer ocks\u00e5 \u00e4r utm\u00e4rkta s\u00e4tt att tillfredsst\u00e4lla anv\u00e4ndarna, lyckas de inte beh\u00e5lla energin hos anv\u00e4ndarna som skelettsk\u00e4rmen h\u00e4nger med under deras laddningsf\u00f6rlopp.\n<\/p>\n \n Det spelar ingen roll hur snabb v\u00e5r app- eller webbplatsoperation \u00e4r, det finns alltid en chans till oinbjuden behandlingstid. Genom att anv\u00e4nda animerade v\u00e4ntef\u00f6rloppsindikatorer som procent-klara indikatorer och laddningssnurr kan du lugna anv\u00e4ndarna om de p\u00e5g\u00e5ende processerna och systemets nuvarande tillst\u00e5nd. Som ett resultat \u00f6kar det sannolikheten f\u00f6r att de stannar kvar p\u00e5 webbplatsen eller applikationen f\u00f6r att v\u00e4nta p\u00e5 laddningen och forts\u00e4tta med sina \u00e5terst\u00e5ende uppgifter. N\u00e4r du ber\u00e4knar den tid som kr\u00e4vs f\u00f6r att processerna ska slutf\u00f6ras, m\u00e5ste du tilldela l\u00e4mplig typ av framstegsanimeringsindikatorer.\n<\/p>\n \n En slingad indikator \u00e4r idealisk f\u00f6r operationer som tar 2-10 sekunder, medan mer tidskr\u00e4vande operationer kan hj\u00e4lpas med en procentuell utf\u00f6rd indikator. I fall av loopade animationer och skelettsk\u00e4rmar \u00e4r det b\u00e4st att v\u00e4lja skelettsk\u00e4rmar eftersom de kan ta p\u00e5 sig alla \u00e5tg\u00e4rder som g\u00e5r l\u00e4ngre \u00e4n n\u00e5gra millisekunder, och fortfarande h\u00e5lla det kallt med anv\u00e4ndarna.\n<\/p>\n<\/p>\n\n Hur man anv\u00e4nder framstegsindikatorer effektivt?
\n<\/h5>\n\n
\n Alternativ \u2013 Anv\u00e4nd skelettsk\u00e4rmar f\u00f6r att motverka framstegsindikatorer f\u00f6r animering
\n<\/h5>\n\n Slutgiltiga tankar
\n<\/h4>\n