Igishushanyo ntabwo ari pigiseli gusa. Biragenda kandi byiyumvo, nabyo. Ibicuruzwa bimwe byumva cinematire nkuko bituyobora muburyo budashidikanywaho, gutabarwa, kwigirira icyizere, no gutuza tutadukingiye hirya no hino. Nibyo Amarangamutima muri Flow. Abandi basuzugura ibihe byabo hamwe no gusetsa ahantu habi, gutungurwa gutunguranye, cyangwa gusimbuka gusimbuka. Nibyo Amarangamutima mu makimbirane. Ibi ntabwo ari ibitekerezo bya UX gusa. Urashobora kubabona ahantu hose mu myidagaduro. Kandi inzira isobanutse yo kumva itandukaniro nukugereranya uburyo anime ikemura impinduka zamarangamutima nuburyo firime za Marvel na DC zitsitara. Tuzakoresha ingero ebyiri zihariye, imwe yo muri Dan da Dan (urukurikirane rwa anime kuri Netflix) nimwe muri firime ya Superman ya James Gunn, kugirango dusobanure ibyo bitekerezo byombi, hanyuma tubihindure muburyo bwo gushushanya ibicuruzwa ushobora gukoresha ako kanya. Icyitonderwa: Tuzibanda kubicuruzwa bya digitale, harimo porogaramu, SaaS, nurubuga. Amarangamutima Atemba (Anime: Dan da Dan) Muri Dan da Dan, urutonde rwa tone ni ishyamba, ubwoba, urwenya, ubwuzu, nyamara ruratemba. Urugero: Muri arc imwe, abakinyi b'intwari bari mubushakashatsi budasanzwe, busetsa burimo "imyanya ndangagitsina ya zahabu" y'umwe mubantu nyamukuru (yego, mubyukuri), naho mubindi, twashushanijwe ninkuru ibabaza umutima yumubyeyi washimuswe. Ku mpapuro, iryo hinduka rigomba kuba impanuka y'imodoka. Kuri ecran, birahujwe kandi mumarangamutima birasomeka. Kuki iyi mirimo ikora kuri ecran?
Gukomeza imigabane.Nubwo iyo gag iguye, intego zinyuguti hamwe nakaga bigumaho. Urwenya rusohora impagarara nyuma ya mini - imyanzuro; ntabwo ihakana iterabwoba. Ibimenyetso bisobanutse neza.Umuziki, gushushanya, kwihuta, hamwe nimiterere ya telegraph ibyiyumvo bikurikira. Wamamaye kuri shift, urayigenderamo aho kugirango yanked. Inanga imwe y'amarangamutima.Ubusabane bukomeza kuba Inyenyeri y'Amajyaruguru, bityo umutima wibibaho ntuzimire iyo ijwi ryimutse.
Nigute ibi bisobanurwa muri UX? Ibicuruzwa byiza bikora kimwe: tegura, inzibacyuho, wiyemeze, abakoresha rero bakomeze kwibizwa uko ijwi ryamarangamutima rihinduka.
Amarangamutima Mu makimbirane (Marvel / DC: Superman wa James Gunn) Lois & Clark barimo kugirana ibiganiro bivuye ku mutima, byimbitse, umwanya muto, wumuntu, mugihe inyuma yinyuma ya gag yiruka ikina (igisimba kigenda cyuzura hamwe na bati nini ya baseball). Gag yibye intumbero neza mugihe ibibaho bigusabye kumva ikintu gifatika. Igisubizo ni amakimbirane ya tone atera amarangamutima aho kuyarekura. Kuki ibi binanirwa kuri ecran?
Kwiyongera kwumutwaro wubwenge.Ni ibiki bibera hano ikarita itaziguye kubitekerezo byubwenge. Iyo ikintu (cyangwa interineti) gisabye abakoresha gutunganya ibimenyetso bibiri byamarangamutima icyarimwe icyarimwe, bizana umutwaro udasanzwe wubwenge, imbaraga zo mumutwe zidafite aho zihuriye numurimo cyangwa umwanya ubwawo. Aho kwibanda ku gukubita amarangamutima, kwitandukanya bigabanijwe hagati y'ibimenyetso bidakemurirana. Mu bicuruzwa, ibi nibibaho mugihe urwenya, kuzamurwa mu ntera, cyangwa UI itunguranye byinjira byinjira mugihe kinini: abakoresha bahatirwa gusobanura amajwi nintego icyarimwe bagerageza gukora, bidindiza gusobanukirwa no kongera imihangayiko. Kurushanwa gukubita icyarimwe.Urwenya rwuzuza indunduro yo gukubita bikomeye; abumva bategera kuri switch aho kumva ibyiyumvo. Nta tone ya tone.Nta nzibacyuho itera ubucuti mbere yuko urwenya rugera, umwanya rero urumva ko ari munsi aho gukemurwa.
Nigute ibi bisobanurwa muri UX? Mubicuruzwa, iki nikibazo cya confetti-mbere-yo kwemeza, ikosa ryumusaya mumafaranga, cyangwa promo modal igaragara neza hagati yumurimo utoroshye. Ibi kandi bitera umutwaro wo kumenya: abakoresha bagomba gutunganya urwenya mugihe bagerageza gukemura ikibazo, kibadindiza kandi cyongera stress.
Ibisobanuro Byihuse Amarangamutima muri FlowEmotional ihinduka yumva yinjije, telegaramu, kandi igihe kugirango bakemure gukubitwa mbere. Kwibiza bifata.Imyumvire muri ConflictA jarring switch (cyangwa gukata cyane) itobora amarangamutima nzima. Kwibiza.
Noneho ko tumaze kuyita: ibi bihuza bite na UX? Uburyo Amarangamutima Yibutsa Ibicuruzwa Abantu ntibibuka impuzandengo yuburambe; bibuka impinga nimpera. Niba impanuka yawe itemba ari gucika intege, cyangwa iherezo ryawe ririmo akajagari, nibyo bikomera. Shushanya rero amarangamutima amarangamutima ku ntego. Amarangamutima abaho mubice bitatu (uhereye kumarangamutima ya Don Norman), kandi ibicuruzwa byawe bigomba kubitondekanya:
Visceral (gut)umukoresha; intsinzi yoroheje chime / haptic kanda ireka gutsindira ubutaka nta gutaka; guhora byoroshye / icyerekezo kibwira ijisho icyahindutse. Imyitwarire (gukora): Nshobora kurangiza inshingano zanjye neza? Ubuvanganzo hano busobanura guhangayika. Ingero: Intambwe eshatu zisobanutse zo kwishyura hamwe niterambere riteganijwe; ikosa rivuga ibyabaye nuburyo bwo gukira; inline kwemeza aho gutangirira kumpera. Ibitekerezo (bisobanura): Inkuru mvuga ubwanjye nyuma, "Ese ibyo byari bifite agaciro? Ibi ndabyizeye?" Ingero: Mugaragaza neza neza ("Byakozwe. Uzabona X bitarenze vendredi.") Bitanga gufunga; gusubiramo gato (“Wakijije € 18 uyumwaka”) bitera ishema nta fireworks.
Microinteractions ni kole yamarangamutima. Buriwese afite imbarutso (Nkanda kuri Pay), amategeko (ibyo sisitemu ikora), ibitekerezo (iterambere nigisubizo gisobanutse), hamwe na loop cyangwa modes (bigenda bite mugihe umukoresha yongeye kugerageza). Fata ibi neza, kandi inzibacyuho yawe iranga ibyiyumvo. Mubibeshye, kandi bimena imigezi.
Amarangamutima yerekana amakarita yerekana neza kuri Norman yuburambe:
Kutamenya neza bibaho mubyerekezo byimyitwarire kandi hakiri kare, aho abakoresha bishingikiriza kumarangamutima (icyerekezo, gisobanutse, ibitekerezo) kugirango bumve ibibera. Ubusobanuro burashimangiye murwego rwimyitwarire, umwanya mugihe gahunda ya sisitemu nigikorwa gikurikira cyumukoresha gifunga ahantu. Gutegereza ni uruvange rwimyitwarire (uyikoresha akora ikintu afite intego) kandi akagaragaza (uyikoresha asanzwe atangaza ibizavamo no gutekereza ibizakurikiraho). Ibyagezweho ni impinga yerekana, aho uyikoresha asuzuma intsinzi, ikizere, kandi niba uburambe “bwumvise neza.” Gutuza / Gufunga byerekana cyane cyane, bifasha abakoresha kuzuza ibisobanuro byimikoranire no guhitamo niba ibicuruzwa byizewe kandi bikwiye kugaruka.
Mubicuruzwa nyabyo, uru rutonde ntirucika mugihe ibintu bitagenze neza. Amakosa, ubukererwe, na leta zateshejwe agaciro ntabwo ari ibintu bidasanzwe kumarangamutima arc - ni igice cyayo. Urebye unyuze mubitekerezo, ibi bihe nimbogamizi murugendo rwintwari. Igenamigambi ryateguwe neza ryemera gusubira inyuma, risobanura ibyabaye, kandi riyobora intambwe ikurikira itatangije urusaku rushya rwamarangamutima. Iyo gutsindwa bifatwa nko gukubitwa aho guturika, gutembera kumarangamutima birashobora kubikwa nubwo haba hari imihangayiko. Ingero za UX: Amarangamutima Muri Flow na Amarangamutima Mu makimbirane Amarangamutima Igenzura ryakozwe neza (Stripe / Apple Pay style): intambwe ngufi, iterambere risobanutse, hamwe nitsinzi ryihuse (chequeque hamwe nubushake bworoshye bworoshye). Impinga (intsinzi) igwa, kandi iherezo ritanga gufunga (resept cyangwa intambwe ikurikira).
Imiterere yo gutoranya (kugendera - gusuhuza porogaramu, urugero, Uber, Ubuntu, cyangwa Bolt): ivugurura ryiterambere rigumana icyerekezo kandi rigabanya amaganya (“Umushoferi uhageze”, “2 min kure”, “Yageze”). Kudashidikanya bihinduka mubisobanutse, hamwe nubwitonzi bwitegura buri nzibacyuho.
Amarangamutima Mu makimbirane Icyitonderwa: Ntabwo tuvuga amazina yihariye hano - twubaha akazi kari inyuma yabo. Ahubwo, turimo kwerekana uburyo butera amakimbirane mumarangamutima nuburyo bwo kubikemura.
Byendagusetsa mugihe gikomeye.Cheeky kopi-y-ikosa ivuga amafaranga / ubuzima / umutekano. Abakoresha barashimangiwe; urwenya rwongera uburakari. Kwizihiza mbere yo gukemura.Confetti, fireworks, cyangwa amajwi aranguruye mbere yo kwemezwa. Ishyaka rihagarika indunduro. Leta ikomeye irasimbuka. Uburyo butunguranye / promos hagati - umurimo, wuzuye - gufata ecran utiteguye. Umva nkigabanijwe gitunguranye mugihe cyo gukubita amarangamutima.
Icyo Wakora kugirango umenye amarangamutima Dore urupapuro rwibitekerezo hamwe nicyitegererezo cyuzuye ushobora kwigana:
Amarangamutima yerekana urupapuro rwerekana.
1. Andika urupapuro rwambere Amarangamutima Kuri buri kintu cyibanze (kumurongo, kwishura, kugarura), shushanya ibyiyumvo kuri buri ntambwe: gushidikanya → gusobanuka → gutegereza → ibyagezweho → gutuza. Ongeraho kopi, icyerekezo, na microinteractions kuri buri hit. (Ninde utwara amarangamutima aho?) 2. Huza Ijwi Na Task Risk Kora matrix ya tone (urwego rwibyago × leta). Mugihe kinini - amakosa yibibazo, ituze, byoroshye, nigisubizo - cyerekezo. Uzigame gukina kubintu bike - ingaruka. Inyandiko zerekana:
Ikosa rikomeye rishobora kubaho: "Ntabwo twashoboye kugenzura indangamuntu yawe. Gerageza nanone cyangwa utere inkunga." Hasi - rishobora kuba ubusa: “Nta kintu na kimwe hano. Urashaka gutangirira ku cyitegererezo?”
Aha niho ibicuruzwa byinshi bikuze bigenda byicecekera mu makimbirane yo mumarangamutima. Igihe kirenze, amakipe yongeramo umunezero kubimenyerewe aho kubishaka. Kwisuzumisha kwingirakamaro ni ukubaza: Niba twakuyeho ikintu cyose gikinisha cyangwa ibirori muri iyi ntambwe, urujya n'uruza rwaba rwumva ubumuntu - cyangwa byariibyo bintu bipfundikanya? Igishushanyo cyiza cyamarangamutima gisobanura uburambe; igishushanyo mbonera cyamarangamutima ntigikeneye imitako kugirango yishyure urujijo. 3. Shushanya impinga kandi urangire ku ntego Injeniyeri impinga imwe isobanutse (umwanya wo gutsinda) numusozo umwe usukuye (kwemeza nibizakurikiraho). Gupima kwibuka no kunyurwa kuri izo ngingo zombi. 4. Koresha Microinteractions nkibiraro, ntabwo ari Spotlight
Itegure: Ntoya, ihamye yerekana mbere yuko leta ihinduka. Emeza: Intsinzi ibona igisubizo cyoroshye, hamwe buhoro buhoro byoroshye-byoroshye kandi byoroshye guhitamo. Gukira: Kunanirwa inshuro nyinshi guhindura ijwi kuva hejuru kugirango ushyigikire kandi uyobore intambwe ikurikira.
5. Ikizamini cyo Gukomeza Amarangamutima Mu nama yo gukoresha, ntukabaze gusa "Byari byoroshye?" Ahubwo, urashobora kubaza “Ni ibihe byiyumvo byahindutse hano?” Niba wunvise "urujijo → urwenya → urujijo," wagize amakimbirane, ntabwo atemba. Iterate inzibacyuho, ntabwo ari ecran gusa. Nigute wakwirinda amarangamutima mu makimbirane: Urutonde rwihuse Ibendera ritukura → gukosora:
Byendagusetsa mubihe bikomeye → swap ituje, imvugo itaziguye, n'inzira isobanutse yo gukira. Kwizihiza mbere yo gukemura → kwimura ibirori nyuma yo kwemezwa; tone hasi kubikorwa byinshi. Leta ikomeye irasimbuka → pre - gutangaza inzibacyuho; komeza gushiraho; koresha icyerekezo gifatika kugirango ubungabunge gukomeza. Kwambuka - itsinda rya tone drift → guhuza amajwi & tone umurongo ngenderwaho hamwe nurugero kurwego rwibyago na leta.
Hari igihe kumena amarangamutima ari nkana kandi birakenewe. Imiburo yumutekano, ibyemezo byemewe, hamwe n’ibimenyesha umutekano bikunze kugirira akamaro ihinduka ritunguranye. Muri ibi bihe, guhungabana byerekana akamaro kandi bisaba kwitabwaho. Ikibazo ntabwo ari amakimbirane y amarangamutima ubwayo; ni amakimbirane atunguranye. Iyo abashushanya bahisemo guhungabana nkana, abakoresha bumva imigabane aho kumva gukubitwa. Umwanzuro Inararibonye zikomeye ni uburambe. Dan da Dan yerekana uburyo bwo kunyura mumarangamutima atatubuze: irategura, inzibacyuho, kandi ikemura. Amashusho ya Superman yerekana ibinyuranye: agapira kagongana numutima. Kora ibya mbere. Shushanya ibyiyumvo byawe byamarangamutima, uhuze amajwi kubibazo byakazi, hanyuma ureke microinteractions ikure ibyiyumvo kugirango abakoresha bibuke impinga yiburyo nimpera iburyo, ntabwo ari ikiboko hagati.
