Mhlawumbi ukhe waba khona ngaphambili. Sikhetha njani phakathi kokubonisa i-modal kubasebenzisi, kwaye sihamba nini ukuya kwiphepha elahlukileyo, elitsha? Kwaye ngaba ibalulekile? Eneneni, kuyenzeka. Isigqibo sichaphazela ukuhamba kwabasebenzisi, umxholo wabo, ukukwazi kwabo ukujonga iinkcukacha, kunye nempazamo rhoqo kunye nokugqitywa komsebenzi. Zombini iinketho zinokuphazamisa kwaye ziphazamise - ngexesha elingalunganga, kwaye kwindawo engafanelekanga. Ngoko kungcono siyilungise. Ewe, makhe sibone indlela yokwenza oko kanye. Iimodyuli vs. Dialogs vs. Ukwaleka vs. Lightboxes Ngelixa sihlala sithetha malunga necandelo le-UI yemodyuli enye, sihlala singahoyi izinto ezintle, ezintsonkothileyo phakathi kweentlobo ezahlukeneyo zeemodyuli. Enyanisweni, ayizizo zonke iimodali ezifanayo. Iimodyuli, iingxoxo, ii-overlays, kunye neebhokisi ezikhanyayo-zonke zivakala zifana, kodwa ngokwenene zahluke kakhulu:
I-DialogIgama eliqhelekileyo elithi “incoko” (inkqubo ↔ yomsebenzisi). UkugqithisaIphaneli yomxholo encinane eboniswe phezulu kwephepha. I-ModalUser kufuneka inxibelelane ne-overlay + yangasemva ivaliwe. Umsebenzisi ongeyomodyuli kufuneka adibane ne-overlay + yangasemva evuliwe. I-LightboxDimmed imvelaphi yokugxila kwi-modal.
Njengoko u-Anna Kaley eqaqambisa, uninzi lwamatye angaphezulu avela ngexesha elingalunganga, aphazamise abasebenzisi ngexesha lemisebenzi ebalulekileyo, asebenzise ulwimi olubi, kwaye aphule ukuhamba kwabasebenzisi. Ziyaphazamisa ngokwendalo, kwaye ngokuqhelekileyo zinezinga eliphezulu lobunzima ngaphandle kwesidingo esinamandla saloo nto.
Ngokuqinisekileyo abasebenzisi kufuneka behliselwe isantya kwaye baphazamiseke ukuba iziphumo zesenzo sabo zinempembelelo ephezulu, kodwa kwiimeko ezininzi ezingezizo iimodyuli zinobuqili ngakumbi kwaye ukhetho olunobuhlobo ngakumbi ukuzisa into kwingqwalasela yomsebenzisi. Ukuba kukho nantoni na, ndihlala ndiyicebisa ukuba ibe yinto engagqibekanga. Iimodyuli → Kumsebenzi omnye, oZimeleyo Njengabayili, sihlala sichitha iimodyuli njengezingabalulekanga kwaye ziyacaphukisa - kwaye zihlala zinjalo! — ukanti anexabiso lawo ngokunjalo. Zinokuba luncedo kakhulu ukulumkisa abasebenzisi malunga neempazamo ezinokwenzeka okanye ukubanceda baphephe ilahleko yedatha. Banokunceda ukwenza iintshukumo ezinxulumeneyo okanye ukubhola phantsi kwiinkcukacha ngaphandle kokuphazamisa imeko yangoku yephepha. Kodwa inzuzo enkulu yeemodyuli kukuba inceda abasebenzisi ukugcina umxholo wesikrini sangoku. Ayithethi nje i-UI, kodwa kunye negalelo elihleliweyo, indawo yokuskrola, imeko yee-accordion, ukhetho lwezihluzi, ukuhlela, njalo njalo.
Ngamanye amaxesha, abasebenzisi kufuneka baqinisekise ukhetho ngokukhawuleza (umzekelo, izihluzi njengoko kubonisiwe ngasentla) kwaye emva koko uqhubeke ngokukhawuleza ukusuka apho. Ukugcina ngokuzenzekelayo kunokufezekisa okufanayo, kunjalo, kodwa akusoloko kuyimfuneko okanye kufunwa. Kwaye ukuvala i-UI kaninzi ayingombono olungileyo. Nangona kunjalo, iimodyuli azisetyenziselwa nayiphi na imisebenzi. Ngokwesiqhelo, sizisebenzisela imisebenzi enye, ezimeleyo apho abasebenzisi kufuneka baxhume, bagqibezele umsebenzi, kwaye babuyele apho bebekuyo. Ngokungathandabuzekiyo, basebenza kakuhle kwizinto eziphambili eziphambili, ukusebenzisana okufutshane (umzekelo, izilumkiso, izenzo ezitshabalalisayo, ukuqinisekiswa okukhawulezayo). Xa iimodeli zinceda: 🚫 Iimodyuli zihlala ziphazamisa, zihlasela kwaye ziyabhidisa.🚫 Zenza kube nzima ukuthelekisa kunye nokukopa-uncamathisele.✅ Nangona iimodyuli zivumela abasebenzisi ukugcina iimeko ezininzi.✅ Iluncedo ukunqanda iimpazamo ezingenakulungiseka kunye nokulahleka kwedatha.✅ Iluncedo ukuba ukuthumela abasebenzisi kwiphepha elitsha kunokuphazamisa. ✅ Bonisa imodali kuphela ukuba abasebenzisi baya kuxabisa ukuphazamiseka.✅ Ngokuzenzekelayo, khetha iingxoxo ezingavaliyo (“nonmodals”).✅ Vumela abasebenzisi ukuba banciphise, bafihle, okanye babuyisele ingxoxo kamva.✅ Sebenzisa imodali ukucothisa abasebenzisi, umz., qinisekisa igalelo elintsonkothileyo.✅ Nika indlela yokuphuma ngo-“Close, okanye nqakraza iqhosha le-ESC” ngaphandle kwebhokisi. Amaphepha → EyokuHamba, ukuHamba kokuSebenza okuManyathelo amaninzi IiWizards okanye ukukhangela kwi-tabbed ngaphakathi kweemodyuli akusebenzi kakuhle, nakwimveliso yeshishini elintsonkothileyo - apho, iipaneli ezisecaleni okanye iidrowa zisebenza ngcono. Iingxaki ziqala xa abasebenzisi befuna ukuthelekisa okanye iindawo zedatha yereferensi - ukanti iimodyuli zithintela le ndlela yokuziphatha, ngoko ke ziphinda zivule iphepha elifanayo kwiithebhu ezininzi endaweni yoko.
Ukuqukuqela okuntsokothileyo kunye neenkqubo zamanyathelo amaninzi, amaphepha azimeleyo asebenza ngcono. Amaphepha asebenza ngcono xa efuna ingqalelo epheleleyo yomsebenzisi, kwaye ireferensi yesikrini sangaphambili ayiloncedo kakhulu. Kwaye iidrowa zisebenzela imisebenzi engaphantsi entsokothileyo kakhulu kwimodali elula, kodwa ayifuni kukhangelwa kwephepha elipheleleyo. Uziphepha nini iimodeli: 🚫 Ziphephe iimodyuli zemiyalezo yempazamo.🚫 Ziphephe iimodyuli zezaziso zenqaku.🚫 Ziphephe iimodyuli zamava okukhwela.🚫 Ziphephe iimodyuli zemisebenzi entsonkothileyo, ende enenyathelo elininzi.🚫 Ziphephe iimodyuli ezininzi ezibekwe kwindlwane kwaye endaweni yoko usebenzise ezangaphambili/ezilandelayo ngaphandle kokuba kunyanzelekile. Ziphephe ZombiniNgeMisebenzi ePhindwayo Kwiimveliso ezininzi ezinzima, ezinomsebenzi onzima, abasebenzisi baya kuzifumana besenza imisebenzi efanayo ngokuphindaphindiweyo, ngokuphindaphindiweyo. Apho, zombini iimodyuli kunye nokuhamba kwekhasi elitsha longeza ukungqubana kuba ziphazamisa ukuhamba okanye zinyanzelise abasebenzisi ukuba baqokelele idatha engekhoyo phakathi kwazo zonke iithebhu ezahlukeneyo okanye iimbono. Amaxesha amaninzi, abasebenzisi baphela benamava aphukileyo, agcwele iziqinisekiso ezingapheliyo, izilumkiso ezibaxiweyo, imiyalelo ye-verbose, okanye iindawo zokubhekisela ezilahlekileyo. Njengoko uSawuleus Stebulis ekhankanyile, kwezi meko, amacandelo anokwandiswa okanye ukuhlela kwindawo kaninzi kusebenza ngcono - bagcina umsebenzi ubambelele kwiscreen sangoku. Ngokwesiqhelo, kwiimeko ezininzi, abasebenzisi abayigqibi imisebenzi yabo bebodwa. Kufuneka bajonge idatha, bakhuphele-uncamathisele amaxabiso, bacokise amangeno kwiindawo ezahlukeneyo, okanye baphonononge iirekhodi ezifanayo njengoko besebenza kwimisebenzi yabo. Ukugqithisa kunye needrowa ziluncedo ngakumbi ekugcineni ukufikelela kwidatha yangasemva ngexesha lomsebenzi. Ngenxa yoko, umxholo uhlala uhlala kwindawo yawo, ufumaneka kwireferensi okanye ikopi-uncamathisele. Gcina iimodyuli kunye nokukhangela kwephepha kumaxesha apho uphazamiseko longeza ixabiso ngokunyanisekileyo - ngakumbi ukukhusela iimpazamo ezibalulekileyo. Iimodeli vs. Amaphepha: Umthi wesigqibo Ngexesha elithile, uRyan Neufeld wadibanisa isikhokelo esiluncedo kakhulu sokunceda abaqulunqi bakhethe phakathi kweemodyuli kunye namaphepha. Iza kunye ne-PNG cheatsheet eluncedo kunye netemplate ye-Google Doc enemibuzo eyaphukileyo kumacandelo e-7. Inde, icokisekile kakhulu, kodwa kulula ukuyilandela:
Isenokujongeka isoyikeka, kodwa yinkqubo elula ene-4:
Umxholo wesikrini.Okokuqala, sijonga ukuba ngaba abasebenzisi bafuna ukugcina umxholo wesikrini esisezantsi. Ubunzima bomsebenzi kunye nobude bexesha.Imisebenzi elula, egxininisekileyo, engaphazamisiyo inokusebenzisa i-modal, kodwa ixesha elide, ukuhamba okuyinkimbinkimbi kufuna iphepha. Isalathiso kwiphepha elingaphantsi.Emva koko, sijonga ukuba ngaba abasebenzisi bahlala befuna ukubhekisa kwidatha yangasemva okanye ukuba umsebenzi sisiqinisekiso okanye ukhetho olulula. Ukukhetha umaleka ochanekileyo.Okokugqibela, ukuba isigqubuthelo silukhetho olulungileyo, siyasikhokela ukuba sikhethe phakathi kwemodal okanye i-nonmodal (ukungqiyama kwi-nonmodal).
Ukusonga Nanini na kunokwenzeka, kunqanda ukuvalela yonke i-UI. Yiba nencoko yababini edadayo, egquma i-UI ngokuyinxenye, kodwa ivumela ukukhangela, ukuskrola, kunye nokukopa-uncamathisele. Okanye ubonise imixholo ye-modal njenge-drawer esecaleni. Okanye sebenzisa iakhodiyoni ethe nkqo endaweni yoko. Okanye uzise abasebenzisi kwiphepha elahlukileyo ukuba ufuna ukubonisa iinkcukacha ezininzi. Kodwa ukuba ufuna ukonyusa ukusebenza kunye nesantya sabasebenzisi, ziphephe iimodyuli ngazo zonke iindleko. Zisebenzise ukucothisa abasebenzisi, ukubopha ingqalelo yabo, ukuthintela iimpazamo. Njengoko uTherese Fessenden waphawula, akukho mntu uthanda ukuphazanyiswa, kodwa ukuba kufuneka, qiniseka ukuba uzixabisa ngokupheleleyo iindleko. Dibana ne "Iipateni zoYilo lwesijongano esiSmart" Unokufumana icandelo elipheleleyo malunga neemodyuli kunye nezinye iindlela kwi-Smart Interface Design Patterns, ikhosi yethu ye-15h-video kunye ne-100 yemizekelo ebonakalayo evela kwiiprojekthi zobomi bangempela - kunye noqeqesho lwe-UX ephilayo kamva kulo nyaka. Yonke into ukusuka kwi-mega-dropdowns ukuya kwiitafile ezintsonkothileyo zeshishini- kunye namacandelo ama-5 amatsha adityaniswa minyaka le. Tsibela kumboniso wasimahla. Sebenzisa ikhowudi ye-BIRDIE ukugcina i-15% yesaphulelo. Dibana neepateni zoYilo lwesiNxibelelwano esiSmart, ikhosi yethu yevidiyo kuyilo lojongano kunye ne-UX.
IVidiyo + yoQeqesho lweUXIvidiyo kuphela + Uqeqesho lwe-UX$ 495.00 $ 699.00
Fumana iVidiyo + ye-UX Training25 izifundo zevidiyo (15h) + UQeqesho lwe-UX Live.Iintsuku ezili-100 zokubuyisela imali.Ividiyo kuphela$ 300.00$ 395.00
Fumana ikhosi yevidiyo izifundo zevidiyo ezingama-40 (15h). Ihlaziywa minyaka le.Ikwafumaneka njenge-UX Bundle enezifundo zevidiyo ezi-2.
Izixhobo eziluncedo
Iindidi ezahlukeneyo zePopups, nguAnna Kaley IiNdlela eziGqwesileyo zokuYila iiModyuli ze-UI, ngu-Uxcel Sisebenzisa Iindlela ezininzi kakhulu zeDamn: Izikhokelo ze-UX, ngu-Adrian Egger Iingxoxo zeModal & Nonmodal, nguTherese Fessenden Uyilo lweUI yoShishino lwangoku: Iingxoxo zeModal, nguJames Jacobs Iimodeli kwiiNkqubo zoYilo