Kupanga si ma pixel ndi mapatani okha. Ndi kuyenda ndi zomverera, nazonso. Zogulitsa zina zimamva ngati zakanema pomwe zimatitsogolera pakukayikakayika, mpumulo, chidaliro, komanso bata popanda kutizungulira. Ndiye Emotion mu Flow. Ena amadzichepetsera nthawi zawo ndi nthabwala pamalo olakwika, zowonekera modzidzimutsa, kapena kusintha kodumphadumpha. Ndiye Emotion in Conflict. Awa si malingaliro a UX okha. Mutha kuwawona paliponse pazosangalatsa. Ndipo njira yomveka bwino yodziwira kusiyanaku ndikufanizira momwe anime amachitira kusinthasintha kwamalingaliro ndi momwe mafilimu a Marvel ndi DC amapunthwa. Tigwiritsa ntchito zitsanzo ziwiri zenizeni, imodzi kuchokera ku Dan da Dan (mndandanda wa anime pa Netflix) ndi imodzi kuchokera ku kanema wa Superman wa James Gunn, kuti tifotokoze mfundo ziwirizi, kenako ndikuzimasulira kukhala machitidwe opangira zida zomwe mungagwiritse ntchito nthawi yomweyo. Chidziwitso: Timayang'ana kwambiri zinthu zama digito, kuphatikiza mapulogalamu, SaaS, ndi intaneti. Emotion In Flow (Anime: Dan da Dan) Ku Dan da Dan, mtundu wa tonal ndi wapathengo, wowopsa, wanthabwala, wachifundo, komabe umayenda. Chitsanzo: Mu arc imodzi, otsutsawo ali pakufuna kodabwitsa, koseketsa kokhudza "maliseche a golide" a m'modzi mwa otchulidwa kwambiri (inde, kwenikweni), ndipo m'malo ena, timakopeka ndi nkhani yomvetsa chisoni ya mayi yemwe mwana wake adabedwa. Pa pepala, kusintha kumeneku kuyenera kukhala ngozi yagalimoto. Pazenera, ndizogwirizana komanso zowoneka bwino. Chifukwa chiyani izi zimagwira ntchito pazenera?
Kupitiliza kwa zinthu.Ngakhale chigawenga chikafika, zolinga za otchulidwawo komanso zoopsa zake zimakhalabe. Kuseketsa kumatulutsa kukangana pambuyo pakusintha pang'ono; sichimakana kuopseza. Nyimbo zomveka bwino. Nyimbo, kupanga, kuyenda, ndi machitidwe amunthu patelegraph m'malingaliro otsatirawa. Ndiwe wokonzekera kusintha, kotero iwe umakwera m'malo mothamangitsidwa. Nangula wamalingaliro amodzi.Ubale umakhalabe Nyenyezi ya Kumpoto, kotero kuti mtima wa zochitikazo sumatayika pamene kamvekedwe kakuyenda.
Kodi izi zimamasulira bwanji ku UX? Zogulitsa zabwino zimachitanso chimodzimodzi: konzani, kusintha, sinthani, kuti ogwiritsa ntchito azikhala omizidwa pomwe kamvekedwe ka malingaliro kakusintha.
Kutengeka Pamkangano (Marvel/DC: Superman wa James Gunn) Lois & Clark akukambirana mochokera pansi pamtima, mwapamtima, pang'onopang'ono, mphindi yaumunthu, pomwe kumbuyo kuli chigawenga chothamanga (chilombo chikugwedezeka ndi chimphona chachikulu cha baseball). Gagi imabera kuyang'ana pomwe chochitikacho chikufunsani kuti mumve china chake chenicheni. Chotsatira chake ndi kugundana kwa mamvekedwe komwe kumabaya mtima m'malo moumasula. Chifukwa chiyani izi zikulephera pazenera?
Kuchulukira kwa chidziwitso.Zomwe zikuchitika pano zimatengera chiphunzitso cha chidziwitso chambiri. Chiwonetsero (kapena mawonekedwe) chikafunsa ogwiritsa ntchito kuti agwiritse ntchito zizindikiro ziwiri zopikisana nthawi imodzi, zimabweretsa chidziwitso chambiri, kuyesetsa kwamalingaliro komwe sikukhudzana ndi ntchitoyo kapena mphindi yokha. M'malo moyang'ana pa kugunda kwamaganizo, chidwi chimagawanika pakati pa zizindikiro zomwe sizimathetsana. Muzogulitsa, izi ndi zomwe zimachitika pamene kuseketsa, kukwezedwa, kapena kusintha kosayembekezereka kwa UI kumalowetsa nthawi zapamwamba: ogwiritsa ntchito amakakamizika kutanthauzira kamvekedwe ndi cholinga panthawi imodzimodziyo akuyesera kuchita, zomwe zimachepetsa kumvetsetsa ndikuwonjezera kupsinjika maganizo. Kupikisana kumenya nthawi imodzi.Nthabwalayi imadutsa pachimake cha kugunda kwakukulu; omvera amatchera khutu ku kusinthako m’malo momvera. Palibe kusintha komwe kumadzetsa ubale wapamtima nthabwala zisanabwere, kotero nthawiyo imakhala yocheperako kuposa kuthetsedwa.
Kodi izi zimamasulira bwanji ku UX? Muzogulitsa, ili ndi vuto la confetti-lisanachitike-chitsimikiziro, cholakwika cha cheeky pakuyenda kwa ndalama, kapena njira yotsatsira yomwe imawoneka pakati pa ntchito yovuta. Izi zimakulitsanso chidziwitso chazidziwitso: ogwiritsa ntchito ayenera kukonza nthabwala pomwe akuyesera kukonza vuto, lomwe limawachedwetsa ndikuwonjezera kupsinjika.
Tanthauzo Mwachangu Kutengeka mu FlowEmotional masinthidwe amamva kuti ndapindula, kutumizirana matelefoni, komanso nthawi yake kuti athe kuthetsa kumenyedwa koyambirira. Kumizidwa kumagwira.Kutengeka mu MkanganoSiwichi ya jarring (kapena yodula kwambiri) yomwe imatulutsa kugunda kwamtima. Kumizidwa kumapuma.
Tsopano popeza tazitcha dzina: izi zimalumikizana bwanji ndi UX? Momwe Zomvera Zimapangidwira Kukumbukira Kwazinthu Anthu samakumbukira pafupifupi zochitika; amakumbukira nsonga ndi mathero. Ngati chiwongolero chanu chikukhumudwitsa, kapena mathero anu ali osokonekera, ndizomwe zimakhazikika. Choncho pangani njira yokhotakhota mwadala. Kutengeka kumadutsa magawo atatu (kuchokera ku Don Norman's Emotional Design), ndipo malonda anu akuyenera kuwatsata:
Visceral (m'matumbo): Zizindikiro zowonekera koyamba: zowoneka, zoyenda, zowoneka bwino, zomveka.Zitsanzo: Chonyamula chigoba chokhazikika chimadekha kuposa kunjenjemera.wopota; chime yopambana bwino / haptic tap imalola kupambana popanda kufuula; kufewetsa kokhazikika/kuwongolera kumauza diso zomwe zidasintha. Khalidwe (kuchita): Kodi ndingathe kumaliza ntchito yanga bwino? Kukangana apa kumatanthauza kupsinjika maganizo.Zitsanzo: Njira zitatu zomveka zolipirira ndi kupita patsogolo kodziwikiratu; zolakwika zimafotokoza zomwe zidachitika komanso momwe mungabwezeretsere; kutsimikizika kwapaintaneti m'malo mophulika kumapeto kwa mawonekedwe. Kusinkhasinkha (tanthauzo): Nkhani imene ndimadziuza pambuyo pake, “Kodi zimenezo zinali zofunika? kubwereza pang'ono ("Mwasunga € 18 chaka chino") kumapangitsa kunyada popanda zowombera moto.
Microinteractions ndiye guluu wamalingaliro. Aliyense ali ndi choyambitsa (ndikugogoda Pay), malamulo (zomwe dongosolo limachita), ndemanga (kupita patsogolo ndi zotsatira zomveka), ndi malupu kapena modes (zomwe zimachitika ngati wogwiritsa ntchito ayesanso). Chitani izi moyenera, ndipo kusintha kwanu kumagwirizanitsa malingaliro. Alakwitse, ndipo amaswa mayendedwe.
Tsamba lomenyedwa lamalingaliro limayika bwino pazomwe Norman adakumana nazo:
Kusatsimikizika kumakhala mu magawo a visceral ndi oyambirira a khalidwe, kumene ogwiritsa ntchito amadalira zizindikiro (kuyenda, kumveka, ndemanga) kuti amvetse zomwe zikuchitika. Kumveka kuli kokhazikika pamakhalidwe, nthawi yomwe cholinga cha dongosolo ndi zomwe wogwiritsa ntchito achita zitsekeka. Kuyembekezera ndi kuphatikiza kwa machitidwe (wogwiritsa ntchito akuchita ndi cholinga) komanso kuwunikira (wogwiritsa ntchito akuneneratu zotulukapo ndikulingalira zomwe zikubwera). Kupambana ndi pachimake chowonekera, pomwe wogwiritsa ntchito amawunika kupambana, kudalira, komanso ngati zomwe zachitikazo "zinamveka bwino." Kudekha/Kutseka kumayang'ana kwambiri, kuthandiza ogwiritsa ntchito kumaliza tanthauzo la kuyanjana ndikusankha ngati chinthucho ndi chodalirika komanso choyenera kubwereranso.
Muzinthu zenizeni, kutsatizanaku sikutha pamene zinthu sizikuyenda bwino. Zolakwa, latency, ndi mayiko odetsedwa sizosiyana ndi arc yamalingaliro - ndi gawo lake. Kuwona kudzera mu lens lofotokozera, mphindi izi ndi zopinga paulendo wa ngwazi. Chikhalidwe chokonzekera bwino chimavomereza kubwereranso, kulongosola zomwe zinachitika, ndikuwongolera sitepe yotsatira popanda kuyambitsa phokoso latsopano lamaganizo. Pamene kulephera kumatengedwa ngati kugunda mmalo mwa kusweka, kuyenda kwamaganizo kungasungidwe ngakhale pansi pa kupsinjika maganizo. Zitsanzo za UX: Kutengeka Kwachangu vs. Kutengeka Pakusemphana Emotion In Flow Kutuluka kwachitika bwino (kalembedwe ka Stripe/Apple Pay): masitepe achidule, kupita patsogolo bwino, komanso kuchita bwino bwino (chizindikiro chokhala ndi haptic yofewa). Pachimake (kupambana) mtunda, ndipo mapeto amapereka kutseka (chiphaso kapena sitepe yotsatira).
Momwe munganyamulire (mapulogalamu okwera, mwachitsanzo, Uber, Free Now, kapena Bolt): zosintha pang'onopang'ono zimasunga malingaliro ndikuchepetsa nkhawa ("Kufika Dalaivala", "2 min away", "Arrid"). Kusatsimikizika kumasanduka kumveka bwino, ndikuyenda modekha kukonzekera kusintha kulikonse.
Kutengeka Pakusemphana Zindikirani: Sitikutchula zinthu zenizeni apa - timalemekeza ntchito yomwe yachitika. M'malo mwake, tikuwonetsa machitidwe omwe amayambitsa mikangano yamalingaliro ndi momwe tingawakonzere.
Nthabwala munthawi zovuta.Cheeky copy-in-error states for money/health/security. Ogwiritsa ntchito amatsindika; nthabwala zimakulitsa mkwiyo. Chikondwerero chisanachitike chisankho.Confetti, zozimitsa moto, kapena phokoso lokweza musanatsimikizire. Phwando limasokoneza pachimake. Kudumpha kolimba. Zochita modabwitsa/zotsatsa zapakati, zolanda sikirini yonse popanda kukonzekera. Kumva ngati kudulidwa mwadzidzidzi panthawi ya kugunda kwamaganizo.
Zomwe Mungachite Kuti Mutsimikizire Kutengeka Kukuyenda Nali tsamba la Notion lomwe lili ndi template yonse yomwe mutha kubwereza:
Emotional beat sheet template.
1. Lembani Pepala la Kumenya Kwambiri Kwambiri Pachimake chilichonse (kukwera, kulipira, kuchira), sungani malingaliro pa sitepe iliyonse: kusatsimikizika → kumveka bwino → chiyembekezo → kupindula → bata. Gwirizanitsani kukopera, kusuntha, ndi ma microinteractions ku beat iliyonse. (Ndani amanyamula kutengeka kumene?) 2. Gwirizanitsani Kamvekedwe Ndi Kuwopsa Kwa Ntchito Pangani matrix amtundu (chiwopsezo × dziko). Pazolakwa zazikulu, khalani odekha, omveka bwino, ndi okhazikika pa mayankho. Sungani kusewera kuti mupewe zovuta zochepa. Zidule za ma template:
Vuto lachiwopsezo chachikulu: "Sitinathe kutsimikizira ID yanu. Yesaninso kapena funsani thandizo." Malo opanda pachiwopsezo chochepa: "Palibe pano. Mukufuna kuyamba ndi zitsanzo?"
Apa ndipamene mankhwala ambiri okhwima amalowerera mwakachetechete mkangano wamalingaliro. M'kupita kwa nthawi, magulu amawonjezera chisangalalo ndi chizolowezi osati zolinga. Kudzifufuza kothandiza ndikufunsa kuti: Tikadachotsa chilichonse choseweredwa kapena chosangalatsa pagawoli, kodi kuyendako kumamvekabe kwaumunthu - kapenazinthu zimenezo masking kukangana? Kukonzekera bwino kwamaganizidwe kumamveketsa zochitika; kupangidwa kwakukulu kwamalingaliro sikufuna kukongoletsa kuti kulipirire chisokonezo. 3. Design Peak Ndi Kutha Pa Cholinga Injiniya nsonga imodzi yomveka bwino (nthawi yopambana) ndi mathero amodzi oyera (chitsimikizo ndi zomwe zichitike pambuyo pake). Yezerani kukumbukira ndi kukhutira pamfundo zonse ziwiri. 4. Gwiritsani Ntchito Microinteractions Monga Bridges, Osati Spotlights
Konzekerani: Malangizo ang'onoang'ono, osasinthasintha dziko lisanasinthe. Tsimikizirani: Kupambana kumakhala kokhazikika, ndikumapepuka pang'onopang'ono komanso kuwala kwa haptic. Bwezerani: Kulephera kobwerezabwereza kumasintha kamvekedwe kamvekedwe kabwino kamvekedwe kake kamvekedwe kake kamvekedwe kothandizira ndikuwongolera sitepe yotsatira.
5. Mayeso Kwa Kupitilira Kwamalingaliro M'magawo ogwiritsira ntchito, osangofunsa "Kodi zinali zosavuta?" M'malo mwake, mutha kufunsa "Ndikumverera kotani komwe kunasintha apa?" Ngati mukumva "kusokoneza → kusekedwa → kusokonezeka," mumakhala ndi mikangano, osati kuyenda. Kusintha kobwerezabwereza, osati zowonera. Momwe Mungapewere Kutengeka Pamikangano: Mndandanda Wachangu Mbendera zofiira → kukonza:
Nthabwala panthawi zovuta → kusinthana ndi mawu odekha, achindunji, ndi njira yowonekera bwino yochira. Chikondwerero chisanachitike chigamulo → kusuntha chikondwerero pambuyo potsimikiziridwa; chepetsani ku ntchito zowopsa kwambiri. Kudumpha movutikira → kulengeza za kusintha; pitirizani kupanga mawonekedwe; gwiritsani ntchito kuyenda kwatanthauzo kuti muteteze kupitiriza. Kusuntha kwa mawu amagulu osiyanasiyana → sungani maupangiri apakati pa mawu ndi kamvekedwe ndi zitsanzo pamlingo uliwonse wowopsa ndi dziko.
Pali nthawi zina pomwe kusweka kwamalingaliro kumakhala mwadala komanso kofunikira. Machenjezo achitetezo, zitsimikizo zamalamulo, ndi zidziwitso zokhudzana ndi chitetezo nthawi zambiri zimapindula ndikusintha kwadzidzidzi. Muzochitika izi, kusokoneza kumawonetsa kufunikira ndipo kumafuna chisamaliro. Vuto siliri mkangano wamalingaliro wokha; ndi kukangana kwangozi. Pamene okonza amasankha kusokoneza mwadala, ogwiritsa ntchito amamvetsetsa zitsulo m'malo momva whiplash. Mapeto Zochitika zazikulu ndizochitikira zolunjika. Dan da Dan akuwonetsa momwe angayendetsere malingaliro popanda kutitaya: imakonzekera, kusintha, ndi kutsimikiza. Zochitika za Superman zikuwonetsa zosiyana: gag ikugundana ndi kugunda kwamtima. Chitani zakale. Lembani kugunda kwanu kwamalingaliro, gwirizanitsani kamvekedwe ndi chiwopsezo cha ntchito, ndikulola kuti ma microinteractions agwirizane ndi malingaliro kuti ogwiritsa ntchito akumbukire nsonga yoyenera ndi mapeto oyenera, osati chikwapu pakati.