TechBlogSD - Allt för WordPress- och WEB -utveckling
WEB- och WordPress - instruktioner, nyheter, recensioner av teman och plugins

Hur webbanimering kan förbättra användarupplevelsen?

2

Animationer sitter för närvarande högst upp på listan över de mest populära trenderna för webbdesign. Även om långsamma laddningstider och mindre sofistikerade alternativ innebär att animering i början av internet ofta var amatörmässigt, har den ökade tillgängligheten till JavaScript gjort det möjligt för animationen att bli en het ny trend. Webbplatser som Codepen är utbredd med kallt webb animation metoder som är avsedda att böja musklerna i skapare. Men designtrenderna lutar mer åt funktionell animation. Om du tittar på att förbättra dina webbdesigntalanger vill du vederbörligen förbättra animationen du implementerar i din webbdesignupplevelse.



Hur webbanimering kan förbättra användarupplevelsen?

Här är några viktiga tips för att maximera dina animationskunskaper.

1 Fokusera på visuell feedback

Animationsriktlinjer för UX bygger vanligtvis på tanken att varje komponent på en webbplats ska vara så intuitiv som möjligt och vägleda användaren mot det innehåll som intresserar dem på det mest förnuftiga och naturliga sättet. Men eftersom webbplatser blir allt mer komplicerade har designers mycket mer kontroll över hur interaktivitet ser ut. Animering är ett av de bästa alternativen som finns när du vill se till att din webbplats svarar på dina användares input och ger sammanhang eller deras handlingar.

Visuell återkoppling kan visa sig på många olika intressanta sätt. Knappar och andra element som ger ett svar när de klickas kommer att säkerställa användaren att deras inmatning accepterades, även om de måste hantera laddningstider under tiden. Moderna grafiska designtrender handlar om att skapa responsiv feedback på formulär där nödvändig information saknas eller att bläddra mellan segment på en webbplats med ett längre vertikalt utrymme också. Människor är i sig fysiska varelser, och en webbplats som reagerar på deras handlingar på ett sätt som efterliknar den fysik vi medvetet förstår är en som erbjuder en mer sund och vettig användarupplevelse.

2 Minimera otålighet hos dina användare

Internet har underlättat en värld där praktiskt taget allt du kan önska är tillgängligt med ett knapptryck, men detta har också skapat en högre förväntan hos användare. Studier tyder på att nästan hälften av användarna förväntar sig att en webbplats laddas på under två sekunder, och de blir otåliga efter fyra. En åtta sekunders laddningstid kan driva en kund från din webbplats helt. Tyvärr kan du inte alltid hålla din webbplats laddad inom de standarder som dina användare förväntar sig, och ju mindre tid de lägger på att bli otåliga, desto bättre.

På webbplatser som inte kan optimeras enligt kundens standarder kan laddning av animationer spela en värdefull roll. Den här typen av animationer kan distrahera användare från att de väntar, men de tjänar också syftet med att utöka din varumärkesidentitet. En snygg animation som fångar ditt företags övergripande kultur hjälper till att sprida ditt budskap i dina användares sinnen. Var noga med att noggrant gå gränsen mellan engagerande och påträngande. Animationer som är alltför skrymmande kan påminna användaren om att de väntar och strider mot deras syfte. Enkla, platta och eleganta animationer är de allmänna UX -standarderna när man implementerar laddningsskärmar på en webbplats.

3 Låt animationen styra ögat

Smart webbdesignstrategi handlar om att vägleda dina användare till det innehåll som är viktigt för dem med så lite tydlig instruktion som möjligt. Ju mindre tid du spenderar ombord på dina användare, desto mer sannolikt är det att de håller sig kvar. Talangfulla designers sätter ihop webbplatser och appar som leder sina kunder på en guidad tur utan att de vet att de leds, och animationer kan fungera som några av de bästa visuella ledtrådarna som finns. Genom att demonstrera glidfunktionen i en meny kan dina användare veta hur de navigerar genom en katalog, och mer komplex instruktion kan leda användaren genom att hantera en app eller webbplats utan att de behöver läsa något.


Relaterade artiklar:

4 Animeringsregler bör vara konsekventa

När du skapar UX och UI för en webbplats eller app skapar du i princip ditt eget ekosystem. Och även om användarna kanske inte inser det, lär processen med att navigera i en app eller webbplats i huvudsak dem de interna reglerna som gränssnittet fungerar med. Det betyder att dina regler måste vara konsekventa över hela plattformen. Om du använder glidmenyer för att hjälpa dina användare att navigera genom miljön, måste det vara den givna standarden för alla eller de flesta av dina menyer, och den måste svara med samma hastighet och på samma sätt.

En organisk känsla av rymd är lika nödvändig. Om en användare sveper en meny till vänster på skärmen för att få den att försvinna måste den återgå från samma sida när du behöver den. Och överbelastning av din webbplats eller app med för många interaktionsstilar kommer att förvirra din användare och distrahera dem från hur gränssnittet fungerar.

5 Minimera desorienterande animationer

En konsekvent rymdkänsla är lika viktig som konsekventa animeringsregler, men designers har bara för mycket utrymme att arbeta med, särskilt när de arbetar med mobila enheter. Övergångsanimationer är praktiskt taget en nödvändighet, men du vill se till att dina animationer inte får användare att känna sig vilse. När du gör tillståndsändringar eller övergår från en högre nivå till en mer detaljerad vy kan funktionella animationer underlätta användaren för att uppleva på ett sätt som hårda nedskärningar inte kan. Samtidigt kan popup-fönster skapa en stor känsla av utrymme när du försöker visa hierarkisk information för användaren.

6 Fokusera på korta och söta animationer

Medan animering kan skapa en unik visuell blomstrande för din webbplats eller app, bör den inte vara stjärnan i serien. Varje webbplats tjänar ett distinkt syfte för sina användare, och animationer som tar för lång tid distraherar dem från att komma till den information de behöver. UX -policy föreslår att animationer i allmänhet bör hållas under en sekund i längden i de flesta fall. Om det inte är möjligt, överväg att dela upp processen i flera animationer. Detta kommer att hålla användaren engagerad utan att få dem att känna att deras tid går till spillo.

Som sagt, tidslinjen för animationer bör ta hänsyn till den åtgärd som de efterliknar. Användare som klickar på en knapp kommer att förvänta sig att bekräftelsen av klicket kommer att vara nästan omedelbar, men designers har mycket mer spelrum när de utformar laddning av animationer eller självstudier. En animering som förmedlar värdefull animation men som kan missas med ett ögonblick tappar helt syftet.

7 Fokusera på berättelsen

Appar och webbplatser handlar om mer än att bara ge användarna det innehåll de behöver. De är en metod för att bygga upp en relation med en kund och sälja dem identiteten på din produkt eller tjänst. Animationer kan vägleda användaren på en resa, men du bör tänka i termer av vilken historia dessa animationer berättar. Upplevelsen som dina animationer guidar dina användare på ska vara logisk och konsekvent, och den bör fokusera på det budskap du vill berätta för din kund. UX, och särskilt animation inom webbdesign, kan vara lika mycket ett marknadsföringsverktyg som det är praktiskt.

Inspelningskälla: webnots.com
Leave A Reply

Denna webbplats använder cookies för att förbättra din upplevelse. Vi antar att du är ok med detta, men du kan välja bort det om du vill. Jag accepterar Fler detaljer