Ko e tisaini ‘oku ‘ikai ko e pixels mo e ngaahi sipinga pe. Ko e pacing mo e ngaahi ongo, foki. ʻOku ongoʻi ʻe he ngaahi koloa ʻe niʻihi ʻa e cinematic ʻi heʻenau tataki kitautolu ʻi he taʻepau, nonga, falala, mo e nonga ʻo ʻikai ke nau yanking holo kitautolu. Ko e Ongo’i ia ‘i he Tafe. Ko e niʻihi ʻoku nau fakasiʻisiʻi ʻenau ngaahi momeniti pē ʻanautolú ʻaki ha fakakata ʻi he feituʻu hala, ha ʻohovale ʻoku ʻasi hake, pe ko ha liliu puna. Ko e Ongo’i ia ‘i he Fepakipaki. ‘Oku ‘ikai ko ha ngaahi fakakaukau UX-pe ‘eni. ‘E lava ke ke sio kiate kinautolu ‘i he feitu‘u kotoa pē ‘i he fakafiefiá. Pea ko e founga mahino taha ke ongo'i 'a e faikehekehe ko hono fakafehoanaki 'a e founga 'oku tokanga'i ai 'e he anime 'a e ngaahi liliu fakaeloto versus 'a e founga 'oku tūkia ai 'a e ngaahi filimi 'a e Marvel mo e DC. Te tau faka’aonga’i ha ongo fakatātā pau, ko e taha mei he Dan da Dan (anime series ‘i he Netflix) pea ko e taha mei he filimi ‘a James Gunn ‘a e Superman, ke faka’uhinga’i ‘a e ongo fakakaukau, pea liliu leva kinaua ki he ngaahi founga tisaini ‘aonga ‘o e koloa ‘e lava ke ke faka’aonga’i leva. Fakatokanga’i ange: Te tau tokanga taha ki he ngaahi koloa fakakomipiuta, kau ai ‘a e ngaahi polokalama, SaaS, mo e uepi. Ongo'i 'i he tafe (Anime: Tani da Tani) ʻI he Dan da Dan, ʻoku vao, fakalilifu, fakakata, angaʻofa, ka ʻoku tafe pē ʻa e tonal range. Fakatātā: ‘I he arc ‘e taha, ‘oku ‘i ha fekumi ngali kehe mo fakakata ‘a e kau protagonists ‘o kau ai ‘a e “ngaahi me‘a fakasekisuale koula” ‘o e taha ‘o e kau tangata tefitó (‘io, mo‘oni), pea ‘i he arc ‘e tahá, ‘oku tohoaki‘i kitautolu ki ha talanoa fakaloloma ‘o ha fa‘ē ‘oku puke pōpula ‘ene ki‘i tamá. ʻI he pepá, ʻoku totonu ke hoko ʻa e sifi ko iá ko ha fakatuʻutāmaki ʻi ha kā. ‘I he screen, ‘oku fehokotaki mo lau fakaeloto. Ko e hā ʻoku ngāue ai ʻeni ʻi he screen?
Hokohoko atu 'o e ngaahi siteiki.Na'a mo e taimi 'oku tu'uta ai ha gag, 'Oku kei tu'u ma'u 'a e ngaahi taumu'a mo e fakatu'utamaki 'o e kau tangata. ‘Oku tukuange ‘e he fakakata ‘a e loto-mamahi hili ha mini‐resolution; ‘oku ‘ikai ke ne faka’ikai’i ‘a e fakamanamana. Mahino 'a e ngaahi faka'ilonga 'o e loto.Mūsika, fakafōtunga, pacing, mo e ngaahi tali 'o e 'ulungaanga telekalafi 'a e ongo hoko. ‘Oku ke primed ki he shift, ko ia ‘oku ke heka ai kae ‘ikai ke ke yanked. One emotional anchor.Ko e ngaahi feohi’anga ‘oku kei hoko pe ia ko e Fetu’u Tokelau, ko ia ‘oku ‘ikai ke mole ‘a e loto ‘o e scene ‘i he taimi ‘oku nga’unu ai ‘a e le’o.
'Oku liliu fefe 'eni ki he UX? 'Oku fai 'e he ngaahi koloa lelei 'a e me'a tatau: teuteu, liliu, fakalelei'i, ko ia 'oku nofo 'a e kau faka'aonga'i 'i he fakauku 'i he liliu 'a e le'o fakaeloto.
Ko e Ongo’i ‘i he Fepakipaki (Fakaofo/DC: Ko e Superman ‘a Semisi Gunn) 'Oku fai 'e Lois & Clark ha talanoa loto, 'ofa, ha momeniti 'oku tuai, fakaetangata, lolotonga ia 'i he muimui'i 'oku va'inga 'a e gag lele (ko ha monster 'oku ma'u clobbered 'aki ha fu'u 'akau peisipolo). 'Oku kaiha'asi 'e he gag 'a e tokanga totonu 'i he taimi 'oku kole atu ai 'a e scene ke ke ongo'i ha me'a mo'oni. Ko hono olá ko ha fepaki fakale‘o ‘okú ne puncture ‘a e ongo‘í kae ‘ikai ke ne tukuange ia. Ko e ha 'oku 'ikai ke lava ai 'eni 'i he screen?
Fakalahi ‘a e kavenga faka’atamai.Ko e me’a ‘oku hoko heni ‘oku mape hangatonu ia ki he teolia ‘o e kavenga faka’atamai. 'I he taimi 'oku kole ai 'e ha scene (pe interface) 'a e kau faka'aonga'i ke nau ngaue'aki 'a e ongo faka'ilonga fakaeloto fe'au'auhi 'i he taimi pe 'e taha, 'oku ne fakafe'iloaki 'a e kavenga faka'atamai extraneous, feinga faka'atamai 'oku 'ikai ha'ane kaunga ki he ngaue pe momeniti 'iate ia pe. ‘I he ‘ikai ke tokangataha ki he tā fakaeongó, ‘oku vahevahe ‘a e tokangá ‘i he vaha‘a ‘o e ngaahi faka‘ilonga ‘oku ‘ikai ke nau fefakalelei‘aki. ‘I he ngaahi koloa, ko e me’a ‘eni ‘oku hoko ‘i he taimi ‘oku intrude ai ‘a e malimali, ngaahi faka’ai’ai, pe ngaahi liliu ta’e’amanekina ‘o e UI ‘i he ngaahi momeniti ‘o e ngaahi siteiki ma’olunga: ‘oku fakamālohi’i ‘a e kau faka’aonga’i ke faka’uhinga’i ‘a e le’o mo e taumu’a ‘i he taimi tatau ‘oku nau feinga ke ngaue, ‘a ia ‘oku ne fakatuai’i ‘a e mahino mo fakalahi ‘a e mafasia. Fe'auhi 'a e ngaahi fasi 'i he taimi tatau.Ko e fakakata 'oku ne 'overlap 'a e tumutumu 'o ha fasi mamafa; ‘oku tokanga ‘a e kau fanongó ki he switch kae ‘ikai ko e ongo‘í. No tonal handoff.There ‘oku ‘ikai ha liliu ‘oku ne tu’uta ‘a e feohi vāofi kimu’a pea toki a’u mai ‘a e malimali, ko ia ‘oku ongo’i ‘e he momeniti ‘oku undercut kae ‘ikai ke fakalelei’i.
'Oku liliu fefe 'eni ki he UX? 'I he ngaahi koloa, ko e palopalema 'eni 'o e confetti-kimu'a-fakapapau'i, 'a e hala cheeky 'i ha tafe 'a e pa'anga, pe ko e modal promo 'oku 'asi tonu 'i he lotolotonga 'o ha ngaue mahu'inga. 'Oku toe spikes 'e he me'a ni 'a e kavenga faka'atamai: kuo pau ke fakahoko 'e he kau faka'aonga'i 'a e malimali lolotonga 'a e feinga ke fakalelei'i ha palopalema, 'a ia 'oku ne fakatuai'i kinautolu mo fakalahi 'a e mafasia.
Ngaahi Faka'uhinga Vave Ongo'i 'i he FlowOngo'i 'a e ngaahi sifi 'o e ongo'i 'oku ma'u, telegraphed, mo e taimi ko ia 'oku nau fakalelei'i 'a e ngaahi fasi kimu'a. Immersion holds.Ongo 'i he FepakipakiKo ha switch jarring (pe motuhi fefeka) 'oku ne punctures ha fasi fakaeloto mo'ui. ʻOku mavahe ʻa e fakauku.
Ko ‘eni kuo tau fakahingoa ia: ‘oku anga fefe ‘a e fehokotaki ‘eni ki he UX? Founga ʻoku Faʻu ai ʻe he Ngaahi Ongoʻí ʻa e Manatuʻi ʻo e Koloá ‘Oku ‘ikai manatu’i ‘e he kakai ‘a e ‘avalisi ‘o ha a’usia; ʻoku nau manatuʻi ʻa e ngaahi tumutumú mo e fakaʻosí. Kapau ko ho’o tumutumu ‘o e tafe ko e frustration, pe ko ho’o ending ‘oku messy, ko e me’a ia ‘oku piki. Ko ia tisaini ‘a e curve fakaeongó ‘i he taumu‘a. 'Oku mo'ui 'a e ngaahi ongo 'i he ngaahi la'ipepa 'e tolu (mei he Don Norman’s Emotional Design), pea 'oku fie ma'u 'e ho'o koloa ke laine'i kinautolu:
Visceral (gut): Ngaahi faka'ilonga 'uluaki-fakakaukau: ngaahi faka'ata, ngaue, haptics, le'o.Ngaahi fakatātā: 'Oku fakanonga 'e ha uta 'o e hui tu'uma'u 'o lahi ange 'i ha jittery .tokotaha vilo; ko ha lavame'a malimali chime/haptic tap 'oku ne tuku 'a e fonua 'o e ikuna 'o 'ikai ha kaila; ko e fakafaingofua'i/fakahinohino tu'uma'u 'oku ne tala ki he mata 'a e me'a na'e liliu. ʻUlungaanga (fai): Te u lava nai ʻo fakakakato lelei ʻeku ngāué? Ko e friction heni 'oku 'uhinga ia ki he stress.Examples: Tolu 'a e ngaahi sitepu totongi mahino mo e fakalakalaka 'oku lava ke tomu'a tala; ngaahi fakamatala hala ‘oku fakamatala‘i ai ‘a e me‘a na‘e hokó mo e founga ke fakaakeake aí; fakamo'oni'i 'i he laine kae 'ikai ko e ngaahi pahū 'o e ngata'anga-'o e-foomu. Fakakaukau (‘uhinga): Ko e talanoa ‘oku ou tala kiate au hili ‘a e, “Na’e ‘aonga nai ia? ‘Oku ou falala ki he me’a ni?”Ngaahi fakatātā: Ko ha screen takai maau (“Osi. Te ke ma’u ‘a e X ‘i he Falaite.”) ‘oku ne ‘omai ‘a e tapuni; ko ha kiʻi recap (“Naʻá ke fakahaofi ʻa e €18 ʻi he taʻú ni”) ʻokú ne fakatupu ʻa e pōlepole ʻo ʻikai ha meʻafana.
Ko e ngaahi fetuʻutaki siʻisiʻí ʻa e kuluu fakaelotó. 'Oku takitaha 'i ai ha trigger ('Oku ou lomi'i 'a e Totongi), ngaahi tu'utu'uni (ko e me'a 'oku fai 'e he sisitemi), ngaahi fakakaukau (fakalakalaka mo ha ola mahino), mo e ngaahi loops pe ngaahi founga (ko e me'a 'oku hoko kapau 'e toe feinga 'a e tokotaha 'oku ne ngaue'aki). Maʻu ʻa e ngaahi meʻá ni ʻoku totonu, pea ko hoʻo ngaahi liliú ʻokú ne fakafetongi ʻa e ngaahi ongó. Maʻu hala kinautolu, pea ʻoku nau motuhi ʻa e tafeʻangá.
‘Oku mape’i ma’a ‘e he pepa ‘o e beat fakaeloto ‘a e ngaahi la’i ‘o e a’usia ‘a Norman:
‘Oku mo’ui ‘a e ta’epau ‘i he visceral mo e ngaahi la’i ‘ulungaanga ‘o e kamata’anga, ‘a ia ‘oku fakafalala ai ‘a e kau faka’aonga’i ki he ngaahi faka’ilonga ‘o e ongo (ngaue, mahino, fakakaukau) ke mahino ‘a e me’a ‘oku hoko. ‘Oku fefeka ‘a e mahino ‘i he layer ‘o e ‘ulungaanga, ‘a e momeniti ‘oku loka’i ai ‘a e taumu’a ‘o e sisitemi mo e ngaue hoko ‘a e tokotaha ‘oku ne ngaue’aki ki he feitu’u. Ko e 'amanaki ko e fefiofi 'o e 'ulungaanga ('oku fai 'e he tokotaha 'oku ne ngaue'aki ha me'a 'oku 'i ai 'ene taumu'a) mo e fakakaukau ('oku 'osi tomu'a tala 'e he tokotaha 'oku ne ngaue'aki 'a e ola pea fakakaukau ki he me'a 'e hoko mai). Ko e lavameʻá ko ha tumutumu fakakaukau, ʻa ia ʻoku sivisiviʻi ai ʻe he tokotaha ʻokú ne fakaʻaongaʻí ʻa e lavameʻá, falalá, pea pe naʻe “ongoʻi totonu” ʻa e aʻusiá. 'Oku tefito 'a e nonga/Tapuni 'i he fakakaukau, tokoni ki he kau faka'aonga'i ke nau takai'i 'a e 'uhinga 'o e fetu'utaki mo fakapapau'i pe 'oku falala'anga 'a e koloa pea 'oku taau ke foki ki ai.
‘I he ngaahi koloa mo’oni, ‘oku ‘ikai ke mole ‘a e hokohoko ko ‘eni ‘i he taimi ‘oku hala ai ‘a e ngaahi me’a. Ko e ngaahi fehalaaki, latency, mo e ngaahi tu'unga faka'auha 'oku 'ikai ko ha ngaahi me'a makehe mei he arc fakaeloto — ko e konga kinautolu 'o ia. ‘I hono vakai’i ‘i ha matasio’ata fakamatala, ko e ngaahi momeniti ko ‘eni ko e ngaahi fakafe’ātungia ia ‘i he fononga ‘a e to’a. Ko ha tu‘unga fakaakeake kuo fa‘u lelei ‘okú ne fakahaa‘i ‘a e fakaholomuí, fakamahino‘i ‘a e me‘a na‘e hokó, pea tataki ‘a e sitepu hokó ‘o ‘ikai ke ne fakahū mai ha longoa‘a fakaeongo fo‘ou. ‘I hono fai ‘a e ta‘elavame‘á ko ha tā kae ‘ikai ko ha movete, ‘e lava ke tauhi ‘a e tafe fakaeongó na‘a mo e ‘i he malumalu ‘o e loto-mafasiá. UX Ngaahi fakatata: Ongo'i 'i he tafe vs. Ongo'i 'i he fepakipaki . Ongo'i 'i he Tafe Checkout fai totonu (Stripe/Apple Pay style): ngaahi sitepu nounou, fakalakalaka mahino, mo ha tu'unga lavame'a 'o e crisp (ko ha faka'ilonga 'aki ha haptic molumalu 'oku fili). Ko e tumutumu (lavame'a) 'oku tu'uta, pea 'oku 'omi 'e he ngata'anga 'a e tapuni (tali pe sitepu hoko).
Tu'unga 'o e pickup (heka‐hailing apps, e.g., Uber, Tau'ataina 'i he taimi ni, pe Bolt): 'oku tauhi 'e he ngaahi fakafo'ou fakalakalaka 'a e orientation mo fakasi'isi'i 'a e hoha'a (“'Oku a'u mai 'a e faka'uli”, “2 min mama'o”, “A'u mai”). ʻOku liliu ʻa e taʻepaú ki he mahinó, ʻi he ngaʻunu anga-malū ʻokú ne teuteuʻi ʻa e liliu takitaha.
Ongo'i 'i he Fepakipaki Fakatokanga’i ange: ‘Oku ‘ikai ke mau fakahingoa heni ha ngaahi koloa pau — ‘oku mau faka’apa’apa’i ‘a e ngaue ‘oku ‘i mui ‘iate kinautolu. Ka, ‘oku tau fakahaa’i ‘a e ngaahi founga ‘oku ne fakatupu ‘a e fepakipaki fakaeloto pea mo e founga tonu ke fakalelei’i ai kinautolu.
Jokes 'i he ngaahi momeniti mamafa.Cheeky tatau-'i he-hala 'a e ngaahi siteiti ki he pa'anga/mo'ui lelei/malu. ‘Oku loto-mafasia ‘a e kau ngāue‘akí; ‘oku fakalahi ‘e he fakakatá ‘a e ‘itá. Katoanga kimu'a pea toki fakapapau'i.Confetti, me'afana, pe ngaahi le'o le'o lahi kimu'a pea toki fakapapau'i. ‘Oku fakalavea‘i ‘e he paatí ‘a e tumutumú. Puna 'a e pule'anga fefeka.Modals/promos faka'ohovale mid‐ngaue, kakato‐screen takeovers 'o 'ikai ha teuteu. Ongoʻi hangē ha motuʻa fakafokifā lolotonga ha tā fakaeloto.
Ko e Me'a Te Ke Lava 'o Fai Ke Fakapapau'i 'a e Ongo'i 'i he Tafe . Ko e peesi Notion ‘eni mo e template kakato ‘e lava ke ke toe tatau:
Tepile pepa taa fakaeloto.
1. Tohiʻi ʻUluakí ʻa e Pepa Ta Fakaelotó . Ki he tafe tefito takitaha (onboarding, totongi, fakaakeake), mape'i 'a e ngaahi ongo 'i he sitepu: ta'epau → mahino → 'amanaki → lavame'a → nonga. Fakapipiki ʻa e tatau, ngaue, mo e ngaahi fetuʻutaki siʻisiʻi ki he tā takitaha. (Ko hai 'oku ne 'ave 'a e ongo ki fe?) 2. Fakafe'unga'i 'a e Tone mo e Fakatu'utamaki 'o e Ngaue . Fa'u ha matrix le'o (levolo fakatu'utamaki × tu'unga). ʻI he ngaahi fehalaaki ʻoku fakatuʻutāmaki lahí, ke ke nonga, mahinongofua, mo fakatefito ʻi he fakaleleiʻangá. Fakahaofi ʻa e vaʻinga ki he ngaahi tuʻunga ʻoku maʻulalo ʻa e fakatuʻutāmakí. Ngaahi konga siʻi ʻo e sīpingá:
Hala fakatu’utamaki lahi: “Na’e ‘ikai ke mau lava ‘o fakamo’oni’i ho’o ID. Toe feinga pe fetu’utaki ki he poupou.” Low‐risk empty state: “ʻOku teʻeki ke ʻi ai ha meʻa ʻi heni. Fie kamata ʻaki ha sipinga?”
Ko e feituʻu ʻeni ʻoku tafe fakalongolongo ai ʻa e ngaahi koloa matuʻotuʻa lahi ki he fepakipaki fakaelotó. ʻI he ʻalu ʻa e taimí, ʻoku tānaki atu ʻe he ngaahi timí ʻa e fiefiá ʻi he tōʻongá kae ʻikai ko e taumuʻá. Ko ha sivi fakafoʻituitui ʻaonga ko e fehuʻi: Kapau te tau toʻo ʻa e ʻelemēniti vaʻinga pe fakafiefia kotoa pē mei he sitepu ko ʻení, ʻe kei ongoʻi fakaetangata nai ʻa e tafeʻangá — pe naʻe .ko e ngaahi ‘elemēniti ko ia ‘oku nau fakapulipuli‘i ‘a e fepakipakí? ʻOku fakamahinoʻi ʻe he tisaini fakaeloto leleí ʻa e aʻusiá; ‘oku ‘ikai fiema’u ‘e he tisaini fakaeloto lahi ‘a e teuteu ke totongi huhu’i ‘aki ‘a e puputu’u. 3. Fa'u 'a e tumutumu mo e ngata'anga 'i he taumu'a . 'Enisinia tumutumu mahino 'e taha (ko e momeniti 'o e lavame'a) mo e ngata'anga ma'a 'e taha (fakapapau'i mo e me'a 'oku hoko atu). Fua ʻa e manatuʻí mo e fiemālié ʻi he ongo poiní fakatouʻosi. 4. Ngāue‘aki ‘a e Ngaahi Fetu‘utaki Si‘isi‘í ko e Ngaahi Halafakakavakava, ‘Ikai ko e Ngaahi Maama .
Teuteu: Ngaahi fakahinohino iiki mo tuʻumaʻu ʻo e ngaʻunu kimuʻa pea toki hoko ha liliu lahi ʻo e siteití. Fakapapau'i: 'Oku ma'u 'e he lavame'a ha nofo'anga fakapulipuli, mo ha ki'i tuai ange 'a e faingofua-'i tu'a mo ha haptic maama fili. Fakaakeake: ʻOku liliu fakaʻofoʻofa ʻe he toutou taʻelavameʻá ʻa e leʻó mei he fakafiefiá ki he poupoú pea tataki ʻa e sitepu hokó.
5. Sivi ki he Hokohoko Fakaeloto . ‘I he ngaahi fakataha ‘o e usability, ‘oua ‘e ‘eke pē “Na’e faingofua ia?” Ka, te ke lava ʻo fehuʻi ange “Ko e hā e ongo naʻe liliu ʻi hení?” Kapau te ke fanongo ki he “puputu’u → fakafiefia → puputu’u,” kuo ke ma’u ‘a e fepakipaki, ‘o ‘ikai ko e tafe. Iterate 'a e ngaahi liliu, 'ikai ko e ngaahi screen pe. Founga ke Fakaʻehiʻehi mei he Ongoʻi ʻi he Fepakipakí: Lisi Siviʻi ʻAukai Ngaahi fuka kulokula → ngaahi fakalelei:
Ngaahi fakakata ʻi he ngaahi momeniti mamafá → fetongi ʻaki ha lea nonga, fakahangatonu, mo ha hala fakaakeake mahino. Katoanga kimu’a pea toki fakalelei’i → hiki ‘a e katoanga ki he hili ‘a e fakapapau’i; tone ia ki lalo ki he ngaahi ngaue ‘oku fakatu’utamaki lahi. Puna fefeka ‘a e tu‘unga → ngaahi liliu ki mu‘a ‘i hono fanongonongo; tauhi ke tuʻumaʻu ʻa e fakafōtungá; fakaʻaongaʻi ʻa e ngaʻunu ʻuhingamālie ke tauhi ʻa e hokohoko. Kolosi‐timi tone drift → centralize le'o & ngaahi fakahinohino tone mo e ngaahi fakatata ki he tu'unga fakatu'utamaki mo e tu'unga.
ʻOku ʻi ai ha ngaahi momeniti ʻoku fakataumuʻa mo fie maʻu ai ke motuhi ʻa e tafe fakaelotó. Ko e ngaahi fakatokanga malu‘í, ngaahi fakapapau‘i fakalaó, mo e ngaahi fakatokanga mahu‘inga ki he malu‘í ‘oku fa‘a ma‘u ‘aonga ia mei he ngaahi liliu fakafokifā ‘o e le‘ó. ‘I he ngaahi tu‘unga ko ení, ‘oku faka‘ilonga‘i ai ‘e he fakamoveuveú ‘a e mahu‘ingá pea ‘oku fiema‘u ai ‘a e tokangá. Ko e palopalemá ‘oku ‘ikai ko e fepakipaki fakaeongó tonu; ko e fepakipaki fakatu’upakē ia. ʻI he taimi ʻoku fili fakakaukauʻi ai ʻe he kau tisainí ʻa e fakamoveuveú, ʻoku mahino ki he kau fakaʻaongaʻí ʻa e ngaahi siteikí kae ʻikai ke nau ongoʻi ʻa e whiplash. Faka'osi . Ko e ngaahi aʻusia lalahí ko e ngaahi aʻusia fakahangatonu. ʻOku fakahaaʻi ʻe Dan da Dan ʻa e founga ke tau ʻunu ai ʻi he ngaahi ongó ʻo ʻikai mole kitautolu: ʻokú ne teuteu, liliu, mo fakaleleiʻi. ʻOku fakahaaʻi ʻe he fakatātā ʻo e Superman ʻa e fehangahangaí: ko ha gag ʻoku fepaki mo ha tā ʻo e lotó. Fai ʻa e meʻa kimuʻá. Mape'i ho'o ngaahi fasi fakaeloto, fakafe'unga'i 'a e le'o ki he fakatu'utamaki 'o e ngaue, pea tuku 'a e microinteractions bridge 'a e ngaahi ongo koe'uhi ke manatu'i 'e he kau faka'aonga'i 'a e tumutumu totonu mo e ngata'anga totonu, 'ikai ko e whiplash 'i he lotolotonga.
