Cishe uke waba khona ngaphambili. Sikhetha kanjani phakathi kokubonisa i-modal kubasebenzisi, futhi sibazulazula nini siye kwelinye elihlukile, ikhasi elisha? Futhi ingabe kunendaba? Empeleni, kuyakwenza. Isinqumo sinomthelela ekuhambeni kwabasebenzisi, umongo wabo, ikhono labo lokubheka imininingwane, kanye nobuningi bephutha nokuqedwa komsebenzi. Zombili izinketho zingaphazamisa futhi zikhungathekise - ngesikhathi esingalungile, nasendaweni engafanele. Ngakho-ke kungcono sikulungise kahle. Hhayi-ke, ake sibone ukuthi singakwenza kanjani lokho. Amamodeli vs. Izingxoxo vs. Imbondela vs. Lightboxes Ngenkathi sivame ukukhuluma ngengxenye ye-UI ye-modal eyodwa, sivamise ukuziba ama-nuances amahle, ayinkimbinkimbi phakathi kwazo zonke izinhlobo ezihlukene zamamodeli. Eqinisweni, akuwona wonke ama-modal afanayo. Amamodali, izingxoxo, izimbondela, namabhokisi okukhanya - konke kuzwakala kufana, kodwa empeleni kuhluke kakhulu:
I-DialogA igama elijwayelekile elithi “ingxoxo” (uhlelo ↔ lomsebenzisi). I-OverlayIphaneli yokuqukethwe encane eboniswa phezulu kwekhasi. I-ModalUser kufanele ihlanganyele nembondela + ingemuva likhutshaziwe. I-NonmodalUser kufanele ihlanganyele nembondela + ingemuva elinikwe amandla. Ingemuva le-LightboxDimmed ukuze ugxilise ukunaka ku-modal.
Njengoba u-Anna Kaley egqamisa, izimbotshana eziningi zivela ngesikhathi esingalungile, ziphazamisa abasebenzisi ngesikhathi semisebenzi ebucayi, zisebenzisa ulimi olubi, futhi zephule ukugeleza kwabasebenzisi. Ziyaphazamisa ngokwemvelo, futhi ngokuvamile zinezinga eliphezulu lokuqina ngaphandle kwesidingo esinamandla salokho.
Impela abasebenzisi kufanele behliswe ijubane futhi baphazamiseke uma imiphumela yesenzo sabo inomthelela ophezulu, kodwa ezimweni eziningi okungezona amamodeli kucashe kakhulu futhi kuyinketho enobungane yokuletha okuthile ekunakeni komsebenzisi. Uma kukhona, ngihlala ngiphakamisa ukuthi kube okuzenzakalelayo. Ama-Modal → Emisebenzini Eyodwa, Eziqukethwe Wena Njengabaklami, sivamise ukulahla amamodeli njengezingabalulekile futhi ayacasula - futhi ngokuvamile ziba njalo! - nokho anenani lawo futhi. Zingasiza kakhulu ukuxwayisa abasebenzisi ngamaphutha angaba khona noma zibasize bagweme ukulahleka kwedatha. Bangakwazi futhi ukwenza izenzo ezihlobene noma bangene emininingwaneni ngaphandle kokuphazamisa isimo samanje sekhasi. Kodwa inzuzo enkulu yamamodali ukuthi asiza abasebenzisi ukugcina umongo wesikrini samanje. Akusho i-UI kuphela, kodwa nokufaka okuhleliwe, indawo yokuskrola, isimo sama-accordion, ukukhethwa kwezihlungi, ukuhlunga, nokunye.
Ngezinye izikhathi, abasebenzisi badinga ukuqinisekisa okukhethiwe ngokushesha (isb., izihlungi njengoba kukhonjisiwe ngenhla) bese uqhubeka ngokushesha ukusuka lapho. Ukulondoloza okuzenzakalelayo kungafeza okufanayo, kunjalo, kodwa akudingekile noma kufiswa ngaso sonke isikhathi. Futhi ukuvimba i-UI ngokuvamile akuwona umqondo omuhle. Kodwa-ke, amamodeli awasetshenziselwa noma yimiphi imisebenzi. Ngokuvamile, siwasebenzisela imisebenzi eyodwa, eziqukethwe yona lapho abasebenzisi kufanele bagxumele khona, baqedele umsebenzi, bese bebuyela lapho kade bebekhona. Ngokungamangalisi, asebenza kahle ekubalulekeni okuphezulu, ukusebenzisana okufushane (isb., izexwayiso, izenzo ezilimazayo, iziqinisekiso ezisheshayo). Lapho amamodeli esiza: 🚫 Amamodeli ngokuvamile ayaphazamisa, ayahlasela, futhi ayadida.🚫 Akwenza kube nzima ukuqhathanisa nokukopisha-unamathise.✅ Nokho amamodeli avumela abasebenzisi ukuthi balondoloze okuqukethwe okuningi.✅ Kuwusizo ukuvimbela amaphutha angenakulungiseka nokulahleka kwedatha.✅ Kuwusizo uma ukuthumela abasebenzisi ekhasini elisha kuzophazamisa. ✅ Bonisa imodeli kuphela uma abasebenzisi bezokwazisa ukuphazamiseka.✅ Ngokuzenzakalelayo, khetha izingxoxo ezingavimbeli (“nonmodals”).✅ Vumela abasebenzisi ukuthi banciphise, bafihle, noma babuyisele ingxoxo kamuva.✅ Sebenzisa i-modal ukuze wehlise ijubane abasebenzisi, isb., uqinisekise okokufaka okuyinkimbinkimbi.✅ Nikeza indlela yokuphuma ngokhiye othi “Vala, noma chofoza ESC”, Amakhasi → Okokugeleza Okuyinkimbinkimbi, Okunezinyathelo Eziningi Abathakathi noma ukuzulazula okunethebhu ngaphakathi kwemodeli akusebenzi kahle kakhulu, ngisho nasemikhiqizweni yebhizinisi eyinkimbinkimbi - lapho, amaphaneli aseceleni noma amadrowa ngokuvamile asebenza kangcono. Izinkinga ziqala lapho abasebenzisi bedinga ukuqhathanisa noma amaphoyinti edatha yereferensi — nokho amamodeli avimba lokhu kuziphatha, ngakho bavula kabusha ikhasi elifanayo kumathebhu amaningi esikhundleni salokho.
Ukuze uthole ukugeleza okuyinkimbinkimbi nezinqubo zezinyathelo eziningi, amakhasi azimele asebenza kahle kakhulu. Amakhasi aphinde asebenze kangcono uma efuna ukunakwa okugcwele komsebenzisi, futhi ukubhekisela kusikrini sangaphambilini akusizi kakhulu. Futhi amadrowa asebenzela imisebenzi emincane eyinkimbinkimbi kakhulu kumodeli elula, kodwa engadingi ukuzulazula kwekhasi eligcwele. Nini ukugwema amamodeli: 🚫 Gwema amamodeli emilayezo yephutha.🚫 Gwema amamodeli ngezaziso zesici.🚫 Gwema amamodeli okuhlangenwe nakho kokugibela.🚫 Gwema amamodeli wemisebenzi eyinkimbinkimbi, ende enezinyathelo eziningi.🚫 Gwema amamodeli amaningi anezidleke futhi esikhundleni salokho usebenzise okwandulele/okulandelayo.🚫 Gwema ngokuphelele izindlela zokuzenzakalela. Kugweme KokubiliOkwemisebenzi Ephindaphindiwe Emikhiqizweni eminingi eyinkimbinkimbi, enzima, abasebenzisi bazozithola benza imisebenzi efanayo ngokuphindaphindiwe, ngokuphindaphindiwe. Lapho, kokubili amamodeli nokuzulazula kwekhasi elisha kwengeza ukungqubuzana ngoba kuphazamisa ukugeleza noma kuphoqa abasebenzisi ukuthi baqoqe idatha engekho phakathi kwawo wonke amathebhu ahlukene noma ukubuka. Kaningi, abasebenzisi bagcina benesipiliyoni esiphukile, esigcwele iziqinisekiso ezingapheli, izexwayiso eziyihaba, imiyalelo ye-verbose, noma amaphuzu ayisithenjwa angekho. Njengoba uSawuleus Stebulis ashilo, kulezi zimo, izigaba ezinwebekayo noma ukuhlela endaweni ngokuvamile kusebenza kangcono - zigcina umsebenzi ugxile esikrinini samanje. Empeleni, ezimweni eziningi, abasebenzisi abaqedi imisebenzi yabo bodwa. Kudingeka babheke idatha, kopisha-namathisele amanani, benze ngcono okufakiwe ezindaweni ezihlukene, noma bavele babuyekeze amarekhodi afanayo njengoba benza imisebenzi yabo. Imbondela namadrowa awusizo kakhulu ekugcineni ukufinyelela kudatha yangasemuva phakathi nomsebenzi. Ngenxa yalokho, umongo uhlala usendaweni yawo, utholakalela ireferensi noma unamathisele. Londoloza amamodeli nokuzulazula kwekhasi ngezikhathi lapho ukuphazamiseka kwengeza inani ngempela — ikakhulukazi ukuvimbela amaphutha abucayi. Ama-Modal vs. Amakhasi: Isihlahla Sesinqumo Esikhathini esithile emuva, u-Ryan Neufeld wahlanganisa umhlahlandlela owusizo kakhulu ukusiza abaklami bakhethe phakathi kwamamodeli namakhasi. Iza ne-cheatsheet ye-PNG ewusizo kanye nesifanekiso se-Google Amadokhumenti esinemibuzo ehlukaniswe ezigabeni ezingu-7. Kude, kucophelela kakhulu, kodwa kulula kakhulu ukukulandela:
Kungase kubonakale kunzima, kodwa kuyisinyathelo esi-4:
Okuqukethwe kwesikrini.Okokuqala, sihlola ukuthi abasebenzisi badinga ukugcina umongo wesikrini esingaphansi. Ubunkimbinkimbi bomsebenzi kanye nobude besikhathi.Imisebenzi elula, egxilile, engaphazamisi ingasebenzisa i-modal, kodwa ukugeleza okude, okuyinkimbinkimbi kudinga ikhasi. Ireferensi yekhasi eliyisisekelo.Bese sihlola ukuthi abasebenzisi bavame ukudinga ukubhekisela kudatha engemuva noma uma umsebenzi uwukuqinisekisa noma ukukhetha okulula. Ukukhetha imbondela elungile.Ekugcineni, uma imbondela iyinketho enhle ngempela, iyasiqondisa ukuthi sikhethe phakathi kwe-modal noma okungeyona i-modal (ukuncika kokungeyona i-modal).
Esonga Noma nini lapho kunokwenzeka, gwema ukuvimba yonke i-UI. Iba nengxoxo entantayo, emboze kancane i-UI, kodwa evumela ukuzulazula, ukuskrola, nokunamathisela kokukopisha. Noma bonisa okuqukethwe kwe-modal njengekhabethe eliseceleni. Noma sebenzisa i-accordion eqondile esikhundleni salokho. Noma ulethe abasebenzisi ekhasini elihlukile uma udinga ukukhombisa imininingwane eminingi. Kodwa uma ufuna ukukhulisa ukusebenza kahle kanye nesivinini sabasebenzisi, gwema amamodeli ngazo zonke izindleko. Zisebenzisele ukunciphisa abasebenzisi, ukuhlanganisa ukunaka kwabo, ukuvikela amaphutha. Njengoba u-Therese Fessenden aphawula, akekho othanda ukuphazanyiswa, kodwa uma kufanele, qiniseka ukuthi kuzifanele ngokuphelele izindleko. Hlangana ne-“Smart Interface Design Patterns” Ungathola sonke isigaba esimayelana namamodeli nezinye izindlela kokuthi Amaphethini Wokuklama Isibonisi Esihlakaniphile, isifundo sethu sevidiyo engu-15h esinama-100s ezibonelo ezingokoqobo ezivela kumaphrojekthi wempilo yangempela — ngokuqeqeshwa kwe-UX bukhoma kamuva kulo nyaka. Yonke into kusukela ekwehleni okukhulu kuya kumathebula ebhizinisi ayinkimbinkimbi - anezigaba ezintsha ezi-5 njalo ngonyaka. Gxumela ekubukeni kuqala kwamahhala. Sebenzisa ikhodi ye-BIRDIE ukuze wonge isaphulelo esingu-15%. Hlangana ne-Smart Interface Design Patterns, isifundo sethu sevidiyo sokuklama isixhumi esibonakalayo ne-UX.
Ividiyo + Ukuqeqeshwa kwe-UXIvidiyo kuphelaIvidiyo + Ukuqeqeshwa kwe-UX$ 495.00 $ 699.00
Thola izifundo zevidiyo + ze-UX Training25 (15h) + Ukuqeqeshwa kwe-UX Bukhoma.Isiqinisekiso sokubuyiselwa imali sezinsuku eziyi-100.Ividiyo kuphela$ 300.00$ 395.00
Thola izifundo zevidiyo ezingama-40 (15h). Ibuyekezwa minyaka yonke.Futhi iyatholakala njengenqwaba ye-UX enezifundo zamavidiyo ezi-2.
Izinsiza Eziwusizo
Izinhlobo Ezihlukene Zezigelekeqe, ngu-Anna Kaley Izindlela Ezinhle Kakhulu Zokuklama Amamodeli e-UI, ngu-Uxcel Sisebenzisa Izindlela Ezimbi Kakhulu: Izinkombandlela ze-UX, ngu-Adrian Egger I-Modal & Nonmodal Dialogs, ngu-Therese Fessenden Idizayini ye-Modern Enterprise UI: Izingxoxo zeModal, nguJames Jacobs Amamodeli Ezinhlelweni Zokuklama
