Malebela a Moralo oa UI/UX bakeng sa Lisebelisoa tsa Mehala ea Thelefono
Moralo oa UI/UX (Sebopeho sa Mosebelisi/Phihlelo ea Mosebelisi) o bapala karolo e kholo ho etseng qeto ea hore na sesebelisoa sa mohala se tla ratoa, se sebelisoe khafetsa, kapa se tla lahloa ka mor'a ho se kenya. UI e shebana le ponahalo ea pono—joalo ka 'mala, mongolo oa mongolo, matšoao le sebopeho—ha UX e sebetsana le boiphihlelo bohle ba mosebelisi, ho tloha ho bonolo ba ho utloisisa likarolo ho isa ho ikutloeng u phutholohile ha u qeta mesebetsi. Sengoloa sena se akaretsa malebela a sebetsang le a bohlokoa a moralo oa UI/UX ho etsa hore sesebelisoa sa hau sa mohala se ikutloe se le bonolo haholoanyane, se khahla ebile se sebetsa hantle.
1. Utloisisa mosebelisi le moelelo oa tšebeliso
Phoso e tloaelehileng haholo moralong oa lisebelisoa ke ho rala ho latela likhakanyo. Pele u rala sebopeho sa hau, etsa lipatlisiso tse potlakileng: hore na basebelisi ba mantlha ba sesebelisoa sa hau ke bo-mang, lipakane tsa bona ke life, le hore na ba tla sebelisa sesebelisoa neng. Sesebelisoa sa ho tlisa lijo, mohlala, hangata se sebelisoa ha basebelisi ba lapile, ba potlakile, 'me ba e-na le letsoho le le leng feela. Sesebelisoa sa lichelete se ka sebelisoa ka botebo 'me sa hloka boikutlo ba ts'ireletso le ho hlaka.
Sebelisa mekhoa e bonolo joalo ka lipuisano tse khutšoane, lipatlisiso, kapa tlhahlobo ea bahlolisani. U ka akaretsa liphetho ka botho (liprofaele tsa basebelisi) le maeto a basebelisi (phallo ea basebelisi). Ka tsela ena, qeto e 'ngoe le e 'ngoe ea moralo e na le motheo o hlakileng.
2. Theha phallo e bonolo le e tataisitsoeng
Hangata UX e ntle e ikutloa e "se na sekoli" hobane basebelisi ha baa lokela ho nahana ka thata. Sebelisa molao-motheo: fokotsa mehato, fokotsa moroalo oa kelello. Netefatsa hore basebelisi ba ka qeta mesebetsi ea mantlha ea sesebelisoa kapele. Mesebetsi ena ea mantlha e ka ba "odara sehlahisoa," "etsa kopano," "lefa bili," kapa "kenya litaba."
Theha phallo ea mantlha ka mehato e fokolang. Mohlala, bakeng sa ts'ebetso ea ho lefa: khetha sehlahisoa → aterese → mokhoa oa ho lefa → netefatso. Qoba ho arola ts'ebetso ka maqephe a mangata haholo ntle le melemo e hlakileng. Haeba ho hlokahala tlhahisoleseling e eketsehileng, e bonts'e butle-butle (tlhaloso e tsoelang pele), ho fapana le ho e bonts'a kaofela ka nako e le 'ngoe.
3. Beha pele tatellano ea pono
Tatelano ya pono e thusa leihlo la mosebedisi ho utlwisisa se bohlokwa ka ho fetisisa. Sebedisa boholo ba mongolo, mmala, phapang, le sebaka ho totobatsa dintlha tsa bohlokwa tse kang dihlooho tsa ditaba, di-CTA (Call-to-Action), kapa tlhahisoleseding ya bohlokwa.
Mehlala ea ts'ebeliso ea eona:
– Konopo e ka sehloohong e sebelisa 'mala o hlahelletseng ka ho fetisisa ('mala o ka sehloohong).
– Tlhahisoleseding ya bobedi jwalo ka dintlha kapa dintlha tse ding di etswa ka boholo bo bonyenyane le mebala e bonolo.
– Sebelisa sebaka se sesweu ho arola lihlopha tsa tlhahisoleseling bakeng sa ho skena habonolo.
Ka tatellano e hlakileng, basebelisi ha ba lahlehe 'me ba nka khato kapele.
4. Moralo oa mekhoa ea matsoho le ho fihlella monoana o motona
Kaha disebediswa tsa mehala di atisa ho sebediswa ka letsoho le le leng, beha dikarolo tse sebediswang kgafetsa sebakeng seo ho leng bonolo ho se fihlella (hangata tlase skrineng). Dikonopo tsa bohlokwa tse kang "Kenya ho Kariki," "Tjheja," kapa "Boloka" di lokela ho fihlellwa habonolo ntle le ho fetola tsela eo o tshwarang ka yona.
Hape nahana ka boholo ba sepheo sa ho ama. Likonopo le matšoao a manyane haholo a ka lebisa ho ho tobetsa hampe le ho ferekana ha mosebelisi. Khothaletso e akaretsang ke sepheo sa ho ama sa dipiksele tse ka bang 44–48 (ho latela sethala). Ntle le boholo, etsa bonnete ba hore ho na le sebaka se lekaneng pakeng tsa dikonopo ho thibela ho tobetsa hampe.
5. E tsamaellana le sistimi ea moralo
Ho tsitsa ho etsa hore sesebelisoa se ikutloe se le setsebi ebile se le bonolo ho ithuta. Sebelisa paterone e tšoanang bakeng sa likarolo tse tšoanang: libopeho tsa likonopo, mekhoa ea matšoao, mebala ea maemo, esita le mekhoa ea litšoantšo. Haeba konopo ea "ea mantlha" e le putsoa, u se ke ua etsa likonopo tse ling tsa bohlokoa tse tala ntle ho lebaka.
Haeba ho khoneha, theha sistimi e bonolo ea moralo e kenyeletsang:
– Palete ea mebala (ea mantlha, ea bobeli, katleho, phoso, temoso)
– Mongolo (sehlooho, 'mele, tlhaloso)
– Likarolo tsa UI (konopo, ho kenya, karete, modal)
- Sebaka le gridi
- Mekhoa ea matšoao le litšoantšo
Mekhoa ea meralo e thusa lihlopha ho haha likarolo tse ncha kapele le ho boloka phihlelo e tšoana.
6. Theha mokhoa o mokgutshwane le o thusang wa ho kenya tshebetsong
Ho kenya lenaneo la inthanete ho reretsoe ho thusa basebelisi ho utloisisa melemo ea sesebelisoa le ho qala ketso ea bona ea pele. Leha ho le joalo, ts'ebetso e telele haholo ea ho kenya lenaneo e ka tima basebelisi. Haeba sesebelisoa sa hau se le bonolo, ho kenya lenaneo la inthanete ho ka 'na ha se hlokahale ho hang.
Sebelisa ho ikopanya le melao-motheo:
– Hlalosa melemo, eseng likarolo tse feteletseng.
– Lekanyetsoa ho di-screen tse 2–4 feela.
– Lumella basebelisi ho tlola.
– Fana ka thuso ea moelelo ha ho hlokahala (malebela a makhutšoanyane ka nako e nepahetseng).
Ho molemo hore basebelisi ba leke ka ho toba likarolo tsa mantlha ho e-na le ho bala litlhaloso tse telele.
7. Fana ka maikutlo a hlakileng ketsong e 'ngoe le e 'ngoe
Ketso e 'ngoe le e 'ngoe ea mosebelisi e hloka karabelo e bonahalang. Ha konopo e tobetsoa, bonts'a phetoho ea boemo (mohlala, phello ea ho tobetsa). Ha ts'ebetso e ntse e jarolla, bonts'a sesupo sa ho jarolla. Ha u atleha, bonts'a netefatso; ha u hloleha, bonts'a molaetsa o thusang oa phoso.
Maikutlo a matle a kenyeletsa:
– Boemo ba ho kenya boitsebiso bo rutang (mohlala, skrine ea masapo ho e-na le spinner ea khale).
– Melaetsa e itseng ea liphoso ("Imeile e fosahetseng") ho e-na le e tloaelehileng ("Phoso e etsahetse").
– Netefatsa tlhahiso ka nako ea sebele neng kapa neng ha ho khoneha, e le hore basebelisi ba se ke ba tlameha ho qala bocha.
Maikutlo a hlakileng a hlahisa maikutlo a taolo mme a eketsa tshepo.
8. Beha pele ho baloa habonolo: mongolo le phapang
Sebopeho se setle sa mosebelisi se lokela ho ba bonolo ho se bala. Khetha boholo ba mongolo bo loketseng di-skrini tse nyane, bo nang le sebaka se lekaneng sa mela. Qoba dirapa tse telele ka boloko bo le bong; di arole ka dikarolo tse nyane.
Phapang ea 'mala le eona ea bohlokoa. Mongolo o moputsoa o bobebe ka morao o mosoeu o ka shebahala o le oa sejoale-joale, empa o ka ba thata ho o bala. Latela litataiso tsa phihlello (joalo ka WCAG) ho netefatsa phapang e lekaneng, haholo-holo bakeng sa basebelisi ba nang le bokooa ba pono.
9. Moralo bakeng sa boholo le maemo a fapaneng a skrine
Lisebelisoa tsa mehala ea thekeng li sebelisoa lisebelisoa tse fapaneng: li-skrini tse nyane, li-skrini tse kholo, mekhoa ea ho sheba litšoantšo/potreite, esita le mabone a khanyang a kantle. Netefatsa hore lia arabela 'me ha li "petsohe" ha boholo ba skrine bo fetoha.
Malebela a sebetsang:
– Sebelisa gridi le lithibelo (Moralo o Iketsang) ho etsa hore likarolo li lumellane.
– Etsa bonnete ba hore mongolo ha o kgaolwe.
– Qoba ho beha tlhahisoleseding ea bohlokoa haufi haholo le mathōko a skrine kapa sekhutlo.
– Leka pontsho ho disebediswa tse ngata le di-emulator.
Ha o leka maemo a fapaneng haholo, kotsi ea mathata a UX tlhahisong e fokotseha.
10. Nahana ka phihlello ho tloha qalong
Phihlello ha se tšobotsi ea boikhethelo, empa ke karolo ea bohlokoa ea UX e ntle. Mehato e 'maloa e bonolo e ka ba le tšusumetso e kholo:
– Etsa bonnete ba hore boholo ba mongolo bo ka latela di-setting tsa sistimi (mofuta o fetohang).
– Hlalosa matšoao ka ho hlaka (u se ke ua itšetleha feela ka matšoao).
– Qoba ho fetisa tlhahisoleseding ka mmala feela (mohlala, bofubedu/botala) ntle le mongolo o tshehetsang.
– Fana ka tlhokomelo e hlakileng bakeng sa ho tsamaya (haholo-holo haeba e tšehetsa keyboard kapa mahlale a thusang).
Phihlello e thusa bohle, eseng feela basebelisi ba nang le litlhoko tse khethehileng.
11. Sebelisa microkopi e mosa le e fanang ka tlhahisoleseling.
Microcopy ke mongolo o monyane o kang mabitso a dikonopo, di-placeholder, le melaetsa ya diphoso. Mongolo ona o monyane o bohlokwa bakeng sa hore na basebedisi ba utlwisisa seo ba lokelang ho se etsa. Sebedisa puo e bonolo, e tsitsitseng le e tobileng.
Mohlala oa kopi e ntle ea microscope:
– Konopo: “Boloka” e hlakile ho feta “Ho lokile”.
– Phoso: “Phasewete e tlameha ho ba bonyane litlhaku tse 8” e thusa ho feta “E sa sebetse”.
Fetola mokhoa oa puo ea hau ho latela botho ba lets'oao la hau, empa u behe pele ho hlaka.
12. Leka, lekanya, 'me u pheta-phete
Moralo oa UI/UX ha se mosebetsi o etsoang hanngoe feela. Kamora ho lokolloa, bokella lintlha le maikutlo:
– Etsa liteko tsa ts'ebeliso ho bona hore na basebelisi ba sebelisa sesebelisoa joang.
– Tlhahlobo ea funnel: basebelisi ba atisa ho theola mehato efe?
– Sebelisa limmapa tsa mocheso kapa ho rekota nako (haeba ho khoneha) ho utloisisa boitšoaro.
Ho latela lintlha tsena, etsa lintlafatso tse nyane hanyane ka hanyane. Liphetoho tse nyane tse kang ho tsamaisa CTA, ho fetola mabitso, kapa ho nolofatsa foromo hangata li fella ka lintlafatso tse kholo.
Ho koala
Malebela a moralo oa UI/UX bakeng sa lisebelisoa tsa mehala a shebane le ntho e le 'ngoe: ho thusa basebelisi ho fihlela lipheo tsa bona kapele, ka ho hlaka le ka mokhoa o bonolo. Qala ka lipatlisiso tsa basebelisi, haha mekhoa e bonolo, boloka botsitso ba pono, fana ka maikutlo a hlakileng, 'me u se ke ua lebala ka phihlello. Ka ts'ebetso e pheta-phetoang—leka, lekanya, ntlafatsa—sesebelisoa sa hau se tla hola 'me se fumane tšepo ea basebelisi.
Haeba o batla, nka o thusa ho theha sebopeho sa phallo ya mohlala bakeng sa mofuta o itseng wa tshebediso (mohlala, kgwebo ya inthanete, bophelo bo botle, thuto, kapa tsa ditjhelete) e nang le dikarolo tse kgothalletswang tsa UI.