Kas pasaulyje yra mikrointerakcijos?

„UX Design“Paula Borowska • 2018 m. Balandžio 23 d • 5 minutės SKAITYTI

Mikro sąveika yra aplink mus. Paprasčiau tariant, tai yra konkretus sąveikos su vartotojo sąsaja momentas. Pateiksiu jums įprastą pavyzdį: kai vartotojas paliečia mygtuką programoje mobiliesiems ir mygtukas patraukia navigaciją, tai yra mikrointerakcija.

Konkrečiau, mikrointerakcijos yra animacijos ir sąsajos pakeitimai, kurie įvyksta vartotojui sąveikaujant su kuo nors. Laikykite jas interaktyviomis, bet informatyviomis animacijomis. Yra daugybė priežasčių, kodėl reikia naudoti mikrointerakcijas. Dabar galiu tau duoti keturis.

1. Pagerintas naudojimas per mikrointerakcijas

Pirmas geras dalykas, susijęs su mikrointerakcijomis, yra geresnis naudojimas. Jei meniu animacija iš mano pateikto pavyzdžio slenka žemyn ir virš turinio, kurį vartotojas tik žiūrėjo, tai patvirtina vartotoją. Ši animacija leidžia vartotojui žinoti, kas vyksta per vaizdinius ženklus.

Dabar jie supranta, kad ankstesnis turinys vis dar yra jiems, jei jie nusprendžia išeiti, kad meniu yra laikinas, taip sakant. Tai padeda vartotojui daug geriau suprasti programą ir jos sąsają, jei vietoj to meniu tiesiog atsirado ekrane, kaip dauguma daro pagal numatytuosius nustatymus. Programos sklandumas ir jos turinio santykis yra daug akivaizdesnis vartotojui, naujas ar pasikartojantis, turintis mikrointerakcijų.

Naudodamas šį peržiūros pavyzdį, vartotojas gali tikėtis, kad turinys slinks iš dešinės, kol bus baigtas. Laukti nereikia, nes trūksta gaivos. Sąveika su šia peržiūra atrodo sklandesnė dėl animacijų. Tai leidžia nesąmoningai pereiti, o tai yra fantastika, kai vartotojams nereikia galvoti.

Kaip ir hipotetiniame pavyzdyje, kurį pateikiau šio skyriaus pradžioje, ši mikrointerakcija leidžia vartotojui suprasti, kad meniu piktograma atskleis ploną turinio skaidrę, su kuria galėsite toliau bendrauti. Sąveikaujant su meniu piktograma nieko neišnyksta, turinys lieka nepakitęs ir tai yra paprastas patvirtinimas pradedantiesiems šios programos vartotojams.

2. Geresnis prekės ženklo naudojimas naudojant mikrointerakcijas

Mikro sąveika yra puikus būdas pagerinti bendrą programos patirtį. Animacijos gali suteikti daug asmenybės, kuri padidina prekės ženklo patirtį. Be to, mikrointerakcijos gali padėti jaustis lengviau ir sklandžiau. Tai taip pat puikiai tinka prekės ženklui.

Man patinka šis pavyzdys, nes sklandžios vartotojo sąsajos animacijos yra puikus būdas suteikti vartotojams geresnį prekės ženklą. Tai leidžia vartotojui redaguoti sistemoje esančią kreditinę kortelę, neiššokant per ratus ir nepasimesti. Tokia nepriekaištinga patirtis – dėl gražios vartotojo sąsajos ir animacijų – taip pat suteikia malonesnę prekės ženklo patirtį.

3. Pateikite vartotojams grįžtamąjį ryšį per mikrointerakcijas

Mikro sąveika taip pat gali padėti pateikti grįžtamąjį ryšį vartotojui. Tarkime, kad vartotojas pateikė kažką mūsų įsivaizduojamoje programoje pagal ankstesnį pavyzdį. Mygtukas „Pateikti“ virsta krautuvu ir pranešimu, kad pateikimas buvo sėkmingai atliktas.

Krautuvas yra pirmasis atsiliepimo apie užklausą apdorojimo taškas. Patvirtinimas yra antroji atsiliepimo forma, kad jis sėkmingai apdorotas. Net jei užklausa galiausiai nepavyko ir vietoj sėkmės atsirado klaida ar nepavykęs pranešimas, tai vis tiek yra atsiliepimas vartotojui per mikrointerakcijas.

Aukščiau pateiktas mikrointerakcijos gif yra būtent tai, ką aprašiau aukščiau. Tai aiškiai parodo atsiliepimą, nes programa ar svetainė veikia fone. Nieko sudėtingo nevyksta. Tai tiesiog švarūs ir nesudėtingi animacijos perėjimai. Ko dar galėtum paprašyti?

Šis pavyzdys man patinka, nes jame aiškiai pavaizduotas daug lengviau suprantamas slankiklių naudojimas. Kartais gali būti labai sunku naršyti, ypač mobiliaisiais telefonais. Vis dėlto ši vartotojo sąsaja sklandžiai animuoja skaičius, kai slenkate. Dėl pasirinkto skaičiaus nėra jokios painiavos; šią painiavos stygių lemia ir lengvas grįžtamasis ryšys.

Sklandi animacija leidžia vartotojui aiškiai pamatyti, kokia vartotojo sąveika praneša slankikliui ir kokią įtaką jis daro norimam skaičiaus pasirinkimui.

4. Suteikite vartotojams kontrolės jausmą per mikrointerakcijas

Vartotojams reikia kontrolės jausmo. Ar kada lankėtės svetainėje, kurioje spustelite mygtuką ar nuorodą, ir niekas nevyksta sekundę ar dvi, kol galiausiai nebus įkeltas naujas tinklalapis? Ar tai neerzina? Tai erzina, nes nežinai, kas vyksta. Jūs nežinote, ar mygtukas sulaužytas. Jūs nežinote, ar turėtumėte spustelėti dar kelis kartus. Pastarasis sprendimas gali būti tikrai blogas, jei tai, pavyzdžiui, mygtukas kasos puslapyje, nors jis yra daugiau ar mažiau nekenksmingas su nuoroda į tinklaraščio įrašą.

Tai baisi vartotojo patirtis, todėl vartotojas nebekontroliuojamas. Kaip ir jūs, ir aš, vartotojas nustemba, nes nieko nevyksta.

Pirmoji mikrointerakcija išnyksta fone. Tai smagu, skirtinga ir suteikia programos asmenybę. Tai įdomu ir jokiu būdu ne nuobodu ar tipiška. Išnykęs fonas taip pat leidžia vartotojui žinoti, kad tai, ką jie palietė, atsidaro.

Antroji mikrointerakcija yra, kai + keičiasi į x. Tai aiškiai parodo vartotojui, kad galite naudoti tą pačią vietą ekrane, kad uždarytumėte meniu, kuris ką tik pasirodė per ekraną. Vartotojas žino, kas vyksta, jis kontroliuoja ir gauna atsiliepimą apie savo veiksmus.

Šioje įlaipinimo koncepcijoje reikia atkreipti dėmesį į daugybę mikrointerakcijų. Aš atkreipsiu dėmesį tik į pasikartojančius slankiklius. Kai kurie yra dantys, vienas – liežuvis. Tačiau animacijos, vykstančios vartotojui spustelėjus kitą skaičių ar paslinkus liežuviu, yra geras būdas pranešti vartotojui, kad jų sąveika – spustelėjimas buvo efektyvus.

Be to, atkreipkite dėmesį į teksto pasikeitimą, kai liežuvis slenka į kairę. Tekstas auga per sekundės dalį ir dar kartą patvirtina, kad jis buvo pasirinktas. Vartotojui niekada nelieka atspėti, kas vyksta ir ar sąveika buvo efektyvi.

Išvada

Mikrointerakcijos yra iš pažiūros nesvarbios dizaino detalės, kurios iš tikrųjų gali turėti teigiamą poveikį vartotojo patirčiai.

Nuo geresnio prekės ženklo naudojimo patobulinimo iki įsitikinimo, kad vartotojai nesupainiojami, mikrointerakcijos padeda stipriai naudoti.