Mikrointeraksjon - sett en spiss på brukeropplevelsen
Bloggpost

Mikrointeraksjon - sett en spiss på brukeropplevelsen

8. august 2016

Hva er mikrointeraksjon?

Dan Saffer definerer  det slik i sin bok Microinteraction: Designing with details (2014): “Mikrointeraksjon er de funksjonelle, interaktive detaljene i en løsning”. De består ofte av god grafisk design, interaksjonsdesign og/eller front-end koding. Det kan være en morsom loadbar som underholder brukeren dersom siden din laster mye innhold. Det kan være feilmeldinger eller feedback som overrasker ved hjelp av fin animasjon. Eller det kan være siste side i handlekurvløpet ditt som forsikrer brukeren om at alt er i orden ved å bruke visuelle virkemidler.

Design = detaljer

Dan Saffer sier flere kloke ting: “Detaljer er ikke bare detaljer, de er selve designet” (Saffer 2014, 3) og de er med på å forsterke den gode brukeropplevelsen. Mikrointeraksjoner kan hjelpe nettsiden å flyte bedre, men kanskje enda viktigere: De kan hjelpe folk å huske nettstedet ditt. Det kan være funksjonen i seg selv, språket man bruker, animasjoner eller grafikk som setter spor. Klarer man å inkludere disse tingene kan nettsiden bli et sted folk aktivt oppsøker, og ikke bare må eller kan bruke.

Eksempler

Nettstedet Little big details samler eksempler på gode mikrointeraksjoner. Her har jeg plukket ut et par jeg liker godt.

New Yorker - hvis du begynner å scrolle oppover mens du leser en artikkel, popper det opp en widget som spør om du vil lese ferdig artikkelen senere.

 

Slack - hvis en bruker er i en annen tidssone enn deg, og det er natt der, endres statusikonet i medlemslisten til å vise en Z.

 

Spotify - Spotify sier ifra hvis du legger til en sang i en liste der sangen finnes fra før.

 

AirBnB - Når man kontakter flere utleiere, blir den siste meldingen du skrev automatisk kopiert inn og utleiernavnet byttet til navnet til den nye utleieren.

Digiday - artikler har en “TLDR” (Too Long; Didn’t Read”)-knapp som viser en kort oppsummering av artikkelen.

Når du spiller av en sang i Star Wars’ spilleliste på Spotify, blir avspillingsbaren gjort om til en ‘light saber’.

musepeker.gif

Mac OS X 10.11 El Capitan - Musepekeren forstørres når du beveger den raskt for å finne den igjen.

Og til slutt, denne fine loaderen vi i Creuna lagde til den nye Hurtigruten-siten:

 


Synes du også at mikrointeraksjon er gøy? Del gjerne inspirasjon! Du kan se flere eksempler på nettsiden Little Big Details og i boka Microinteractions: Designing with details av Dan Saffer.