Mikrointeraksjon i UX: The Secret Weapon To An Everlasting User Engagement and Retention

Hva ser du når du kjører en video på YouTube? Før videoen begynner å spille, tar det en viss tid å streame innholdet. Inntil da får du et bufferikon i bevegelse vist på skjermen. Dette er et perfekt eksempel på mikrointeraksjon.

I utgangspunktet kan enhver visuell representasjon av en bestemt prosess kalles en MIcrointeraction. De fungerer som byggeklosser som til slutt forbedrer en UX. Hvis UX er en celle, er mikrointeraksjon DNA.

La oss bryte det ned:

Mikrointeraksjon – hva er det egentlig?

Som en integrert del av UX er mikrointeraksjon en prosess som formidler en funksjon som utføres av en app/programvare som instruert av brukeren. Eksempler inkluderer: lasting, buffering osv.

Det forbedrer også de visuelle elementene knyttet til små funksjoner. Du vet hvordan Like-knappen lyser før du klikker på den. Og hvordan den reagerer når du endelig klikker på den. Det samme kan brukes på kommentarseksjonen, deleknapper, abonnerknapper osv.

Hvis du vil ha et mer fysisk eksempel, er det ingen bedre forekomst enn en heis. Hva ser du? En rekke knapper? Ja. Men hva skjer når du trykker på en? Det er riktig! Det lyser. Dette er mikrointeraksjon.

Du skjønner kanskje ikke, men denne enkle glødende handlingen skaper en hyggelig opplevelse for heisbrukeren. Tenk om det ikke hadde glødet. Ikke så visuelt tilfredsstillende er det ikke? Dessuten ville du ikke vite om prosessen blir utført av heisen eller ikke.

Det samme kan gjøres med appen/nettgrensesnittet for å skape en tilfredsstillende brukeropplevelse.

Noen illustrasjoner for å fjerne tvilen din

Eksempler har alltid vist seg å være mer fruktbare når man skal definere et konsept. For en riktig forståelse av hva mikrointeraksjon egentlig er, ta en titt på disse tilfellene:

• Når du er i ferd med å trykke Liker, lyser knappen blått. Når du endelig trykker på knappen, blir den litt trykket, ikke sant? Dette fungerer som en indikasjon på at en handling er iverksatt.
• Når du besøker en nettside, ser du Om oss, Tjenester, Blogg, Kontakt oss osv. Når du tar markøren over en av dem, blir den farget (vanligvis på linje med nettsiden for å unngå skarpe kontraster). Hvis du flytter markøren til venstre og høyre, blir de enkelte delene uthevet separat. Også dette er et eksempel på mikrointeraksjon.
• Når du slår en funksjon på eller av, vil du finne hvordan knappen beveger seg frem og tilbake mellom de to alternativene. Når du klikker AV, flyttes den lille linjen (hvit/svart/etc) over til AV. Samme med ON delen. Dette er funksjonalitetsbasert mikrointeraksjon.

• En annen ting du vil legge merke til i dag, spesielt på nyhetssider som TechCrunch, er at når du ruller opp og ned, vil du se et bestemt sirkulært ikon som følger bevegelsen din mens du navigerer.

  Den har en bestemt bevegelsesfarge langs kanten som indikerer hvor mye av siden du har dekket. Anta at siden er ganske lang, hjelper dette leseren å kjenne sin nåværende posisjon på siden. Den kommer også med en kryssknapp innebygd i den, slik at brukeren kan gå ut av artikkelen uten å forlate nettstedet.

  Artikkelen lukkes, og etterlater brukeren på hjemmesiden hvorfra han/hun kan navigere til ethvert annet emne de anser som interessant.

Så du ser hvordan mikrointeraksjoner hjelper til med å lage små trinn som til slutt fører til forbedret brukeropplevelse. Det er ikke å nekte for at informasjonsarkitektur danner det grunnleggende rammeverket for en kraftig UX, men samtidig forbedrer eller katalyserer mikrointeraksjoner prosessen med UX-forbedring.

Hvis informasjonsarkitektur er skjelettet, er mikrointeraksjoner nervene som utløser funksjoner og svarer brukerne deretter.

Så hvorfor er det viktig for UX-design?

Som nevnt ovenfor er det grunnleggende to elementer som fører til en god UX, nemlig: Informasjonsarkitektur og MIcrointeraction Elements. Mens folk erkjenner viktigheten av IA, forblir mikrointeraksjon som en prosess ofte ubemerket. Men det vi ikke skjønner, er at uten det, forblir førstnevnte ufullstendig. Se hvordan prosessen med mikrointeraksjon kommer til nytte:

• Du lager arkitekturen og den grunnleggende arbeidsflyten ved hjelp av IA, men det nytter ikke hvis brukeren ikke blir hektet på de små detaljene som er knyttet til hvert trinn. Mikrointeraksjon hjelper deg med å fylle ut de minste detaljene.
• Kunder elsker å ha kontroll over grensesnittet de bruker. Mens IA hjelper til med jevn navigering og prosessflyt, gir MI dem en følelse av kontroll ved å visuelt skildre de individuelle prosessene som utføres.
• Ikke bare det, MI fremhever individuelt hver seksjon en bruker nærmer seg, og gir en slags visuell tilfredsstillelse på et veldig visceralt nivå.
• Dette øker igjen verdien av den aktuelle delen i brukerens tankestige, i tillegg til å øke interessenivået fra brukerens side, og får dem til å klikke på den med selvtillit og tilfredshet.

Så du skjønner, mikrointeraksjon hjelper til med å forsterke merkeverdien til en app/nettside. Ved å samarbeide med IA, hjelper det å skape en totalpakke for å gi riktig UX.

Hva er de fire grunnleggende trinnene som best definerer mikrointeraksjon?

Du kan rett og slett ikke skrive om mikrointeraksjon uten å komme over disse fire trinnene laget av mikrointeraksjonsguruen Dan Saffer. I sin bok "MIcrointeraction" klassifiserer Saffer hele prosessen i følgende trinn:

• Triggerelement: Enhver handling som utløser en mikrointeraksjonsprosess regnes som et triggerelement. For eksempel å klikke på knappen, som utløser en prosess.
• Regelelement: Dette bestemmer selve funksjonen. For eksempel trykker du på en knapp, og den navigerer deg til den respektive siden.
• Tilbakemeldingselement: Dette informerer brukeren om at en prosess har blitt utført. For eksempel klikker du på noe og det blir trykket eller uthevet.
• Loops Element: Brukeren som blir påvirket av en mikrointeraksjon har en tendens til å hengi seg til repeterende bruk av den spesielle funksjonen. Mikrointeraksjoner implementeres på en måte slik at brukerpsyken blir hektet på det. Det ber brukeren om å komme tilbake oftere. Dette er Loop Element, hvor en bruker faller inn i en atferdssløyfe av repeterende interaksjon.

Så hvordan bygger du et godt mikrointeraksjonsmiljø for grensesnittet ditt?

Anta at du planlegger å bygge en app. Eller kanskje du allerede er i utviklingsfasen. Men du har foreløpig ingen plan for å inkludere mikrointeraksjon. Du leser denne artikkelen og blir villig til å innlemme det samme. Men hvordan går du frem? Med tanke på at du er i IA-fasen, er dette hva du kan gjøre:

• Når du utvikler en bestemt del av grensesnittet, for eksempel delen Om oss, ber du utvikleren din komme opp med en kode (programmering) som kan gjenkjenne markørens plassering på nevnte element og automatisk fremheve det for en bedre visuell appell. Når den klikkes, skal den også se ut som om den er trykket litt ned.

• Etter det kommer navigasjonsdelen. Etter at brukeren klikker på en seksjon, er den programmert til å lede ham/henne til neste oppsett. Det du kan gjøre er å introdusere en bufferlignende funksjon som viser den pågående prosessen.

  Dette vil hjelpe deg med å holde brukerne engasjert, i tilfelle de er på trege internettforbindelser eller kanskje innlastingen av siden tar lengre tid enn forventet. Tenk hva som ville skje hvis du ikke bruker dette.

  Brukeren vil ganske enkelt føle at appen/nettsiden din ikke fungerer. De ville aldri komme til å vite at problemet oppstår fra nettleserens slutt. Som et resultat mister du en kunde. Bruk heller denne teknikken for å holde dem engasjert i lignende situasjoner.

• En ting som de fleste interaktive apper har til felles i dag er lik-kommentar-del-delen. Anta at appen du utvikler hjelper brukeren med å bla gjennom forskjellige reisesteder over hele verden og velge favorittene deres.

  Bruk mikrointeraksjonsfremhevingsteknikken på like-knappene, slik at den skaper en god brukeropplevelse når noen fører markøren over den. Som nevnt tidligere, skal den vise en trykkende effekt når du har klikket.

  Når du kommer til deleknappene, kan du lage en slags rullegardin som består av forskjellige delingsalternativer som Facebook, Twitter, WhatsApp, etc. slik at når de fører markøren over denne delen, blir den uthevet med en bestemt farge og viser rullegardinlisten samtidig .

  [Merk: fargene som brukes i alle de tre delene bør være like for å unngå for mye visuell kontrast]

• Du kan også bruke buffermodellen for ulike typer nettsteder/applikasjoner. Bare bytt ut bufferbevegelsesikonet med de som passer til den respektive plattformen. Hvis du for eksempel bygger en betalingsapp, kan du vise en myntstabel i lineær bevegelse eller sedler som stokkes etter hvert som betalingsprosessen utføres.

  Eller ta for eksempel en e-handelsapp, der brukere fortsetter å legge til forskjellige varer i sin personlige handlekurv. Du kan bruke et bevegelsesvognikon for å informere brukeren om at det valgte elementet blir lagt til osv.

Så du skjønner, det er rikelig med omfang der du kan bruke mikrointeraksjoner. Strategisk bruk kan lykkes med å engasjere en bruker på lang sikt, og dermed oppnå mer og mer merkevareverdi.

Hvilken effekt har mikrointeraksjoner på brukerens sinn, og hvordan reagerer de?

Til nå har vi dekket hva som er de forskjellige typene mikrointeraksjoner og hvordan du som gründer kan innlemme det. Men det er bare den ene siden av medaljen. Den andre siden er kunden. Å forstå hvordan de reagerer på ulike typer mikrointeraksjoner kan hjelpe deg med å utstyre prosessen mer effektivt. Se hvilken effekt mikrointeraksjoner har på underbevisstheten:

• Når en bruker kommer i kontakt med en viss mikrointeraksjon, utløser det et subtilt signal i nervesystemet som gjør at de ønsker å bruke det mer. Dette resulterer i en vaneløkke.
• Som en konsekvens kommer brukeren stadig tilbake gang på gang for å samhandle med produktet. Så du skjønner, den beholder en bruker/kunde på ubestemt tid.
• Visuals er noe som brukes av enhver markedsføringsstrateg, ettersom de er klar over de enorme fordelene som følger med dem. Og mikrointeraksjon som et visuelt element kan manipulere en brukerpsyke til å skape konverteringer.
• Tilbakemeldingselementet til mikrointeraksjon genererer en følelse av komfort i brukerens sinn, og vi vet alle hvordan kunder har eksklusiv kontroll når de navigerer gjennom ønsket produkt.
• Selve bevegelsene som tilbys av mikrointeraksjoner genererer en behagelig følelse som forbinder med en bruker på et visceralt nivå. Dette resulterer i kundeappell og en rask økning i brukerbasen.

Siste tanker

Nå må du ha innsett at kjernefunksjonen til mikrointeraksjon er å bringe IA til live. Det forbedrer den dynamiske naturen til en nettside/applikasjon. Mens folk har en tendens til å overse betydningen av mikrointeraksjon, føler de imidlertid knase når disse funksjonene ikke fungerer.

Det er viktig at du tar tak i de små underbevisste endringene som følger av denne prosessen, uansett hvor små eller tilsynelatende ubetydelige de fremstår. Husk at disse små effektene til slutt fører til vellykket UX. Med Lao Tzus ord: "Reisen på tusen miles starter med et enkelt skritt."