Birashoboka ko wari uhari mbere. Nigute dushobora guhitamo hagati yo kwerekana modal kubakoresha, kandi ni ryari tuyiyobora kurupapuro rutandukanye, rushya? Kandi ntacyo bitwaye rwose? Mubyukuri, birashoboka. Icyemezo kigira ingaruka kubakoresha, imiterere yabyo, ubushobozi bwabo bwo kureba amakuru arambuye, hamwe nibibazo byinshyi hamwe no kurangiza imirimo. Amahitamo yombi arashobora guhungabanya no gutesha umutwe - mugihe kitari cyo, nahantu habi. Byaba byiza rero tubyumvise neza. Muraho, reka turebe uko twabikora. Uburyo hamwe na Dialogs na Kurenga na Lightbox Mugihe dukunze kuvuga kubijyanye na moderi imwe ya UI, akenshi twirengagiza ibintu byiza, bigoye hagati yubwoko butandukanye bwuburyo. Mubyukuri, ntabwo modal yose ari imwe. Uburyo, ibiganiro, kurenga, hamwe nagasanduku - byose bisa, ariko mubyukuri biratandukanye:
DialogIjambo rusange "kuganira" (ukoresha ↔ sisitemu). Kurengana Akantu gato kerekana ibintu hejuru yurupapuro. ModalUser igomba gukorana na overlay + background yarahagaritswe. NonmodalUser igomba gukorana na overlay + background ishoboye. LightboxDimmed background kugirango yibande kuri modal.
Nkuko Anna Kaley abigaragaza, ibyinshi birenga bigaragara mugihe kitari cyo, guhagarika abakoresha mugihe cyimirimo ikomeye, gukoresha imvugo mbi, no guhagarika abakoresha. Birahagarikwa na kamere, kandi mubisanzwe hamwe nurwego rwo hejuru rwuburemere bidakenewe cyane kubyo.
Nukuri abakoresha bagomba gutinda no guhagarikwa niba ingaruka zibyo bakoze zigira ingaruka nyinshi, ariko kuri ssenariyo nyinshi zitari modal zirasobanutse cyane kandi ninshuti zinshuti zo kuzana ikintu mubitekerezo byukoresha. Niba hari icyo, burigihe ndasaba ko byanze bikunze. Uburyo → Kubireba Ingaragu, Yigenga-Imirimo Nkabashushanya, dukunze kwirukana modal nkidafite akamaro kandi irakaze - kandi akenshi ni! - nyamara bafite agaciro kabo. Barashobora gufasha cyane kuburira abakoresha amakosa ashobora kubaho cyangwa kubafasha kwirinda gutakaza amakuru. Barashobora kandi gufasha gukora ibikorwa bifitanye isano cyangwa gutobora muburyo burambuye bitabangamiye imiterere yurupapuro. Ariko inyungu nini yuburyo ni uko bafasha abakoresha kugumana imiterere ya ecran iriho. Ntabwo bivuze UI gusa, ariko kandi yahinduwe ibyinjijwe, umwanya wo kuzunguruka, imiterere ya bordon, guhitamo gushungura, gutondeka, nibindi.
Rimwe na rimwe, abakoresha bakeneye kwemeza guhitamo vuba (urugero, muyunguruzi nkuko bigaragara hejuru) hanyuma bagahita bava aho. Auto-save irashobora kugera kuri kimwe, birumvikana, ariko ntabwo buri gihe ikenewe cyangwa yifuzwa. Kandi guhagarika UI akenshi ntabwo ari igitekerezo cyiza. Ariko, moderi ntabwo ikoreshwa kubikorwa byose. Mubisanzwe, turabakoresha kubikorwa bimwe, byigenga aho abakoresha bagomba gusimbukira, kurangiza umurimo, hanyuma tugasubira aho bari. Ntabwo bitangaje, bakora akazi keza cyane-byihutirwa, imikoranire migufi (urugero, kumenyesha, ibikorwa byangiza, kwemeza byihuse). Iyo uburyo bufasha: 🚫 Modals akenshi irahungabanya, itera, kandi iteye urujijo.🚫 Bituma bigorana kugereranya no gukoporora-paste.✅ Nyamara uburyo butuma abakoresha bagumana imiterere myinshi.✅ Nibyiza mugukumira amakosa adasubirwaho no gutakaza amakuru.✅ Byaba byiza iyo kohereza abakoresha kurupapuro rushya byahungabanya. . Erekana modal gusa niba abakoresha bazaha agaciro ihungabana.✅ Mubisanzwe, hitamo ibiganiro bitabujije ("nonmodals"). ✅ Emerera abakoresha kugabanya, guhisha, cyangwa kugarura ibiganiro nyuma. Urupapuro → Kubintu bigoye, byinshi-Intambwe Yakazi Ubupfumu cyangwa uburyo bwo kugendagenda muburyo butandukanye ntibukora neza, ndetse no mubicuruzwa bigoye byinganda - ngaho, imbaho zo kuruhande cyangwa ibishushanyo bisanzwe bikora neza. Ibibazo bitangira mugihe abakoresha bakeneye kugereranya cyangwa kwerekana amakuru yamakuru - nyamara modals ihagarika iyi myitwarire, nuko bongera gufungura page imwe mumasomo menshi aho.
Kubintu byinshi bigoye gutembera hamwe nintambwe nyinshi, paji yihariye ikora neza. Urupapuro narwo rukora neza mugihe basabye ko umukoresha yitabwaho byuzuye, kandi kwerekeza kuri ecran yabanjirije ntabwo bifasha cyane. Kandi ibishushanyo bikora kumurimo muto-bigoye cyane kuburyo bworoshye, ariko ntibikeneye urupapuro rwuzuye. Igihe cyo kwirinda uburyo: Irinde uburyo bwubutumwa bwamakosa.🚫 Irinde uburyo bwo kumenyesha ibintu.🚫 Irinde uburyo bwo gukora uburambe. Irinde ByombiKubikorwa Byasubiwemo Mubintu byinshi bigoye, ibikorwa-biremereye, abakoresha bazisanga bakora imirimo imwe inshuro nyinshi, inshuro nyinshi. Hano, byombi modal hamwe nurupapuro rushya rwo kugenda byongeramo ubushyamirane kuko bihagarika urujya n'uruza cyangwa gukoresha abakoresha gukusanya amakuru yabuze hagati ya tabs cyangwa ibitekerezo bitandukanye. Kenshi na kenshi, abakoresha barangiza bafite uburambe bwacitse, bwuzuye ibyemezo bitarangira, kuburira gukabya, amabwiriza ya verose, cyangwa kubura ingingo zerekana. Nkuko Saulius Stebulis yabivuze, muribi bihe, ibice byaguka cyangwa guhindura ahabigenewe akenshi bikora neza - bagumya imirimo kuri ecran ya none. Mu myitozo, mubihe byinshi, abakoresha ntibarangiza imirimo yabo mu bwigunge. Bakeneye gushakisha amakuru, gukoporora-paste indangagaciro, gutunganya ibyanditswe ahantu hatandukanye, cyangwa gusubiramo gusa inyandiko zisa nkuko bakora binyuze mubikorwa byabo. Ibirenga hamwe n'ibishushanyo bifasha cyane mukubungabunga amakuru yimbere mugihe cyakazi. Nkigisubizo, ibivugwamo burigihe biguma mumwanya wabyo, biboneka kubisobanuro cyangwa gukoporora. Bika modal hamwe nurupapuro rwo kugendana kumwanya aho guhagarika byongera agaciro - cyane cyane kugirango wirinde amakosa akomeye. Uburyo hamwe nurupapuro: Igiti Cyemezo Mugihe gito, Ryan Neufeld yashyize hamwe ubuyobozi bufasha cyane kugirango bafashe abashushanya guhitamo hagati yimpapuro nimpapuro. Iza ifite urupapuro rwiza rwa PNG hamwe nicyitegererezo cya Google Doc hamwe nibibazo byacitsemo ibice 7. Ni birebire, byuzuye, ariko biroroshye gukurikiza:
Irashobora kugaragara iteye ubwoba, ariko ni inzira yoroshye yintambwe 4:
Imiterere ya ecran.Bwa mbere, turagenzura niba abakoresha bakeneye gukomeza imiterere ya ecran iri munsi. Inshingano zigoye nigihe kirekire.Ibikorwa byoroshye, byibanze, bitagusamaza bishobora gukoresha modal, ariko birebire, bigoye bitemba bikeneye page. Reba kurupapuro rwihishwa.Noneho, turagenzura niba abakoresha akenshi bakeneye kohereza amakuru inyuma cyangwa niba umurimo ari kwemeza byoroshye cyangwa guhitamo. Guhitamo neza.
Gupfunyika Igihe cyose bishoboka, irinde guhagarika UI yose. Gira ikiganiro kireremba, gitwikiriye igice UI, ariko wemerera kugendagenda, kuzunguruka, no gukoporora. Cyangwa werekane ibiri muri modal nkigikoresho cyo kuruhande. Cyangwa ukoreshe umurongo uhagaze. Cyangwa uzane abakoresha kurupapuro rwihariye niba ukeneye kwerekana byinshi birambuye. Ariko niba ushaka kuzamura abakoresha no kwihuta, irinde modal kubiciro byose. Koresha kugirango ugabanye abakoresha gahoro, guhuza ibitekerezo byabo, kugirango wirinde amakosa. Nkuko Therese Fessenden yabivuze, ntamuntu ukunda guhagarikwa, ariko niba ugomba, menya neza ko bikwiye rwose ikiguzi. Hura “Igishushanyo mbonera cya Smart Interface” Urashobora kubona igice cyose kijyanye nuburyo nuburyo butandukanye muburyo bwa Smart Interface Igishushanyo mbonera, amasomo yacu ya 15h-videwo hamwe ningero 100 zingero zifatika ziva mubikorwa byubuzima - hamwe namahugurwa ya UX nzima nyuma yuyu mwaka. Ibintu byose kuva mega-kumanuka kugeza kumeza yibikorwa byinganda - hamwe nibice 5 bishya byongewe buri mwaka. Simbukira kubuntu. Koresha code BIRDIE kugirango ubike 15%. Tahura na Smart Interface Igishushanyo mbonera, amasomo yacu ya videwo kubishushanyo mbonera & UX.
Video + UX AmahugurwaVideo gusaVideo + UX Amahugurwa $ 495.00 $ 699.00
Shakisha Video + UX Amahugurwa 25 ya videwo (15h) + Amahugurwa ya Live UX.100 iminsi amafaranga-gusubiza- garanti.Video gusa $ 300.00 $ 395.00
Shaka amasomo ya videwo40 amasomo ya videwo (15h). Kuvugururwa buri mwaka.Ikindi kiboneka nka UX Bundle hamwe namasomo 2 ya videwo.
Ibikoresho Byingirakamaro
Ubwoko butandukanye bwa popups, na Anna Kaley Imyitozo myiza yo gushushanya UI Moderi, na Uxcel Dukoresha Byinshi Muburyo Bwuzuye: Amabwiriza ya UX, na Adrian Egger Modal & Nonmodal Dialogs, by Therese Fessenden Igishushanyo cya kijyambere UI Igishushanyo: Ikiganiro Modal, na James Jacobs Uburyo muburyo bwo gushushanya
