TechBlogSD - Alt for WordPress- og WEB -utvikling
WEB- og WordPress -instruksjoner, nyheter, anmeldelser av temaer og plugins

Hvordan webanimasjon kan forbedre brukeropplevelsen?

13

Animasjoner sitter for tiden øverst på listen over de mest populære nettstedstrendene. Selv om treg lastetid og mindre sofistikerte alternativer betyr at animasjon i begynnelsen av internett ofte var amatørmessig, har den økte tilgjengeligheten til JavaScript tillatt animasjonen å bli en het ny trend. Nettsteder som Codepen er florerer med kule web animasjon teknikker utformet for å bøye musklene skapere. Men designtrender lener seg mer mot funksjonell animasjon. Hvis du ser på å forbedre dine webdesigntalenter, vil du behørig forbedre animasjonen du implementerer i din webdesignopplevelse.



Hvordan webanimasjon kan forbedre brukeropplevelsen?

Her er noen viktige tips for å maksimere dine animasjonsevner.

1 Fokus på visuell tilbakemelding

Animasjonsretningslinjer for UX er vanligvis bygget rundt ideen om at hver komponent på et nettsted skal være så intuitiv som mulig og veilede brukeren mot innholdet som interesserer dem på den mest fornuftige og naturlige måten. Men ettersom nettstedene blir stadig mer kompliserte, har designere mye mer kontroll over hvordan interaktivitet ser ut. Animasjon er et av de beste alternativene som er tilgjengelig når du vil sørge for at nettstedet ditt reagerer på input fra brukerne og gir kontekst eller handlingene deres.

Visuell tilbakemelding kan manifestere seg på en rekke forskjellige interessante måter. Knapper og andre elementer som gir et svar når de klikkes, vil sikre brukeren at innspillene deres ble akseptert, selv om de må håndtere lastetider i mellomtiden. Moderne trender for grafisk design handler om å skape responsiv tilbakemelding på skjemaer der nødvendig informasjon mangler eller å bla mellom segmenter på et nettsted med lengre vertikal plass. Mennesker er iboende fysiske skapninger, og et nettsted som reagerer på handlingene deres på en måte som etterligner fysikken vi medfødt forstår er en som gir en mer god og fornuftig brukeropplevelse.

2 Minimer utålmodigheten til brukerne dine

Internett har lagt til rette for en verden der praktisk talt alt du måtte ønske er tilgjengelig med et tastetrykk, men dette har også skapt et høyere forventningsnivå fra brukerne. Studier tyder på at nesten halvparten av brukerne forventer at et nettsted skal lastes inn på under to sekunder, og de blir utålmodige etter fire. En åtte sekunders lastetid kan drive en kunde helt fra nettstedet ditt. Dessverre kan du ikke alltid holde nettstedet ditt innenfor de standardene brukerne forventer, og jo mindre tid de bruker på å vokse utålmodige, jo bedre.

På nettsteder som ikke kan optimaliseres etter kundens standarder, kan lasting av animasjoner spille en verdifull rolle. Denne typen animasjoner kan distrahere brukerne fra det faktum at de venter, men de tjener også formålet med å utvide merkeidentiteten din. En flott animasjon som fanger bedriftens generelle kultur, vil hjelpe til med å brenne meldingen din inn i tankene til brukerne dine. Bare vær nøye med å gå grensen mellom engasjerende og påtrengende. Animasjoner som er for prangende kan minne brukeren om at de venter, og går i strid med selve hensikten. Enkle, flate og elegante animasjoner er de generelle UX -standardene når du implementerer lasteskjermer på et nettsted.

3 La animasjonen lede øyet

Smart webdesignstrategi handler om å veilede brukerne dine til innholdet som betyr noe for dem med så lite eksplisitt instruksjon som mulig. Jo mindre tid du bruker på å gå ombord på brukerne dine, jo mer sannsynlig er det at de holder seg. Talentfulle designere setter sammen nettsteder og apper som leder kundene sine på en guidet tur uten at de vet at de blir ledet, og animasjoner kan tjene som noen av de beste visuelle tegnene rundt. Å demonstrere glidefunksjonaliteten til en meny kan hjelpe brukerne dine til å vite hvordan de navigerer gjennom en katalog, og mer kompleks instruksjon kan lede brukeren gjennom prosessen med å bruke en app eller et nettsted uten at de trenger å lese noe.


Relaterte artikler:

4 Animasjonsregler bør være konsekvente

Når du oppretter UX og brukergrensesnitt for et nettsted eller en app, lager du egentlig ditt eget økosystem. Og selv om brukerne kanskje ikke skjønner det, lærer prosessen med å navigere i en app eller et nettsted i hovedsak dem de interne reglene som grensesnittet fungerer etter. Det betyr at reglene dine må være konsekvente på hele plattformen. Hvis du bruker glidemenyer for å hjelpe brukerne med å navigere gjennom miljøet, må det være den gitte standarden for alle eller de fleste menyene dine, og den må svare med samme hastighet og på samme måte.

En organisk romfølelse er like nødvendig. Hvis en bruker sveiper en meny til venstre på skjermen for å få den til å forsvinne, må den komme tilbake fra den samme siden når du trenger den. Og overbelastning av nettstedet eller appen din med for mange interaksjonsformer vil forvirre brukeren din og distrahere dem fra hvordan grensesnittet fungerer.

5 Minimer desorienterende animasjoner

En konsekvent romfølelse er like viktig som konsekvente animasjonsregler, men designere har bare for mye plass å jobbe med, spesielt når de arbeider med mobile enheter. Overgangsanimasjoner er praktisk talt en nødvendighet, men du vil sørge for at animasjonene ikke får brukerne til å føle seg tapt. Når du gjør tilstandsendringer, eller overgår fra et høyere nivå til en mer detaljert visning, kan funksjonelle animasjoner lette brukeren inn i opplevelsen på en måte som harde kutt ikke kan. I mellomtiden kan popup-vinduer skape en god følelse av plass når du prøver å vise hierarkisk informasjon til brukeren.

6 Fokuser på korte og søte animasjoner

Selv om animasjon kan skape en unik visuell blomstring til nettstedet eller appen, bør den ikke være stjernen i showet. Hvert nettsted tjener et tydelig formål for brukerne, og animasjoner som tar for lang tid distraherer dem fra å komme til informasjonen de trenger. UX -retningslinjer antyder at animasjoner vanligvis bør holdes under et sekund i lengden i de fleste tilfeller. I tilfeller der dette ikke er mulig, kan du vurdere å dele opp prosessen i flere animasjoner. Dette vil holde brukeren engasjert uten å få dem til å føle at tiden deres er bortkastet.

Når det er sagt, bør tidslinjen for animasjoner ta hensyn til handlingen de etterligner. Brukere som klikker på en knapp, forventer at bekreftelsen av klikket vil være nesten øyeblikkelig, men designere har mye mer spillerom når de designer lasting av animasjoner eller opplæringsprogrammer. En animasjon som formidler verdifull animasjon, men som kan gå glipp av med et blunk, mister formålet helt.

7 Fokuser på fortellingen

Apper og nettsteder handler om mer enn bare å gi brukerne innholdet de trenger. De er en metode for å bygge et forhold til en kunde og selge dem identiteten til produktet eller tjenesten din. Animasjoner kan veilede brukeren på en reise, men du bør tenke på hva historien disse animasjonene forteller. Opplevelsen animasjonene dine veileder brukerne dine på, bør være logisk og konsekvent, og den bør fokusere på meldingen du vil fortelle kunden din. UX, og spesielt animasjon i webdesign, kan være like mye et markedsføringsverktøy som det er praktisk.

Opptakskilde: www.webnots.com
Leave A Reply

Dette nettstedet bruker informasjonskapsler for å forbedre din opplevelse. Vi antar at du er ok med dette, men du kan velge bort det hvis du ønsker det. jeg aksepterer Mer informasjon