7 tips for å lage et tidsbesparende design for brukere

Brukere har korte — veldig korte — oppmerksomhetsspenn. Det er sannsynligvis tydelig bare å se gjennom analysene på nettstedet. Dette gjør det viktigere enn noen gang å distribuere designteknikker som hjelper brukere å skanne og få mest mulig informasjon fra nettstedet ditt på kortest mulig tid.

Det er din jobb å forstå hva brukere trenger å få tak i fra designen på et øyeblikk og hjelpe dem med å få den informasjonen, så kanskje de vil holde seg rundt og utforske nettstedet ditt. Her er noen måter å gjøre det på!

1. Tenk minimalt

Et design uten mange valg kan være raskt og enkelt for brukeren. Selv om "tenk minimalt" i begynnelsen kan få deg til å tenke på en minimal designstil, handler det mer om effektivisering av elementer og effekter. (Men et minimalt designmønster kan også fungere.)

Totalt sett er målet å begrense informasjonsoverbelastning og antall beslutninger en bruker må ta for å nå målet med designen.

• Hold navigering enkel med en håndfull valg.
• Bruk enkle skrifttyper som er enkle å lese med et øyeblikk.
• Forsterk kontrasten mellom elementene slik at oppfordringer til handling er enkle å finne.
• Hold deg til en enkelt tanke eller handling for hver side eller bla i designen.
• Målkonverteringer - vogner, skjemaer osv. - skal være tilgjengelige til enhver tid.

2. Oppmuntre til handling med visuelt innhold

Et nettsted er et visuelt medium; få mest mulig ut av det.

Sterkt grafikk, inkludert fotografering og videoer, er en enkel måte å få oppmerksomhet fra brukerne, og når den er parret med et handlingsbart element, kan det bidra til å generere et øyeblikkelig klikk.

Å komme fra punkt A til B i en design burde være en rask prosess. Tenk på det med tanke på netthandel. En bruker ser et par sko på sosiale medier, klikker for å komme til nettstedet og må da kunne se varen (eller hvordan du finner den umiddelbart) for å fortsette samspillet med nettstedet.

Et tidsbesparende design ville vise skoene med en knapp å kjøpe nå. Brukeren kan hva de vil og hvordan de skal få det uten å måtte fomle gjennom flere sider eller klikk. Her er et annet tips med det å spare bruker tid med bilder - bruk det samme bildet for off-site og on-site kampanjer. Et annet bilde av de samme skoene registreres kanskje ikke like raskt hos brukeren som det samme bildet.

Dette fungerer fordi folk flest kan behandle et bilde raskere enn å lese ord som “sier” det samme. Et nettsted er et visuelt medium; få mest mulig ut av det.

3. Del inn kompliserte elementer i biter

Lag en historie slik at du kan dele et komplisert design ned i mindre, mer fordøyelige biter. Mindre blokker eller deler av innholdet kan være lettere å forstå raskt, og hjelpe brukerne til å gå fra element til element.

Prøv brukergrensesnittelementer som “les mer” -koblinger, blokker i kortstil og parallax-bla-animasjon for å skape engasjement og bryte ned kompliserte design.

4. Kutt ned skjemaer

En av de enkleste måtene å gjøre design raskere for brukere er å kutte ned på å be om informasjon du ikke trenger. Skjemaer trenger ikke å be om lag med informasjon.

• Bare spør viktig informasjon, for eksempel navn og e-postadresse, og følg opp senere for skjemaer designet for å generere potensielle kunder.
• Bruk skjemaer som validerer data slik at brukerne vet om de har skrevet inn noe galt (og hvor), slik at korreksjoner er raskt og enkelt.
• Minimer skriving og bruk knapper eller avmerkingsbokser i skjemaer der det er aktuelt. (Dette er spesielt tidsbesparende for mobilbrukere.)
• Ikke be om repeterende data, for eksempel typen kredittkort og kredittkortnummer. (Korttypen kan gjenkjennes fra nummeret.)

5. Utforme fet CTAer

Gjør designet raskt i bruk og enkelt å fullføre med en dristig handlingsdesign som brukere ikke kan gå glipp av.

Lyse farger og elementer som er store i størrelse, kan hjelpe brukere med å se hva de skal gjøre med designen umiddelbart. Gi videre innhold i knapper som forteller brukerne nøyaktig hva de skal gjøre og hva som vil skje når de "klikker her."

For å bli sett, bør en CTA ha rikelig med kontrast, slik at den ikke smelter sammen med omgivende elementer og trekker oppmerksomhet til seg selv. (Og ikke glem å sørge for at CTA er lett å finne på mobilskjermer også.)

6. Rediger, rediger, rediger

Noen ganger betyr en god redigering å hente inn en tredjepart for å lese alt og sikre at det gir mening for noen andre.

Ingenting sparer brukere tid, som å gjøre din due diligence før publisering. Rediger alt i nettsteddesignet, og rediger det deretter igjen. Et tidsbesparende nettsteddesign har skrevet en kopi som er lett å lese og forstå.

Dette betyr at ord er fri for stavefeil eller skrivefeil, setninger bruker riktig syntaks, grammatikk og setningsstruktur. Og alt er organisert på en logisk måte.

Noen ganger betyr en god redigering å hente inn en tredjepart for å lese alt og sikre at det gir mening for noen andre. Et ekstra sett med øyne kan hjelpe deg å forstå hvor skjulte feil lurer eller om innholdet er for fullpakket med for mye sjargong for den generelle leseren.

Du kan også prøve å bruke et verktøy som Grammarly for å sjekke stavemåte og innlegg i CMS-en når du forbereder deg på å publisere nytt innhold.

7. Vær konsekvent

Overskrifter, brødtekst og bilder skal følge en jevn stil.

Et konsistent design inkluderer gjentatte elementer, handlinger og interaksjoner som fungerer på nøyaktig samme måte gjennom hele designen. Det betyr ganske enkelt at en knapp alltid skal se ut som en knapp, ha samme farge og skrift, samme svevetilstand og jobbe på nøyaktig samme måte uansett hvor knappen leder brukeren.

Gjenta denne ideen for ethvert element i designet som blir brukt flere ganger, for eksempel ikoner, handlekurv, skjemaer, lenker og knapper på sosiale medier.

Vær konsekvent med andre elementer også. Overskrifter og bruk av tekst og bilde bør også følge en jevn stil. (Dette er grunnen til å definere elementer og stiler i CSS og deretter bruke passende koder.)

Den konsistensen gjør at hver side i webdesignen din ser ut som den hører hjemme. Brukeren trenger aldri å gjette eller eksperimentere for å finne ut hvordan noe fungerer.

Konklusjon

Rask. Klikk. Ferdig.

Det er sannsynligvis det vanligste brukermønsteret rundt. Enten brukere tenker på det eller ikke, er de ute etter å gjøre ting i en hast på nettstedet ditt, fullføre oppgaver eller oppfylle mål og gå videre til noe annet. Jo mer designet ditt jobber med brukere for å spare dem tid mens du oppnår mål, jo mer brukervennlig vil det være.