Kā noformēt viena pieskāriena mikrointerakcijas
Mikrointerakcijas ir “slepenais mērcis”, kas liek lietotnēm un vietnēm spīdēt lietotājiem. Šīs sīkās detaļas ļauj viegli iestatīt modinātāju, nospiest pogu vai vienkārši labāk saprast, kā strādāt ar digitālu produktu.
Noslēpums ir tāds, ka vislabākā mikrointerakcija ir elementi, par kuriem lietotājs, iespējams, pat nedomā. Tās notiek vienā mirklī - bieži vien ar vienu pieskārienu mobilajā ekrānā. Neskatoties uz mijiedarbības mazo raksturu, tātad “mikro”, lietotājiem šī vērtība ir milzīga, jo šīs iesaistes kļūst arvien integrētākas ikdienas aktivitātēs.
Kā jūs projektējat viena pieskāriena mikrointerakcijas, kas priecēs lietotājus? Šeit ir dažas idejas.
Izpētiet Envato elementus
Pogas atdzīvināšana
Vai atceraties, kad pirmo reizi pamanījāt Facebook, piemēram, pakalpojumā Messenger? Jūs pieskārāties ikonai “īkšķi uz augšu”, un tā lodziņā kļuva par personu, ar kuru jūs tērzējat. Vai tas tev lika pasmaidīt? Vai šī mazliet kustība sagādāja jums nelielu sajūsmu?
Vienkārša animācija pirms pieskāriena, lai to pamudinātu, vai pēc pieskāriena, lai parādītu, ka darbojas mikrointerakcija, ir drošs veids, kā radīt kaut ko, ko lietotāji vēlas pieskarties. Nelielas animācijas sniedz informāciju par notiekošo, lai lietotāji justos ērti un pārliecināti par savām lomām atgriezeniskās saites sistēmā.
Nevajag
Animācijai vajadzētu būt tikpat vienkāršai kā pati mikrointerakcija. Turiet kustības vienkāršas un plūstošas, ātri palaižamas un pabeigtas. Vērtējuma pievienošana IMDb notiek pēc šī principa; virziet kursoru virs reitinga un ātri redziet pievienojamo zvaigžņu skaitu, pārvietojoties pa katru no tām. Pieskarieties, lai noklikšķinātu, lai pabeigtu un apstiprinātu darbību.
Sniedziet opcijas
Tā ir mācība UX, kas iet atpakaļ uz skolu un bērnudārzu mīlestības vēstulēm. Vai es tev patīku? Pārbaudiet jā vai nē.
Lielu mikrointerakciju var izveidot, izmantojot to pašu koncepciju. Dodiet lietotājiem divas ātras izvēles iespējas. Pieskarieties, lai sāktu (vai apturētu) darbību; pieskarieties, lai pārslēgtu. Lietotāji vēlas izdarīt izvēli un justies kontrolējot digitālo pieredzi, taču nevēlas, lai tur nokļūtu ar vairākiem ekrāniem.
Izveidojiet tūlītēju darbību
Labākais veids, kā nodrošināt lietotāju mijiedarbību ar jūsu mikrointerakciju? Rezultātam jābūt tūlītējam. Vēlamajam rezultātam vajadzētu būt:
- Notiek ar vienu pieskārienu
- Veiciet vēlamo darbību 0, 1 sekundes laikā
Mikrointerakciju tiešumam ir būtiska nozīme viņu panākumos. Tā kā šie elementi ir niecīgi, jebkura darbības kavēšanās kaitinās lietotājus. (Vienkārši padomājiet, cik neapmierinoši būtu, ja signāla izslēgšanai būtu nepieciešami trīs pieskārieni vai ja sarunas laikā zvana signāla apklusināšana notiktu pēc 2 sekundēm.)
Ātra pārslēgšanās starp līdzīgu (vai atšķirīgu) vai sekošanu Instagram ir lielisks piemērs. Tas ir, cik ātrai jābūt jūsu mikrointerakcijai.
Atkārtojuma dizains
Viena no lietām, kas padara mikrointeraktīvu atšķirīgu no dažiem citiem interaktīviem elementiem jūsu lietotāja saskarnē, ir tā, ka tie tiks izmantoti atkal un atkal. Mikrointerakcijas parasti nav paredzētas vienreizējai lietošanai. (Cik reizes pēdējā stundā esat pieskāries Instagram sirds formas pogai?)
Izstrādājiet šo atkārtoto darbību, taču darbībai nevajadzētu justies kā atkārtotai kustībai. Lai gan tas varētu likties daudz, kas jāpieņem, tas attiecas uz krāna intuitīvo raksturu. Vai tas ir acīmredzams un dabiski? Ja lietotājam nav jādomā par darbību, viņš to nekad neatkārtos.
Izmantojot vispārpieņemtus lietotāju modeļus, animācijas un ikonu stilus, palīdzēsit veidot mikrointerakcijas. Neizgudrojiet riteni šeit; ļauj lietotājiem ērti izpildīt uzdevumus ar vienu pieskārienu un bez galvas saskrāpēt galvu par to, kā to izdarīt.
Padariet to lasāmu un relatīvu
Šis ir solis, kas pārāk bieži tiek aizmirsts - instrukcijām, kas atrodas mikrointerakcijās, jābūt lasāmām un maināmām.
Lasāms attiecas uz jebkuru tekstu vai instrukcijām, jo tie attiecas uz mikrointerakciju. Vārdiem jābūt viegli pamanāmiem un skenējamiem. Raugoties no dizaina viedokļa, galvenais ir izvēlēties labu burtveidolu un nodrošināt, ka ap vārdiem ir pietiekami daudz vietas, kā arī ir daudz kontrastu starp burtiem un fonu. Esiet prom no saīsinātiem, plāniem vai jauniem burtveidoliem, kurus vienā mirklī nav viegli lasīt.
Savietojams attiecas uz tekstu, kas lasāms tāpat kā cilvēki runā. Jāizvairās no neparastas valodas vai neērtas frāzes. Lielisks piemērs ir formas laukos esošās instrukcijas, kas pazūd, kad lietotājs sāk rakstīt. Tas jo īpaši attiecas uz gadījumiem, kad formulējumā tiek izmantots signāls vai balss, ko lietotājs sagaida no zīmola vai vietnes, ar kuru viņi mijiedarbojas.
Koncentrējieties uz detaļām
Mikrointerakcija ir viena no daudzajām dizaina detaļām, kas veidos jūsu interfeisu. Īpaši uzmanīgi jums jārīkojas ar katru no viņiem.
Mikrointerakcijām vajadzētu justies kā daļai no kopējā dizaina. Bet par šīm niecīgajām darbībām ir jādomā arī citos veidos. Sākot ar krāsu izvēli un beidzot ar elementu lielumu, ar kuru lietotājam ir jāsadarbojas, šī informācija pamudinās rīkoties vai liks lietotājiem pamest dizainu kaut kam citam.
Tāpat kā ar jebkuru citu dizaina elementu, izveidojiet stila un dizaina noteikumu kopumu mikrointerakcijām lietotnē vai vietnē, lai darbības būtu konsekventas visā dizainā un lietotājiem būtu viegli atrast un ar tām saistīt. Jo smalkāks elements vai mijiedarbība, jo svarīgākas detaļas kļūst.
Saglabā to vienkāršu
Ar miljonu reižu to pateikt nepietiek - saglabājiet to vienkārši. Ir vienkārši pārāk daudz dizainu, kurus ir pārāk grūti izmantot. Varētu domāt, ka tas ir forši, bet lietotāji to nedarīs. Viņiem patīk paredzamība, konsekvence un vienkāršība.
Jo vieglāk ir mijiedarboties ar kaut ko, jo lielāka iespējamība, ka lietotāji reāli piesitīs pogai. Tāpēc viena pieskāriena darbības ir tik svarīgas. Kā jūs zināt, vai jūsu dizains ir pietiekami vienkāršs? Tam vajadzīga noteikta struktūra ar atgriezeniskās saites cilpu darbībām, vienkāršas instrukcijas un vizuālie attēli, kā arī ziņojums, kas ir skaidri paziņots un viegli saprotams.
Nepārtrauciet attīstību
Mikrointerakciju projektēšana ir evolūcijas process. Tā kā šī ir tik jauna koncepcija, tā visu laiku mainās. Ir jaunas idejas un jauni veidi, kā izveidot kaut ko tādu, ko lietotāji vēlas pieskarties.
Uzturēšanās uz ceļa ar mikrointerakciju attīstību atgriežas pie pamatiem, kurus vispirms definēja Dans Safērs. (Viņš arī ir rakstījis vienu no autoritatīvākajām grāmatām par tēmu “Mikrointerakcijas: projektēšana ar detaļām”.) Mikrointerakcijās ietilpst četru soļu process, kas sākas ar sprūda darbību, noteikumi par mijiedarbības darbību, atgriezeniskās saites cilpa, lai lietotājs zinātu. kaut kas noticis, un cilpas un režīmi nosaka, kā turpmāk darbosies mijiedarbība vai kas notiks tālāk. Paturiet to prātā, un jūs nonāksit ceļā uz mikrointegrācijas panākumiem.
Secinājums
Lai izstrādātu kaut ko tik mazu, ir ļoti daudz gabalu. Tāpēc nedomājiet, ka varat izveidot mikrointerakciju piecās minūtēs un turpināt darbu. Mikrointerakcijas projektēšana tiek īpaši apsvērta un tiek plānota.
Atcerieties, ka labākās mikrointerakcijas parasti darbojas ar vienu pieskārienu un ir elementi, par kuriem lietotāji pat nedomā par iesaistīšanos, kaut arī regulāri.
