Mikrovuorovaikutus UX:ssä: salainen ase ikuiseen käyttäjien sitoutumiseen ja säilyttämiseen

Kun näytät videon YouTubessa, mitä näet? Ennen kuin videon toisto alkaa, sisällön suoratoisto kestää jonkin aikaa. Siihen asti näytöllä näkyy liikkeessä oleva puskurointikuvake. Tämä on täydellinen esimerkki mikrovuorovaikutuksesta.

Periaatteessa mitä tahansa tietyn prosessin visuaalista esitystä voidaan kutsua mikrovuorovaikutukseksi. Ne toimivat rakennuspalikoina, jotka lopulta parantavat käyttökokemusta. Jos UX on solu, mikrovuorovaikutus on DNA.

Puretaan se:

Mikrovuorovaikutus – mitä se tarkalleen on?

Mikrovuorovaikutus on olennainen osa UX:tä prosessi, joka välittää sovelluksen/ohjelmiston suorittaman toiminnon käyttäjän ohjeiden mukaan. Esimerkkejä ovat: lataus, puskurointi jne.

Lisäksi se parantaa pieniin toimintoihin liittyviä visuaalisia elementtejä. Tiedät kuinka Tykkää-painike hehkuu ennen kuin napsautat sitä. Ja kuinka se reagoi, kun lopulta napsautat sitä. Samaa voidaan käyttää kommenttiosiossa, jakamispainikkeissa, tilauspainikkeissa jne.

Jos haluat fyysisemmän esimerkin, ei ole parempaa esimerkkiä kuin hissi. Mitä sinä näet? Sarja painikkeita? Joo. Mutta mitä tapahtuu, kun painat yhtä? Oikein! Se hehkuu. Tämä on mikrovuorovaikutusta.

Et ehkä ymmärrä, mutta tämä yksinkertainen hehkutus luo miellyttävän kokemuksen hissin käyttäjälle. Kuvittele, jos se ei olisi hehkunut. Ei niin visuaalisesti tyydyttävää, eikö? Et myöskään tiedä, suorittaako prosessin hissi vai ei.

Sama voidaan tehdä sovelluksen/verkkoliittymän kanssa tyydyttävän käyttökokemuksen luomiseksi.

Joitakin kuvia, jotka poistavat epäilyksesi

Esimerkit ovat aina osoittautuneet hedelmällisemmiksi käsitteen määrittelyssä. Jotta ymmärrät oikein, mitä mikrovuorovaikutus todella on, katso nämä tapaukset:

• Kun olet painamassa Like-painiketta, painike palaa sinisenä. Kun vihdoin painat painiketta, sitä painetaan hieman, eikö niin? Tämä toimii osoituksena siitä, että toimiin on ryhdytty.
• Kun vierailet verkkosivustolla, näet Tietoja meistä, Palvelut, Blogi, Ota yhteyttä jne. Kun siirrät osoittimen yhden niistä päälle, se värjäytyy (yleensä linjassa verkkosivuston kanssa terävien kontrastien välttämiseksi). Jos siirrät kohdistinta vasemmalle ja oikealle, yksittäiset osat korostetaan erikseen. Tämä on myös esimerkki mikrovuorovaikutuksesta.
• Kun otat ominaisuuden käyttöön tai poistat sen käytöstä, näet, kuinka painike liikkuu edestakaisin kahden vaihtoehdon välillä. Kun napsautat POIS, pieni palkki (valkoinen/musta/jne) siirtyy OFF-tilaan. Sama ON-osan kanssa. Tämä on toiminnallisuuspohjaista mikrovuorovaikutusta.

• Toinen asia, jonka huomaat nykyään, erityisesti uutissivustoilla, kuten TechCrunch, on se, että aina kun selaat ylös ja alas, näet tietyn pyöreän kuvakkeen, joka seuraa liikettäsi navigoidessasi.

  Sen reunaan on asetettu tietty liikeväri, joka osoittaa, kuinka suuren osan sivusta olet peittänyt. Oletetaan, että sivu on melko pitkä, tämä auttaa lukijaa tietämään nykyisen sijaintinsa sivulla. Sen mukana tulee myös ristipainike, joka on upotettu siihen, jotta käyttäjä voi poistua artikkelista poistumatta sivustosta.

  Artikkeli sulkeutuisi, jolloin käyttäjä jää etusivulle, josta hän voi siirtyä mihin tahansa kiinnostavaan aiheeseen.

Joten näet, kuinka mikrovuorovaikutukset auttavat luomaan pieniä vaiheita, jotka lopulta johtavat parempaan käyttökokemukseen. On kiistatonta, että tietoarkkitehtuuri muodostaa tehokkaan käyttökokemuksen peruskehyksen, mutta samalla mikrovuorovaikutukset tehostavat tai katalysoivat käyttökokemuksen parantamisprosessia.

Jos tietoarkkitehtuuri on luuranko, mikrovuorovaikutukset ovat hermoja, jotka käynnistävät toimintoja ja reagoivat käyttäjiin sen mukaisesti.

Joten miksi se on tärkeää UX-suunnittelulle?

Kuten edellä mainittiin, on olemassa pohjimmiltaan kaksi elementtiä, jotka johtavat hyvään käyttökokemukseen, nimittäin: Tietoarkkitehtuuri ja MIcrointeraction Elements. Vaikka ihmiset tunnustavat IA:n merkityksen, mikrovuorovaikutus prosessina jää usein huomaamatta. Mutta mitä emme ymmärrä, on se, että ilman sitä entinen jää epätäydelliseksi. Katso, kuinka mikrovuorovaikutusprosessi on kätevä:

• Luot arkkitehtuurin ja perustyönkulun IA:n avulla, mutta siitä ei ole hyötyä, jos käyttäjä ei jää koukkuun jokaiseen vaiheeseen liittyviin pieniin yksityiskohtiin. Mikrovuorovaikutus auttaa sinua täyttämään nämä pienet yksityiskohdat.
• Asiakkaat rakastavat käyttämänsä käyttöliittymän hallintaa. Vaikka IA auttaa sujuvassa navigoinnissa ja prosessin kulussa, MI antaa heille hallinnan tunteen esittämällä visuaalisesti yksittäisiä suoritettavia prosesseja.
• Sen lisäksi, että MI korostaa erikseen jokaisen käyttäjän lähestyvän osan, mikä tekee eräänlaisen visuaalisen tyytyväisyyden erittäin sisäelinten tasolla.
• Tämä puolestaan ​​kasvattaa kyseisen osion arvoa käyttäjän mielessä ja samalla nostaa kiinnostustasoa käyttäjän päästä, mikä saa heidät napsauttamaan sitä luottavaisin mielin ja tyytyväisenä.

Joten näet, mikrovuorovaikutus auttaa vahvistamaan sovelluksen/verkkosivuston brändiarvoa. Yhteistyössä IA:n kanssa se auttaa luomaan kokonaispaketin oikean käyttökokemuksen tarjoamiseksi.

Mitkä ovat neljä perusvaihetta, jotka parhaiten määrittelevät mikrovuorovaikutuksen?

Et yksinkertaisesti voi kirjoittaa mikrovuorovaikutuksesta kohdatmatta näitä neljää mikrovuorovaikutusguru Dan Safferin keksimää vaihetta. Kirjassaan "MIcrointeraction" Saffer luokittelee koko prosessin seuraaviin vaiheisiin:

• Käynnistyselementti: Kaikki toiminnot, jotka käynnistävät mikrovuorovaikutusprosessin, lasketaan triggerelementeiksi. Esimerkiksi napsauttamalla painiketta, joka käynnistää prosessin.
• Sääntöelementti: Tämä määrittää itse toiminnon. Painat esimerkiksi painiketta ja se ohjaa sinut vastaavalle sivulle.
• Palauteelementti: Tämä ilmoittaa käyttäjälle, että prosessi on suoritettu. Esimerkiksi, kun napsautat jotain, se painetaan tai korostetaan.
• Silmukkaelementti: Käyttäjä, johon mikrovuorovaikutus vaikuttaa, pyrkii käyttämään kyseistä toimintoa toistuvasti. Mikrovuorovaikutukset toteutetaan siten, että käyttäjän psyyke jää koukkuun. Se kehottaa käyttäjää palaamaan useammin. Tämä on silmukkaelementti, jossa käyttäjä joutuu toistuvan vuorovaikutuksen käyttäytymissilmukaan.

Joten kuinka rakennat hyvän mikrovuorovaikutusympäristön käyttöliittymällesi?

Oletetaan, että suunnittelet sovelluksen rakentamista. Tai ehkä olet jo kehitysvaiheessa. Mutta sinulla ei ole vielä suunnitelmaa mikrovuorovaikutuksen sisällyttämisestä. Luet tämän artikkelin ja olet valmis sisällyttämään sen. Mutta miten teet sen? Koska olet IA-vaiheessa, voit tehdä seuraavasti:

• Kun kehität tiettyä käyttöliittymän osaa, esimerkiksi Tietoja meistä -osiota, pyydä kehittäjääsi keksimään koodi (ohjelmointi), joka tunnistaa kursorin sijainnin mainitussa elementissä ja korostaa sen automaattisesti paremman visuaalisen houkuttelevuuden saavuttamiseksi. Lisäksi, kun sitä napsautetaan, sen pitäisi näyttää siltä, ​​​​että se olisi hieman painettu.

• Sen jälkeen tulee navigointiosio. Kun käyttäjä napsauttaa osiota, se ohjelmoidaan ohjaamaan hänet seuraavaan asetukseen. Voit ottaa käyttöön puskuroinnin kaltaisen ominaisuuden, joka kuvaa käynnissä olevaa prosessia.

  Tämä auttaa sinua pitämään käyttäjäsi sitoutuneina, jos heillä on hidas internetyhteys tai sivun latautuminen kestää odotettua kauemmin. Kuvittele, mitä tapahtuisi, jos et käytä tätä.

  Käyttäjä tuntee yksinkertaisesti, että sovelluksesi/verkkosivusi ei toimi. He eivät koskaan saisi tietää, että ongelma johtuu selaimen päästä. Tämän seurauksena menetät asiakkaan. Käytä sen sijaan tätä tekniikkaa pitääksesi heidät mukana samanlaisissa tilanteissa.

• Yksi asia, joka useimmilla interaktiivisilla sovelluksilla on nykyään yhteistä, on tykkää-kommentoi-jako-osio. Oletetaan, että kehittämäsi sovellus auttaa käyttäjää selaamaan eri matkakohteita ympäri maailmaa ja valitsemaan suosikkinsa.

  Käytä mikrovuorovaikutuksen korostustekniikkaa tykkää-painikkeissa, jotta se luo hyvän käyttökokemuksen aina, kun joku vie kursorin sen päälle. Kuten aiemmin todettiin, sen pitäisi näyttää painava vaikutus, kun sitä napsautetaan.

  Jakamispainikkeissa voit luoda eräänlaisen avattavan valikon, joka koostuu erilaisista jakamisvaihtoehdoista, kuten Facebook, Twitter, WhatsApp jne. niin, että aina kun he vievät kohdistimen tämän osion päälle, se korostetaan tietyllä värillä ja näyttää avattavan valikon samanaikaisesti. .

  [Huomaa: kaikissa kolmessa osiossa käytettyjen värien tulee olla samanlaisia, jotta vältetään liiallinen visuaalinen kontrasti]

• Voit myös käyttää puskurointimallia erilaisille verkkosivustoille/sovelluksille. Korvaa vain puskurointiliikekuvake vastaavalle alustalle sopivilla. Jos esimerkiksi rakennat maksusovellusta, voit näyttää kolikkopinon lineaarisessa liikkeessä tai seteleitä, joita sekoitetaan maksuprosessin aikana.

  Tai ota esimerkiksi verkkokauppasovellus, jossa käyttäjät lisäävät jatkuvasti erilaisia ​​tuotteita henkilökohtaiseen ostoskoriin. Voit käyttää liikkeen kärrykuvaketta ilmoittamaan käyttäjälle, että valittua tuotetta lisätään jne.

Joten näet, on olemassa runsaasti laajuuksia, joissa voit käyttää mikrovuorovaikutuksia. Strateginen käyttö voi sitouttaa käyttäjän menestyksekkäästi pitkällä aikavälillä ja saada siten yhä enemmän brändiarvoa.

Mitä vaikutuksia mikrovuorovaikutuksilla on käyttäjän mieleen ja miten ne reagoivat?

Tähän asti olemme käsitelleet erityyppisiä mikrovuorovaikutuksia ja kuinka sinä voit yrittäjänä sisällyttää ne. Mutta se on vain kolikon yksi puoli. Toinen puoli on asiakas. Sen ymmärtäminen, kuinka ne reagoivat erilaisiin mikrovuorovaikutuksiin, voi auttaa sinua ohjaamaan prosessia tehokkaammin. Katso, mikä vaikutus mikrovuorovaikutuksilla on alitajuntaan:

• Kun käyttäjä joutuu kosketuksiin tietyn mikrovuorovaikutuksen kanssa, se laukaisee hänen hermostossaan hienovaraisen signaalin, joka saa hänet haluamaan käyttää sitä enemmän. Tämän seurauksena syntyy Habit Loop.
• Tämän seurauksena käyttäjä palaa kerta toisensa jälkeen ollakseen vuorovaikutuksessa tuotteen kanssa. Joten näet, se säilyttää käyttäjän/asiakkaan määräämättömän ajan.
• Kaikki markkinointistrategit käyttävät visuaalisuutta, koska he ovat tietoisia niiden mukanaan tuomista valtavista eduista. Ja mikrovuorovaikutus visuaalisena elementtinä voi manipuloida käyttäjän psyykettä konversioiden luomiseksi.
• Mikrovuorovaikutuksen palauteelementti luo mukavuuden tunteen käyttäjän mieleen, ja me kaikki tiedämme, kuinka asiakkaat nauttivat yksinomaisesta hallinnasta navigoidessaan haluamansa tuotteen läpi.
• Juuri mikrovuorovaikutusten tarjoamat liikkeet luovat mukavan tunteen, joka yhdistää käyttäjään sisäelinten tasolla. Tämä johtaa asiakkaiden vetovoimaan ja käyttäjäkunnan nopeaan kasvuun.

Lopulliset ajatukset

Tähän mennessä sinun on täytynyt ymmärtää, että mikrovuorovaikutuksen ydintehtävä on herättää IA eloon. Se parantaa verkkosivuston/sovelluksen dynaamista luonnetta. Vaikka ihmisillä on taipumus jättää huomioimatta mikrovuorovaikutuksen merkitys, he kuitenkin kokevat, että nämä ominaisuudet eivät toimi.

On tärkeää, että otat huomioon nämä pienet alitajuiset muutokset, jotka johtuvat tästä prosessista, olivatpa ne kuinka pieniä tai merkityksettömiä tahansa. Muista, että nämä pienet tehosteet johtavat lopulta onnistuneeseen käyttökokemukseen. Lao Tzun sanoin: "Tuhannen mailin matka alkaa yhdestä askeleesta."