Mikrointeraktsioon UX-is: salarelv kasutajate igaveseks kaasamiseks ja säilitamiseks

Kui vaatate YouTube’is videot, mida näete? Enne video esitamise alustamist kulub sisu voogesitamiseks teatud aeg. Seni kuvatakse ekraanil liikuv puhverdusikoon. See on suurepärane näide mikrointeraktsioonist.

Põhimõtteliselt võib konkreetse protsessi mis tahes visuaalset esitust nimetada MIkrointeraktsiooniks. Need toimivad ehitusplokkidena, mis lõpuks täiustavad UX-i. Kui UX on rakk, on mikrointeraktsioon DNA.

Teeme selle lahti:

Mikrointeraktsioon – mis see täpselt on?

UX-i lahutamatu osana on mikrointeraktsioon protsess, mis edastab rakenduse/tarkvara poolt kasutaja juhiste järgi teostatavat funktsiooni. Näited: laadimine, puhverdamine jne.

Samuti täiustab see väikeste funktsioonidega seotud visuaalseid elemente. Sa tead, kuidas nupp Meeldib helendab, enne kui sellel klõpsad. Ja kuidas see reageerib, kui lõpuks sellel klõpsate. Sama saab rakendada ka kommentaaride jaotise, jagamisnuppude, tellimisnuppude jms kohta.

Kui soovite füüsilisemat näidet, siis pole paremat näidet kui lift. Mida sa näed? Nuppude seeria? Jah. Aga mis juhtub, kui vajutate ühte? See on õige! See helendab. See on mikrointeraktsioon.

Te ei pruugi arugi saada, kuid see lihtne helendav toiming loob lifti kasutajale meeldiva kogemuse. Kujutage vaid ette, kui see poleks hõõgunud. Pole nii visuaalselt rahuldav, kas pole? Samuti ei tea te, kas protsessi viib läbi lift või mitte.

Sama saab teha rakenduse/veebi liidesega, et luua rahuldav kasutajakogemus.

Mõned illustratsioonid teie kahtluste kõrvaldamiseks

Näited on alati osutunud mõiste määratlemisel viljakamaks. Mikrointeraktsiooni õigeks mõistmiseks vaadake neid juhtumeid:

• Kui hakkate vajutama nuppu Meeldib, põleb nupp siniselt. Kui lõpuks nuppu vajutate, vajutatakse seda kergelt, kas pole? See näitab, et toiming on tehtud.
• Veebisaidi külastamisel näete Teave meie kohta, Teenused, Blogi, Võtke meiega ühendust jne. Kui viite kursoriga ühele neist, muutub see värviliseks (tavaliselt ühtlustub veebisaidi omaga, et vältida teravaid kontraste). Kui liigutate kursorit vasakule ja paremale, tõstetakse üksikud jaotised eraldi esile. See on ka näide mikrointeraktsioonist.
• Funktsiooni sisse- või väljalülitamisel näete, kuidas nupp kahe valiku vahel edasi-tagasi liigub. Kui klõpsate VÄLJAS, liigub väike riba (valge/must/jne) olekusse OFF. Sama ON osaga. See on funktsionaalsusel põhinev mikrointeraktsioon.

• Teine asi, mida märkate tänapäeval, eriti uudistesaitidel nagu TechCrunch, on see, et üles-alla kerides näete teatud ringikujulist ikooni, mis järgib teie liikumist navigeerimisel.

  Selle servale on seatud teatud liikumisvärv, mis näitab, kui suure osa lehest olete katnud. Oletame, et leht on üsna pikk, aitab see lugejal teada, milline on tema praegune asukoht lehel. Samuti on sellesse manustatud ristnupp, et kasutaja saaks artiklist väljuda saidilt lahkumata.

  Artikkel suletakse, jättes kasutaja avalehele, kust ta saab liikuda mis tahes muule tema arvates huvitavale teemale.

Nii näete, kuidas mikrointeraktsioonid aitavad luua väikseid samme, mis viivad lõpuks täiustatud kasutajakogemuseni. Ei saa eitada, et teabearhitektuur moodustab võimsa UX-i põhiraamistiku, kuid samal ajal täiustavad või katalüüsivad mikrointeraktsioonid UX-i täiustamise protsessi.

Kui teabearhitektuur on luustik, on mikrointeraktsioonid närvid, mis käivitavad funktsioone ja reageerivad kasutajatele vastavalt.

Miks on see UX-i disaini jaoks oluline?

Nagu eespool mainitud, on põhimõtteliselt kaks elementi, mis viivad hea kasutajakogemuseni, nimelt: teabearhitektuur ja mikrointeraktsiooni elemendid. Kuigi inimesed tunnistavad IA tähtsust, jääb mikrointeraktsioon protsessina sageli märkamatuks. Kuid mida me ei mõista, on see, et ilma selleta jääb esimene poolikuks. Vaadake, kuidas mikrointeraktsiooni protsess on kasulik:

• Arhitektuuri ja põhitöövoo loote IA abil, kuid sellest pole kasu, kui kasutaja ei jää iga sammuga seotud pisidetailide külge. Mikrointeraktsioon aitab teil neid pisiasju täita.
• Klientidele meeldib hallata kasutatava liidese üle. Kuigi IA aitab sujuvalt navigeerida ja protsesside kulgu, annab MI neile kontrolli tunde, kujutades visuaalselt läbiviidavaid üksikuid protsesse.
• Lisaks sellele tõstab MI eraldi esile iga sektsiooni, millele kasutaja läheneb, pakkudes omamoodi visuaalset rahulolu väga vistseraalsel tasemel.
• See omakorda tõstab selle konkreetse jaotise väärtust kasutaja mõtteredelil ning tõstab samal ajal huvitaset kasutaja otsast, ajendades teda sellele enesekindlalt ja rahulolevalt klõpsama.

Näete, et mikrointeraktsioon aitab tugevdada rakenduse/veebisaidi brändi väärtust. Koostöös IA-ga aitab see luua tervikliku paketi õige kasutajakogemuse pakkumisel.

Millised on neli põhietappi, mis kõige paremini määratlevad mikrointeraktsiooni?

Te ei saa lihtsalt kirjutada mikrointeraktsioonist, ilma et peaksite läbima neid nelja mikrointeraktsiooni guru Dan Safferi loodud sammu. Oma raamatus "MIcrointeraction" liigitab Saffer kogu protsessi järgmistesse etappidesse:

• Käivituselement: iga tegevust, mis käivitab mikrointeraktsiooni protsessi, loetakse käivituselemendiks. Näiteks klõpsates nupul, mis käivitab protsessi.
• Reeglielement: see määrab funktsiooni enda. Näiteks vajutate nuppu ja see suunab teid vastavale lehele.
• Tagasiside element: see teavitab kasutajat protsessi alustamisest. Näiteks klõpsate millelegi ja see vajutatakse või tõstetakse esile.
• Silmuste element: kasutaja, keda mikrointeraktsioon mõjutab, kipub seda konkreetset funktsiooni korduvalt kasutama. Mikrointeraktsioone rakendatakse nii, et kasutaja psüühika oleks sellega seotud. See sunnib kasutajat sagedamini tagasi tulema. See on silmuseelement, kus kasutaja satub korduva suhtluse käitumuslikku ahelasse.

Niisiis, kuidas luua oma liidese jaoks hea mikrointeraktsioonikeskkond?

Oletame, et plaanite luua rakendust. Või äkki olete juba arendusfaasis. Kuid teil pole veel plaani mikrointeraktsiooni kaasamiseks. Loete seda artiklit ja olete valmis seda samasse lisama. Aga kuidas sa sellesse suhtud? Arvestades, et olete IA faasis, saate teha järgmist.

• Liidese teatud jaotise, näiteks jaotise Meie kohta, arendamisel paluge oma arendajal välja pakkuda kood (programmeerimine), mis tuvastab kursori asukoha nimetatud elemendil ja tõstab selle automaatselt esile, et visuaalne oleks parem. Samuti peaks klõpsamisel paistma, nagu oleks see kergelt vajutatud.

• Pärast seda tuleb navigeerimise osa. Pärast seda, kui kasutaja klõpsab jaotisel, on see programmeeritud suunama ta järgmise seadistuseni. Mida saate teha, on võtta kasutusele puhverdamise laadne funktsioon, mis kujutab käimasolevat protsessi.

  See aitab teil hoida kasutajaid seotuna juhuks, kui neil on aeglane Interneti-ühendus või lehe laadimine võtab oodatust kauem aega. Kujutage ette, mis juhtuks, kui te seda ei kasuta.

  Kasutajale tundub, et teie rakendus/veebileht ei tööta. Nad ei saaks kunagi teada, et probleem tuleneb brauseri lõpust. Selle tulemusena kaotate kliendi. Selle asemel kasutage seda tehnikat, et hoida neid sarnastes olukordades kaasas.

• Üks asi, mis enamikul interaktiivsetel rakendustel on tänapäeval ühine, on meeldimise-kommentaaride-jagamise jaotis. Oletame, et teie arendatav rakendus aitab kasutajal sirvida erinevaid reisikohti üle maailma ja valida oma lemmikud.

  Kasutage sarnastel nuppudel mikrointeraktsiooni esiletõstmise tehnikat, et see looks hea kasutajakogemuse, kui keegi viib kursori selle kohale. Nagu varem öeldud, peaks see pärast klõpsamist näitama vajutamist.

  Jagamisnuppude juurde jõudes saate luua omamoodi rippmenüü, mis koosneb erinevatest jagamisvalikutest, nagu Facebook, Twitter, WhatsApp jne, nii et kui nad viivad kursori selle jaotise kohale, tõstetakse see konkreetse värviga esile ja kuvatakse samaaegselt rippmenüü. .

  [Märkus: kõigis kolmes jaotises kasutatavad värvid peaksid olema sarnased, et vältida liigset visuaalset kontrasti]

• Puhverdamismudelit saate kasutada ka erinevate veebisaitide/rakenduste jaoks. Lihtsalt asendage puhverdava liikumise ikoon vastavale platvormile sobivate ikoonidega. Näiteks kui loote makserakendust, saate kuvada müntide virna lineaarses liikumises või pangatähti, mida makseprotsessi ajal segatakse.

  Või võtame näiteks e-kaubanduse rakenduse, kus kasutajad lisavad pidevalt erinevaid kaupu oma isiklikku ostukorvi. Saate kasutada liikumiskäru ikooni, et teavitada kasutajat valitud kauba lisamisest jne.

Näete, et mikrointeraktsioonide kasutamiseks on palju võimalusi. Strateegiline kasutamine võib kasutajat pikaajaliselt edukalt kaasata, hankides seeläbi üha rohkem brändi väärtust.

Millist mõju avaldavad mikrointeraktsioonid kasutaja mõistusele ja kuidas nad sellele reageerivad?

Siiani oleme käsitlenud, millised on erinevad mikrointeraktsioonide tüübid ja kuidas saate ettevõtjana seda kaasata. Kuid see on vaid mündi üks külg. Teine pool on klient. Kui mõistate, kuidas nad reageerivad erinevat tüüpi mikrointeraktsioonidele, saate protsessi tõhusamalt suunata. Vaadake, millist mõju avaldavad mikrointeraktsioonid alateadvusele:

• Kui kasutaja puutub kokku teatud mikrointeraktsiooniga, käivitab see tema närvisüsteemis peene signaali, mis paneb teda rohkem kasutama. Selle tulemuseks on Habit Loop.
• Selle tulemusena tuleb kasutaja ikka ja jälle tagasi, et tootega suhelda. Nii et näete, see säilitab kasutaja/kliendi määramata ajaks.
• Visuaale kasutab iga turundusstrateeg, kuna nad on teadlikud nendega kaasnevatest tohututest eelistest. Ja mikrointeraktsioon visuaalse elemendina võib konversioonide loomiseks manipuleerida kasutaja psüühikaga.
• Mikrointeraktsiooni tagasisideelement tekitab kasutajas mugavustunde ja me kõik teame, kuidas kliendid naudivad soovitud tootes navigeerimisel eksklusiivset kontrolli.
• Mikrointeraktsioonide pakutavad liigutused loovad mugava tunde, mis ühendab kasutajaga vistseraalsel tasandil. Selle tulemuseks on klientide atraktiivsus ja kasutajabaasi kiire kasv.

Viimased mõtted

Nüüdseks olete kindlasti mõistnud, et mikrointeraktsiooni põhifunktsioon on IA ellu äratamine. See suurendab veebisaidi/rakenduse dünaamilist olemust. Kuigi inimesed kipuvad mikrointeraktsiooni tähtsust kahe silma vahele jätma, tunnevad nad siiski muret, kui need funktsioonid ei tööta.

On oluline, et tegeleksite nende väikeste alateadlike muutustega, mis sellest protsessist tulenevad, olenemata sellest, kui väikesed või näiliselt tähtsusetud need tunduvad. Pidage meeles, et need väikesed efektid viivad lõpuks eduka kasutajakogemuseni. Lao Tzu sõnadega: "Tuhande miili pikkune teekond algab ühest sammust."