Fire UX-designteknikker for å oppmuntre til brukerengasjement
Oppfordre brukere til å fortsette å bruke et nettsted, involverer ikke alltid slankere kode eller finere grafikk. Noen av de enkleste oppsettene som Reddit gjør at brukerne fortsatt er opptatt av innholdet, og begeistret for å samhandle med nettstedet.
Hemmeligheten ligger i brukeropplevelse og hensynet til hvordan et nettsted funksjoner. Interaksjoner stammer fra sideelementer og handlingsflyter som beveger seg fra en side til den neste.
I dette innlegget tar jeg en titt på noen UX design teknikker som kan brukes til forbedre brukeropplevelsen og øke brukerengasjementet. Vær oppmerksom på at disse ikke alltid gjelder for alle nettsteder, og det er viktigere å forstå hvorfor disse teknikkene fungerer slik at du kan bruke din egen vurdering.
Emnet med brukeropplevelse er enormt og krever tålmodighet til å forstå fullt ut. Men jo mer du trener jo mer vil du forstå
Det beste du kan gjøre er spill rundt på nettsteder du liker og finne ut av hva du liker om dem. Fra dine erfaringer kan du ekstrapolere konsistente ideer og finne ut hva som holder deg (og kanskje andre) engasjert på et nettsted.
1. Bruk Kontrast til å tegne oppmerksomhet
Hvert nettsted er bygget med en håndfull elementer laget for brukerinteraksjon. Hyperlinks, knapper, inputfelt, sidebar widgets, listen fortsetter og fortsetter. Men ikke alle elementene skal opprettes like. Noen er selvsagt viktigere for besøkendes engasjement og bør utformes med høyere kontrast å skille seg ut fra andre elementer på siden.
Denne ideen stammer fra høy fargekontrast og måten mennesker behandler visuelle data i mønstre. Når noe skiller seg ut fra omgivelsene, enten det er av farge, størrelse, form eller hvite plass, kan det vises viktigere basert på kontekst.
Bruk kontrast til å trekke oppmerksomhet mot bestemte siderelementer som involverer besøkende i en bestemt oppgave. Hvis målet ditt er å bygge flere nyhetsbrev pålogginger, kan abonnementsboksen ha en lys animert påmeldingsknapp eller et unikt vektorikon.
Målet er å fange opp oppmerksomhet ved å bygge et grensesnitt som lokker besøkende til å utføre noen ønsket handling (er).
Hvis du har tid, kan det være verdt å kjøre noen få A / B-casestudier for å se hvilke farger / elementer som fungerer best sammen. Statistikk er vanskelig å finne ut, men du vil bli overrasket over hvor mye du kan lære av en enkel delingstest.
2. Smakfull UI / UX Animasjon
Jeg snublet nylig på et innlegg som heter What Does Disney Know About Interface Animation. Den dekker de viktige animasjonspunktene og hvordan disse spiller til psyken til brukere som samhandler med en flat 2D-skjerm.
Ulike typer animasjoner kan innebære visse oppføringer. For eksempel, når du svinger over en knapp, kan det hoppe opp for å vise at det er klikkbart. Feilmeldinger rystes ofte for å trekke oppmerksomheten fra brukeren.
Husk at UX-animasjon skal være synlig, men likevel subtil. Wild over-the-top animasjoner er mer for TV og filmer enn grensesnitt.
Men det betyr ikke at grensesnittene dine skal forbli flate. Faktisk ville de fleste brukere heller ha en slags animasjon fordi det gir en illusjon av en jevnere opplevelse. Digital design er delvis om skaper et illusorisk grensesnitt, men jo mer realistisk det ser ut, jo mer brukerne vil samhandle.
3. Responsive Design som et krav
Det er rimelig å si at en god del av Internett-brukere blar gjennom mobiltelefonene sine. Lenker som blir delt på sosiale nettsteder som Facebook og Twitter, besøkes ofte rett på smarttelefoner og nettbrett.
Dette betyr at hver nettside skal optimaliseres for mobil på en eller annen måte - helst med en fullstendig responsiv design.
Når du tvunget til å vurdere skjermstørrelsen, den plasserer kritiske funksjoner i et helt nytt lys. Som designer må du velge hvilke funksjoner som er viktigst og hvordan de skal vises på mindre skjermer. Denne responsive designstrategien tar tid å lære, men den beste måten er å studere andre nettsteder og plukke opp teknikker du liker.
Sannheten er responsive design arbeid og det blir mer akseptert av design samfunnet med hvert passerende år.
Brukere forventer også at nettsteder skal være fullt lydhør så de vil imøtekomme til hvilken som helst skjerm. Når et nettsted ikke passer fint inn i en mobil nettleser, kan det være off-putting til brukeropplevelsen.
4. Forenkle samhandlingsprosessen
Smashing Magazine publiserte nylig en av de beste innleggene jeg har lest til støtte for forenkling for grensesnitt design. Det står at ingen ønsker å hoppe gjennom hoops for å bruke nettstedet ditt eller programmet. Folk er bare interessert i sluttresultatet, og raskeste måten å komme seg dit.
Jeg liker å bygge UX flytdiagrammer for hvert interaktivt sideelement når jeg skisserer wireframes. Disse bidrar til å synliggjøre hvordan nettstedet skal se ut og funksjon.
Men i sannhet spiller ingen rolle hvordan du planlegger opplevelsen. Bare vær sikker på at du planlegger Den raskeste og enkleste opplevelsen mulig. Når det gjelder å oppmuntre til aktivitet, vil du ha det viktige å være underforstått av designet.
Hvis noen lander på webappen din og ikke forstår hvordan du registrerer deg med en gang, er det et stort problem. Det skal være åpenbart åpenbart til brukeren hva nettstedet ditt gjør og hvordan de kan være fra hverandre av det.
Det beste stedet å starte er å undersøke UX-design og prosessen med hvordan brukerne samhandler med et grensesnitt. Derfra kan du trekke konklusjoner som er relevante for dine egne prosjekter, og ideelt forenkle grensesnittene dine til deres største potensial.
For relatert lesing om emnet av brukeraktivitet, sjekk ut disse innleggene:
- Breaking Web Design Conventions = Brudd på brukeropplevelsen
- Usability & User Experience Arkiv på Smashing Magazine
- Webdesign Konsepter til Entice User Interaction
Wrap-Up
Det er ingen enkelt svar på hvordan man designer (eller reparerer) nettsteder for å forbedre brukervennligheten. Ja det er noen ting du kan prøve, men hvert nettsted er litt annerledes, og studiet av UX-design er svært komplisert.
Jeg håper denne artikkelen kan komme i gang med å tenke på noen vanlige teknikker for å bygge svært brukbare grensesnitt. Det beste du kan gjøre er å plassere deg selv i skoene til en typisk bruker, og prøv å fastslå de store feilene i et grensesnitt. Og når du kjenner igjen et problem, er du allerede halvveis til løsningen!
