Kuidas kujundada ühe nupuvajutusega mikrointeraktsioone
Mikrointeraktsioonid on “salajane kaste”, mis paneb rakendused ja veebisaidid kasutajatele särama. Need pisikesed detailid võimaldavad hõlpsasti alarmi seadistada, nuppu vajutada või lihtsalt paremini aru saada, kuidas digitaalse tootega töötada.
Saladus on see, et parimad mikrointeraktsioonid on elemendid, millest kasutaja tõenäoliselt isegi ei mõtle. Need toimuvad hetkega - sageli vaid ühe puudutusega mobiiliekraanil. Vaatamata interaktsiooni väikesele olemusele, seega “mikro”, on väärtus kasutajatele tohutu, kuna need kaasamised integreeruvad igapäevase tegevusega.
Kuidas kavandada ühe nupuvajutusega mikrointeraktsioone, mis kasutajaid rõõmustavad? Siin on mõned ideed.
Uurige Envato elemente
Nupu animeerimine
Kas mäletate esimest korda, kui märkasite Facebooki nagu Messengeris? Te koputasite ikooni “pöidlad üles” ja see kastis kasvas inimeseks, kellega vestlesite. Kas see pani sind naeratama? Kas see natuke liigutamine pakkus teile natuke rõõmu?
Lihtne animatsioon enne kraani julgustamist või pärast seda, kui mikrointeraktsiooni toimimine on teada, on kindel viis luua midagi, mida kasutajad tahavad puudutada. Väikesed animatsioonid pakuvad teavet toimuva kohta, nii et kasutajad tunnevad end oma tagasiside tagasisides rollides mugavalt ja enesekindlalt.
Ära tee seda
Animatsioon peaks olema sama lihtne kui mikrointeraktsioon ise. Hoidke liigutused lihtsad ja sujuvad ning kiirete alustamise ja lõpetamisega. IMDb-le reitingu lisamine järgib seda põhimõtet; hõljutage kursorit reitingu kohal ja näete kiiresti tärnide arvu, kui liigute neist üle. Toimingu lõpetamiseks ja kinnitamiseks klõpsake nuppu.
Esitage valikud
See on UX-i tund, mis ulatub tagasi kooli ja lasteaia armastuskirjade juurde. Kas ma meeldin sulle? Kontrollige jah või ei.
Suurepäraseid mikrointeraktsioone saab kujundada sama kontseptsiooni abil. Andke kasutajatele kaks kiiret valikut. Toimingu algatamiseks (või peatamiseks) koputage; toksake vahetamiseks. Kasutajad tahavad teha valikuid ja tunnevad end digitaalsete elamuste üle kontrolli all, kuid nad ei soovi sinna sattumiseks mitme ekraani alla jääda.
Loo kohene tegevus
Parim viis tagada, et kasutajad suhelda saavad teie mikrointegratsiooniga? Tulemus peaks olema kohene. Soovitud tulemus peaks:
- Toimub ühe kraaniga
- Tehke soovitud toiming 0, 1 sekundi jooksul
Mikrointeraktsioonide vahetu tähtsus on nende õnnestumiseks ülioluline. Kuna nende elementide iseloom on väike, häirib iga viivitus tegevus kasutajaid. (Mõelge vaid, kui pettumust valmistaks see, kui häire väljalülitamiseks kuluks kolm kraani või kui koosoleku ajal oleks kõne helistaja vaigistamiseks vaja 2 sekundit viivitust.)
Kiire lülitus Instagramis sarnase (või mitte erineva) või jälgimise vahel on suurepärane näide. Nii kiire peaks olema teie mikrointegratsioon.
Kujundus korduseks
Üks asi, mis eristab mikrointeraktsiooni teistest teie kasutajaliidese interaktiivsetest elementidest, on see, et neid kasutatakse ikka ja jälle. Mikrointeraktsioonid ei ole tavaliselt mõeldud ühekordseks kasutamiseks. (Mitu korda olete viimase tunni jooksul koputanud Instagrami südamekujulist nuppu?)
Kujundage see korduv toiming, kuid see ei tohiks tunda korduvat liikumist. Ehkki see võib tunduda palju, et seda tuleks palju sisse viia, taandub see kraani intuitiivsele olemusele. Kas see on ilmne ja loomulik? Kui kasutaja ei pea toimingule mõtlema, ei leia ta seda kunagi korduvana.
Mikrointeraktsioonide kujundamise juhised aitavad üldtunnustatud kasutajamustrite, animatsioonide ja ikoonistiilide kasutamisel. Ärge leiutage siin ratast uuesti; tehke kasutajatele hõlpsaks ülesannete täitmine ühe koputusega ja ilma, et nad peaksid pead kratsima.
Muutke see loetavaks ja võrreldavaks
Siin unustatakse liiga sageli - mikrointeraktsioonide juhised peavad olema loetavad ja ümberpaigutatavad.
Loetav viitab mis tahes tekstile või juhistele, kuna need on seotud mikrointeraktsiooniga. Sõnu peab olema lihtne näha ja skaneerida. Kujunduse seisukohast on võtmetähtsusega hea kirjatüübi valimine ja sõnade ümber piisavalt ruumi tagamine ning tähe ja tausta vahel suur kontrastsus. Hoidke eemal lühikestest, õhukestest või uudsest kirjatüüpidest, mida pole lühidalt kerge lugeda.
Vastuvõetav viitab tekstile, mis loeb samamoodi nagu inimesed räägivad. Vältida tuleks aeg-ajalt kasutatavat keelt või ebamugavat fraasimist. Vormiväljade sees olevad juhised, mis kaovad kasutaja sisestamise alustamisel, on hea näide. See kehtib eriti siis, kui sõnastus kasutab heli või häält, mida kasutaja eeldab kaubamärgilt või veebisaidilt, kellega nad suhtlevad.
Keskenduge üksikasjadele
Mikrointeraktsioon on üks paljudest disaini detailidest, mis moodustavad teie liidese. Kõigi nende puhul peate olema eriti ettevaatlik.
Mikrointeraktsioonid peaksid tunduma üldise kujunduse osana. Kuid peate nende pisikeste toimingute peale mõtlema ka muul viisil. Alates värvivalikust kuni elementide suuruseni, millega kasutaja peab suhtlema, julgustavad need üksikasjad tegutsema või panevad kasutajad loobuma kujundusest millegi muu jaoks.
Nagu kõigi teiste kujunduselementide puhul, looge rakenduse või veebisaidi piires mikrointeraktsioonide jaoks stiili- ja kujundusreeglid, et toimingud oleksid kogu kujunduse vältel ühtsed ja kasutajatel hõlpsasti leitavad ning nendega suhelda. Mida õhem element või interaktsioon on, seda olulisemaks muutuvad detailid.
Hoidke see lihtne
Miljon korda öeldes ei piisa - pidage seda lihtsaks. Seal on lihtsalt liiga palju disainilahendusi, mida on liiga raske kasutada. Võite arvata, et see on lahe, kuid kasutajad seda ei tee. Neile meeldib ennustatavus, järjepidevus ja lihtsus.
Mida lihtsam on millegiga suhelda, seda tõenäolisem on, et kasutajad tegelikult nuppu koputavad. Sellepärast on ühe nupuvajutusega toimingud nii olulised. Kuidas te teate, kas teie disain on piisavalt lihtne? See vajab määratletud struktuuri koos tegevussuundade tagasisideahela, lihtsate juhiste ja visuaalidega ning selgelt edastatava ja kergesti mõistetava sõnumiga.
Ära lõpeta arendamist
Mikrointeraktsioonide kavandamine on evolutsiooniline protsess. Kuna see on nii uus kontseptsioon, muutub see kogu aeg. On uusi ideid ja uusi viise, kuidas luua midagi, mida kasutajad tahavad puudutada.
Mikrointeraktsioonide arenguga kursis püsimine ulatub tagasi põhitõdedesse, mille Dan Saffer kõigepealt määratles. (Ta on kirjutanud ka ühe autoriteetseima raamatu teemal „Mikrointeraktsioonid: kujundamine detailidega“). Mikrointeraktsioonid hõlmavad neljaastmelist protsessi, mis algab päästiku toiminguga, interaktsiooni toimimise reeglid, tagasisideahel, nii et kasutaja teaks midagi juhtus ning silmused ja režiimid, mis dikteerivad, kuidas tulevane koostoime töötab või mis saab edasi. Pidage seda meeles ja olete teel mikrointegratsiooni edu juurde.
Järeldus
Millegi nii väikese kujundamiseks on palju tükki. Nii et ärge arvake, et saate viie minutiga luua mikrointegratsiooni ja liikuda edasi. Mikrointeraktsiooni kavandamisel võetakse eriti arvesse ja kavandatakse.
Pidage meeles, et parimad mikrointeraktsioonid töötavad tavaliselt ühe puudutusega ja on elemendid, millega kasutajad isegi ei mõtle kaasamiseks, ehkki nad teevad seda regulaarselt.
