Animasjoner på nettsider – når gjør de mer skade enn nytte?

Feil bruk av animasjoner på nettsider kan forstyrre lesingen, forsinke handlinger og skape fysisk ubehag. For bedriften kan det bety flere hindringer på veien fra interesse til kontakt. Her forklarer vi hvorfor vi anbefaler tilbakeholden bruk av animasjoner, og hva vi prioriterer når vi lager en brukervennlig nettside.

Hvordan påvirker animasjoner brukervennligheten på nettsiden?

Se for deg at en potensiell kunde besøker nettsiden din for å undersøke en tjeneste. Overskriften glir inn fra siden, tjenestekortene dukker opp ett etter ett, og en bakgrunn beveger seg mens kunden ruller. Hver effekt kan se fin ut alene. Samlet kan de gjøre det vanskeligere å finne ro til å lese.

For en tjenestebedrift er det viktig at besøkende forstår hva bedriften tilbyr, om tjenesten passer behovet deres, og hvordan de kommer i kontakt. Vår vurdering er at effekter som konkurrerer med denne informasjonen, bør tones ned eller fjernes.

En enkel måte å vurdere en animasjon på er å spørre: Hva blir tydeligere for kunden når dette beveger seg? Hvis svaret er uklart, er det god grunn til å la elementet stå stille.

Når animasjoner skjuler innhold og skaper venting

En nettside kan være ferdig lastet og likevel holde informasjon skjult mens en animasjon spilles av. Hvis tjenestekortene vises etter tur, må besøkende vente før de kan få oversikt. Hvis et kontaktskjema først kan brukes etter en lang overgang, legger designet en forsinkelse inn i veien til kontakt.

Dette er unødvendig venting som nettsiden selv skaper. Kunden bør kunne lese og bruke innholdet i sitt eget tempo.

Det betyr også at vi må skille mellom en animasjon som foregår mens siden kan brukes, og en effekt som faktisk blokkerer neste handling. Det avgjørende er hvordan løsningen fungerer for den som besøker siden.

Kan animasjoner gjøre nettsiden treg på mobil?

Hvordan en animasjon er bygget, har betydning for ytelsen. Effekter som krever at nettleseren stadig beregner plassering og tegner innholdet på nytt, kan bli hakkete. Mye arbeid i JavaScript kan også forsinke responsen når besøkende trykker på en knapp. Dette er særlig relevant på enheter med begrenset prosessorkraft. Googles veiledning om animasjonsytelse og respons på brukerhandlinger.

En side som virker smidig på en kraftig datamaskin, er derfor ikke nødvendigvis like god på mobilen kunden bruker. En mobilvennlig nettside må både passe skjermen og fungere godt når noen leser, ruller og trykker seg videre.

Samtidig er ikke alle animasjoner tunge, og en treg nettside kan ha mange andre årsaker. Problemet må undersøkes før man bestemmer hva som bør endres. Vi anbefaler å vurdere både hvordan siden oppleves på faktiske mobiler, og hva målinger viser.

Animasjoner og universell utforming: Bevegelse kan gi ubehag

For enkelte besøkende handler animasjoner om mer enn smak og irritasjon. Bevegelseseffekter kan utløse svimmelhet, kvalme og hodepine hos personer med forstyrrelser i balansesystemet. W3C trekker blant annet frem effekter som utløses ved rulling, og bakgrunner som beveger seg i en annen hastighet enn innholdet. W3Cs forklaring om bevegelse og tilgjengelighet.

Brukere kan velge redusert bevegelse på mobilen eller datamaskinen. Nettsiden kan ta hensyn til denne innstillingen og redusere eller fjerne unødvendige bevegelser. Det skjer ikke automatisk bare fordi brukeren har gjort valget; nettsiden må støtte det. Googles veiledning om animasjon og tilgjengelighet.

Vi mener dette er en viktig grunn til å være tilbakeholden allerede når nettsiden utformes. Besøkende skal kunne undersøke tilbudet ditt uten at dekorative effekter gjør opplevelsen ubehagelig.

Kan feil bruk av animasjoner føre til færre henvendelser?

Se for deg en kunde som har funnet tjenesten de trenger og vil sende en forespørsel. Kontaktknappen bør være enkel å finne, skjemaet klart til bruk og bekreftelsen etter innsending tydelig. Hvis effekter skjuler informasjon eller forsinker handlingene, gjør nettsiden denne oppgaven mer tungvint enn nødvendig.

Slike hindringer kan bidra til at et besøk avbrytes. Det betyr ikke at enhver animasjon koster en kunde, eller at fjerning av effekter automatisk gir flere henvendelser. Innholdet, tilbudet og mange andre forhold spiller også inn.

Vår anbefaling er likevel enkel: Unngå å legge unødvendige hindringer mellom kundens interesse og muligheten til å ta kontakt.

Derfor bruker vi lite animasjon på nettsider til bedrifter

Hos Elvebyen Media bruker vi bare animasjoner når vi mener de bidrar positivt. Vanligvis begrenser vi oss til små hovereffekter, som at en knapp endrer utseende når pekeren føres over den, eller andre steder der bevegelse gir visuell mening.

En animasjon kan være nyttig når den gjør en endring lettere å forstå eller gir tydelig tilbakemelding på en handling. Den bør samtidig la kunden fortsette med det vedkommende kom for å gjøre.

Vi mener en nettside kan være både gjennomført og visuelt tiltalende med lite bevegelse. For oss er det viktigere at nettsiden gjør jobben sin enn at den viser frem fancy effekter. Designet skal hjelpe besøkende med å forstå bedriften din og finne veien videre.