7 hemmeligheter for å forbedre UX med mikro-interaksjoner
Å vite at vi alle dømmer en bok ved omslaget, skaper smarte designere fengende og praktiske grensesnitt. Potensielle brukere kan være hekta, men hvordan ruller du dem helt inn?
Ved å prøve å svare på dette spørsmålet, fører alle veier til en menneskelig sentrert design tilnærming, hvor brukeren er hovedfokus. Vær menneskelig: Din søknad skal snakke det samme språket vi bruker hver dag, inkludert følelser, allmenntal, og med en klype av "kom-hither" -utseende. Et grensesnitt bør være din gode venn, klar til å gi råd som strever for å forbedre din erfaring, og få deg til å chuckle.
Gardiner opp, slå på lysene: mikro-interaksjoner kommer inn i spill. For å være mer presis handler det om interaktive animasjoner som følger med et grensesnitt for å gjøre det mer tiltalende. En god animasjon kan:
- Kommuniser status og gi tilbakemelding
- Forbedre følelsen av direkte manipulasjon
- Hjelp folk å visualisere resultatene av deres handlinger
I UX, hva betyr noe er hvordan du håndterer brukere og hvordan de føler seg når de bruker produktet. Selv små detaljer fortjener nøye. Mikro-interaksjoner gir brukerne nødvendig tilbakemelding og forståelse av de pågående prosessene, noe som gjør at et grensesnitt kan nås, uansett hvor komplisert logikken bak den kan være.
1) Vis systemstatus
Den første brukervennlighet heuristisk prinsipp av Jakob Nielsen sier: Hold brukeren oppmerksom på hva som skjer. Brukere forventer å få svar umiddelbart, men det er situasjoner når et nettsted trenger litt tid før en handling er fullført.
Så, grensesnittet bør holde brukeren opplyst om hva som skjer ved å vise en grafikk i bakgrunnen, måle bithastighet eller spille av en lyd. Det samme prinsippet gjelder filoverføringer: ikke la brukeren bli kjedelig; vis dem fremgang. Selv en ikke så hyggelig melding som en overføringsfeil bør leveres på en søt måte. Få brukeren til å smile!
2) Marker endringer
Ofte, for å spare plass, vil en app bare erstatte en knapp med en annen når det trengs. Noen ganger må vi vise varsler for å sikre at brukeren ser det. Animasjon vil tiltrekke seg oppmerksomheten og ikke la brukerne se bort fra det du synes er viktig.
3) Hold sammenheng
I en tid med smarttelefoner og smarte klokker med små skjermer kan det være vanskelig å passe mye informasjon på en skjerm. En måte å håndtere det på er å holde tydelig navigering mellom forskjellige sider; slik at brukeren forstår hva som skjedde fra hvor, og kan enkelt navigere tilbake. Det er mange alternativer for dette:
4) Ikke-standard layouter
Ved å fortsette med de tidligere eksemplene, bør mikro-interaksjoner hjelpe brukere å forstå hvordan man samhandler med uvanlige layouter uten unødvendig forvirring. Bilder som blinker fremover, rullende grafer og roterende tegn er alle gode muligheter:
5) Kaller til handling
Bortsett fra å hjelpe en bruker til å kommunisere effektivt med et program, har mikro-samhandlinger muligheten til å oppmuntre brukerne til å faktisk samhandle: Fortsett å surfe, like eller dele innhold, bare fordi det er attraktivt og de ikke vil forlate:
6) Visualiser innspill
Datainngang er en av de viktigste elementene i enhver applikasjon. Kvalitetsresultatene brukerne får, avhenger av datainngangen. Som regel er det ganske kjedelig, men mikro-interaksjoner gjør denne prosessen til noe spesielt:
7) Opplæringen blir levende
Og selvfølgelig kan animasjoner hjelpe utdanne brukere etter lanseringen av et program ved å utheve grunnleggende funksjoner og kontroller som trengs for videre bruk uten hak.
konklusjoner
Så, hvis du verdsetter din brukeropplevelse, poler grensesnittet fra A til Z, spiser det opp med mikro-interaksjoner og animasjoner. Det vil puste livet inn i prosjektet ditt.
Oppmerksomhet på hver eneste detalj er nøkkelen til din suksess, slik at menneskelig-datamaskin-interaksjon er enkel å bruke.