Mikrointeraktioner är den? Hemliga såsen? som gör att appar och webbplatser lyser för användare. Dessa små detaljer gör det enkelt att ställa in ett alarm, trycka på en knapp eller bara bättre förstå hur man arbetar med en digital produkt.
Hemligheten är att de bästa mikrointeraktionerna är element som användaren förmodligen inte ens tänker på. De händer på ett ögonblick - ofta med bara en kran på en mobil skärm. Trots den interaktiva interaktionen, därmed? Mikro ,? värdet är enormt för användarna eftersom dessa engagemang blir mer integrerade med den dagliga aktiviteten.
Hur designar du en-krets mikrointeraktioner som glädjer användarna? Här är några idéer.
Animera en knapp
Kommer du ihåg den första gången du märkte Facebook som i Messenger? Du knackade på tummen upp? ikonen och det växte i rutan till personen du chattade med. Har det gjort dig att le? Hade den lilla rörelsen dig lite glädje?
Enkel animering, innan kranen för att uppmuntra den eller efter att kranen visar mikrointeraktionen, är det ett säkert sätt att skapa något som användare vill knacka på. Små animeringar ger information om vad som händer så att användarna känner sig bekväma och övertygade om sina roller i återkopplingsslingan.
inte
Animationen ska vara lika enkel som mikrointeraktionen själv. Håll rörelserna enkla och flytande och snabbt att börja och avsluta. Att lägga till en rating på IMDb följer denna princip; sväva över värdet och snabbt se hur många stjärnor du vill lägga till när du flyttar över varandra. Tryck för att klicka för att slutföra och bekräfta åtgärden.
Ge alternativ
Det är en lektion i UX som går tillbaka till klassskolan och barnskolans kärleksbrev. Gillar du mig? Kontrollera ja eller nej.
Stora mikrointeraktioner kan utformas med samma begrepp. Ge användarna två snabba val. Tryck för att initiera (eller stoppa) en åtgärd; tryck för att växla. Användare vill göra val och känna sig i kontroll över digitala upplevelser, men de vill inte vara boggade med flera skärmar för att komma dit.
Skapa omedelbar åtgärd
Det bästa sättet att se till att användarna interagerar med din mikrointeraktion? Resultatet ska vara omedelbart. Det önskade resultatet bör:
- Händer med en enda kran
- Ge önskad åtgärd inom 0,1 sekunder
Omedelbarheten av mikrointeraktioner är avgörande för deras framgång. Eftersom naturen hos dessa element är liten, kommer eventuella fördröjningar i åtgärden att irritera användarna. (Tänk bara hur frustrerande det skulle vara om det tog tre kranar att stänga av ett larm eller om det fanns en 2 sekunders fördröjning för att tysta ringen på ett samtal under ett möte.)
Den snabba växlingen mellan en liknande (eller till skillnad från) eller följ på Instagram är ett perfekt exempel. Det är så snabbt din mikrointeraktion ska vara.
Design för upprepning
En av de saker som gör att mikrointeraktion skiljer sig från några andra interaktiva element i ditt användargränssnitt är att de kommer att användas om och om igen. Mikrointeraktioner är vanligtvis inte konstruerade för engångsanvändning. (Hur många gånger har du knackat på Instagram hjärtformad som knappen i den sista timmen?)
Design för denna repetitiva åtgärd, men åtgärden ska inte känna som en repetitiv rörelse. Medan det kan låta som mycket att ta in, kommer det ner till den intuitiva karaktären av kranen. Är det uppenbart och naturligt? Om en användare inte behöver tänka på en åtgärd, kommer de aldrig att finna det repeterande för att slutföra.
Användning av allmänt accepterade användarmönster, animeringar och ikonstilar hjälper till att styra hur du utformar mikrointeraktioner. Upptäck inte hjulet här; gör det enkelt för användare att slutföra uppgifter med en knapptryckning, och utan att behöva klia huvudet på hur man gör det.
Gör det Läsbart och Relatabelt
Här är det steg som blir glömt alltför ofta - instruktioner inom mikrointeraktioner måste vara läsbara och relaterbara.
Läsbar hänvisar till någon text eller instruktioner som de relaterar till mikrointeraktionen. Ord måste vara lätt att se och skanna. Ur ett designperspektiv är det viktigt att du väljer ett bra typsnitt och ser till att det finns tillräckligt med utrymme runt ord och mycket kontrast mellan bokstäver och bakgrund. Håll dig borta från kondenserade, tunna eller nyskapande teckensnitt som inte är lätta att läsa vid en blick.
Relaterbara hänvisar till text som läser på samma sätt som människor pratar. Mindre vanligt språk eller besvärlig frasering bör undvikas. Instruktioner inom formulärfält som försvinner när en användare börjar skriva är ett bra exempel. Detta gäller särskilt när formuleringen använder en ton eller röst som användaren förväntar sig av varumärket eller webbplatsen de interagerar med.
Fokusera på detaljer
En mikrointeraktion är en av många designdetaljer som kommer att kompensera ditt gränssnitt. Du måste vara särskilt försiktig med var och en av dem.
Mikrointeraktioner ska känna sig som en del av den övergripande designen. Men du måste också tänka på dessa små handlingar på andra sätt. Från färgval till storleken på element som en användare behöver interagera med, kommer dessa detaljer att uppmuntra åtgärd eller göra att användarna överger designen för något annat.
Som du skulle med något annat designelement, skapa en uppsättning stil- och designregler för mikrointeraktioner inom en app eller webbplats så att åtgärderna är konsekventa i hela designen och att användarna enkelt kan hitta och engagera sig. Ju tiniere elementet - eller interaktion - blir de viktigaste detaljerna.
Håll det enkelt
Att säga det en miljon gånger räcker inte - håll det enkelt. Det finns bara för många mönster som är för svåra att använda. Du kanske tror att det är coolt, men användarna kommer inte. De gillar förutsägbarhet, konsistens och enkelhet.
Ju lättare det är att interagera med någonting desto mer sannolika användare ska faktiskt trycka på en knapp. Det är därför som en-kransåtgärder är så viktiga.Hur vet du om din design är enkel nog? Det behöver en definierad struktur med en feedbackslinga för åtgärder, enkla instruktioner och visuella bilder, och ett meddelande som kommuniceras tydligt och är lätt att förstå.
Sluta inte utveckla
Att designa mikrointeraktioner är en evolutionär process. Eftersom det här är ett nytt koncept förändras det hela tiden. Det finns nya idéer och nya sätt att skapa något som användare vill knacka på.
Att hålla sig på spår med utvecklingen av mikrointeraktioner går tillbaka till de grunder som Dan Saffer först definierade. (Han skrev också en av de mest auktoritativa böckerna om ämnet,? Mikrointeraktioner: Designing with Details.?) Mikrointeraktioner inkluderar en fyrstegsprocess som börjar med en trigger-åtgärder, regler för hur interaktionen fungerar, en återkopplingsslinga så användaren vet något hände och loopar och lägen som dikterar hur framtida interaktioner ska fungera eller vad som kommer nästa. Håll det i åtanke och du kommer vara på väg till mikrointeraktionssucces.
Slutsats
Det finns många bitar för att designa något så lite. Så, tror inte att du kan skapa en mikrointeraktion om fem minuter och fortsätta. Att utforma en mikrointeraktion tar särskild hänsyn till och planering.
Kom ihåg att de bästa mikrointeraktionerna i allmänhet fungerar med en enda kran och är element som användarna inte ens tänker på att engagera sig i, även om de kommer regelbundet.