Gongwe o kile wa ya koo pele. Re tlhopha jang fa gare ga go bontsha badirisi modal, mme re ba tsamaisetsa leng kwa tsebeng e e farologaneng, e ntšha? Mme a go botlhokwa gotlhelele? Tota e bile, e a dira. Tshwetso e tlhotlheletsa kelelo ya badirisi, bokao jwa bone, bokgoni jwa bone jwa go batla dintlha, le ka yone makgetlo a diphoso le go wediwa ga tiro. Dikgetho tsena ka bobedi di ka sitisa le ho kgoreletsa — ka nako e fosahetseng, le sebakeng se fosahetseng. Ka jalo go botoka re e tshwara sentle. Ebu, a re bone gore re ka dira jang seo. Dimodale kgatlhanong le Dipuisano kgatlhanong le Dipegelo kgatlhanong le Mabokoso a Lesedi Le fa gantsi re bua ka karolo e le nngwe ya UI ya modal, gantsi re itlhokomolosa dintlha tse dintle, tse di raraaneng fa gare ga mefuta yotlhe e e farologaneng ya di-modal. Tota e bile, ga se modal mongwe le mongwe o o tshwanang. Di-modal, dipuisano, di-overlay, le di-lightbox — tsotlhe di utlwala di tshwana, mme tota di farologane thata:
DialogLereo le le akaretsang la “motlotlo” (modirisi ↔ tsamaiso). OverlayPhanele e nnye ya diteng e e bontshiwang mo godimo ga tsebe. ModalUser e tshwanetse go dirisana le go apesa + lemorago le le thibetsweng. NonmodalUser e tshwanetse go dirisana le go apesa + lemorago le le kgontshitsweng. LightboxLemorago le le fokoditsweng go tsepamisa tlhokomelo mo modal.
Jaaka Anna Kaley a tlhalosa, bontsi jwa di-overlay di tlhagelela ka nako e e sa siamang, di kgoreletsa badirisi ka nako ya ditiro tse di botlhokwa, di dirisa puo e e bokoa, le go kgaola kelelo ya badirisi. Di kgoreletsa ka tlhaho, mme ka tlwaelo ka boemo bo phahameng ba boima ntle le tlhokeho e matla ya seo.
Ruri badirisi ba tshwanetse go fokodiwa le go kgaosediwa fa ditlamorago tsa tiro ya bone di na le tlhotlheletso e kgolo, mme mo maemong a mantsi di-non-modal di bofitlha thata e bile ke kgetho e e botsalano go tlisa sengwe mo tlhokomelong ya modirisi. Fa e le gore go na le sengwe, ka metlha ke akantsha gore e nne thulaganyetsoruri. Dimodale → Tsa Ditiro Tse di Ikemetseng Jaaka batlhami, gantsi re kgaphela di-modal kwa thoko jaaka tse di seng maleba le tse di tenang — mme gantsi di ntse jalo! — le fa go ntse jalo di na le boleng jwa tsone le tsone. Di ka thusa thata go tlhagisa badirisi ka diphoso tse di ka nnang teng kgotsa go ba thusa go tila go latlhegelwa ke tshedimosetso. Gape di ka thusa go dira ditiro tse di amanang le seno kgotsa go tsenelela mo dintlheng kwantle ga go kgoreletsa boemo jwa ga jaanong jwa tsebe. Empa molemo o moholo ka ho fetisisa oa modals ke hore ba thusa basebedisi ba boloka bokahare ba skrine jwale. Ga go reye fela UI, mme gape le tsenyo e e tselegantsweng, boemo jwa go tsamaya, boemo jwa di-accordion, go tlhopha ditlhotlhi, go tlhopha, jalo le jalo.
Ka dinako tse dingwe, badirisi ba tlhoka go tlhomamisa tlhopho ka bonako (ka sekai, ditlhotlhi jaaka go bontshitswe fa godimo) mme ba bo ba tswelela ka bonako go tswa foo. Go boloka ka go itirisa go ka fitlhelela se se tshwanang, e le ruri, mme ga se ka metlha go tlhokegang kgotsa go elediwa. Mme go thibela UI gantsi ga se kgopolo e e siameng. Le fa go ntse jalo, di-modal ga di dirisiwe mo ditirong dipe. Ka tlwaelo, re di dirisetsa ditiro tse di le nosi, tse di ikemetseng mo badirisi ba tshwanetseng go tlolela mo teng, go wetsa tiro, mme ba bo ba boela kwa ba neng ba le teng. Ga go gakgamatse go bo di dira sentle mo ditirisanong tse di tlang pele, tse dikhutshwane (sekao, ditsiboso, ditiro tse di senyang, ditlhomamiso tse di bonako). Fa di-modal di thusa: 🚫 Di-modal gantsi di a kgoreletsa, di a tlhasela, e bile di a tlhakatlhakanya.🚫 Di dira gore go nne thata go bapisa le go kopolola le go pega.✅ Le fa go ntse jalo di-modal di letla badirisi go boloka diteng tse dintsi.✅ Di mosola go thibela diphoso tse di ka se busediweng morago le tatlhegelo ya tshedimosetso.✅ E mosola go re romela di-page tse disha. ✅ Bontsha modal fela fa badirisi ba tla tsaya tlhakatlhakano e le botlhokwa.✅ Ka thulaganyetsoruri, rata dipuisano tse di sa thibeleng (“nonmodals”).✅ Letla badirisi go fokotsa, go fitlha, kgotsa go busetsa puisano moragonyana.✅ Dirisa modal go fokotsa badirisi, e.g., netefatsa tsela e e raraaneng ya go tsenya “ESC, kgotsa out✅se. tobetsa kwa ntle ga lebokoso. Ditsebe → Tsa Dithulaganyo tsa Tiro tse di Raraaneng, tsa Dikgato-ntsi Diwizarete kgotsa go tsamaya ka dithebo mo teng ga di-modal ga go dire sentle thata, tota le mo ditlhagisweng tse di raraaneng tsa kgwebo — koo, diphanele tsa matlhakore kgotsa di-drawer gantsi di dira botoka. Mathata a simolola fa badirisi ba tlhoka go bapisa kgotsa go umaka dintlha tsa tshedimosetso — le fa go ntse jalo di-modal di thibela boitshwaro jono, ka jalo di bula tsebe e le nngwe gape mo dithebong tse dintsi go na le moo.
Bakeng sa diphallo tse rarahaneng le dithulaganyo tsa dikgato tse ngata, ditsebe tse ikemetseng di sebetsa hantle. Ditsebe gape di dira botoka fa di batla tlhokomelo e e feletseng ya modirisi, mme go umaka sekerini se se fetileng ga go thuse thata. Mme di-drawer di berekela ditiropotlana tse di raraaneng thata mo modal o o bonolo, mme ga di tlhoke go tsamaya mo tsebeng ka botlalo. Ke leng o tshwanetseng go tila di-modal: 🚫 Tila di-modal tsa melaetsa ya phoso.🚫 Tila di-modal tsa dikitsiso tsa dikarolo.🚫 Tila di-modal tsa maitemogelo a go tsena mo sekepeng.🚫 Tila di-modal tsa ditiro tse di raraaneng, tse ditelele tsa dikgato-ntsi. e e tlhokegang. Tila ka bobediDitiro tse di Boaboelediwang Mo dilong tse dintsi tse di raraaneng, tse di tlhokang tiro e ntsi, badirisi ba tla iphitlhela ba dira ditiro tse di tshwanang kgapetsakgapetsa, gangwe le gape. Moo, bobedi di-modal le di-navigation tse ntjha tsa leqephe di eketsa kgohlano hobane di sitisa phallo kapa di qobella basebedisi ho bokella dintlha tse hlokang pakeng tsa dithebo tsohle tse fapaneng kapa dipono. Gantsi thata, badirisi ba feleletsa ba na le maitemogelo a a thubegileng, a a tletseng ditlhomamiso tse di sa feleng, ditlhagiso tse di feteleditsweng, ditaelo tse dintsintsi, kgotsa dintlha tsa tshupiso tse di tlhaelang fela. Jaaka Saulius Stebulis a umakile, mo ditiragalong tseno, dikarolo tse di ka atolosiwang kgotsa go tseleganya mo lefelong gantsi di dira botoka — di boloka tiro e tlhomame mo sekirining sa ga jaana. Mo tirisong, mo maemong a mantsi, badirisi ga ba wetse ditiro tsa bone ba le bosi. Ba tlhoka go batla tshedimosetso, go kopolola le go pega boleng, go tokafatsa ditsenngwa mo mafelong a a farologaneng, kgotsa go sekaseka fela direkoto tse di tshwanang fa ba ntse ba dira ditiro tsa bone. Di-overlay le di-drawer di thusa thata mo go bolokeng phitlhelelo ya tshedimosetso ya lemorago ka nako ya tiro. Ka ntlha ya moo, bokao bo nna bo le mo lefelong la jone ka metlha, bo le teng go ka bonwa kgotsa go ka kopololwa le go pega. Boloka di-modal le go tsamaya mo tsebeng ya dinako tse mo go tsone go kgaotsa go oketsang boleng ka boammaaruri — segolobogolo go thibela diphoso tse di masisi. Dimodale kgatlhanong le Ditsebe: Setlhare sa Tshwetso Nakwana morago, Ryan Neufeld o ne a kopanya kaedi e e thusang thata go thusa batlhami go tlhopha fa gare ga di-modal le ditsebe. E tla le pampiri ya tsietso ya PNG e e mosola le thempoleite ya Google Doc e e nang le dipotso tse di kgaogantsweng ka dikarolo di le 7. E telele, e tseneletse thata, mme go bonolo go e latela:
Go ka lebega go lapisa, mme ke thulaganyo e e bonolo thata ya dikgato di le 4:
Bokao jwa sekerini.Sa ntlha, re tlhola gore a badirisi ba tlhoka go boloka bokao jwa sekerini se se ka fa tlase. Go raraana ga tiro le nako.Ditiro tse di bonolo, tse di tsepameng, tse di sa kgoreletsegeng di ka dirisa mofuta, mme diphallo tse ditelele, tse di raraaneng di tlhoka tsebe. Tshupetso ya tsebe e e ka fa tlase.Go tswa foo, re tlhola gore a badirisi gantsi ba tlhoka go lebisa tshedimosetso kwa morago kgotsa fa tiro e le netefatso kgotsa tlhopho e e bonolo. Go tlhopha setshwantsho se se siameng.La bofelo, fa e le gore setshwantsho ke kgetho e e siameng, se re kaela go tlhopha magareng ga modal kgotsa nonmodal (go sekamela kwa go nonmodal).
Go phuthela Fa go kgonega, tila go thibela UI yotlhe. E na le puisano e e phaphametseng, e e akaretsang UI ka bontlhabongwe, mme e letla go tsamaya, go tsamaya, le go kopolola le go pega. Kapa bontša dikahare tsa modal e le lehlakoreng laeng. Kana dirisa akodeone e e emeng boemong jwa yone. Kgotsa tlisa badirisi mo tsebeng e e farologaneng fa o tlhoka go bontsha dintlha tse dintsi. Mme fa o batla go oketsa bokgoni le lebelo la badirisi, tila di-modal ka ditsela tsotlhe. Di dirise go fokotsa lebelo la badirisi, go phutha tlhokomelo ya bone, go thibela diphoso. Jaaka Therese Fessenden a boletse, ga go ope yo o ratang go kgorelediwa, mme fa o tshwanetse, tlhomamisa gore go tshwanela ditshenyegelo. Kopana le “Dipaterone tsa Moakanyetso wa Segokaganyi se se Botlhale” O ka fumana karolo e feletseng ka di-modal le mefuta e meng ho Smart Interface Design Patterns, thupelo ya rona ya video ya 15h e nang le mehlala e sebetsang ya 100s ho tswa diporojekeng tsa nnete tsa bophelo — ka thupelo ya UX e phelang hamorao selemong sena. Sengwe le sengwe go tswa go mega-dropdowns go ya go ditafole tse di raraaneng tsa kgwebo — ka dikarolo tse disha di le 5 tse di okediwang ngwaga le ngwaga. Tlolela kwa tebopele ya mahala. Dirisa khoutu ya BIRDIE go boloka phokoletso ya 15%. Kopana le Smart Segokanyimmediamentsi sa sebolokigolo Moralo Dipaterone, rona bidio khoso ka segokanyimmediamentsi sa sebolokigolo moralo & UX.
Vidio + Katiso ya UXBidio felaBidio + Katiso ya UX$ 495.00 $ 699.00
Bona Bidio + Thupelo ya UX25 Dithuto tsa bidio (15h) + Thupelo ya UX e e Tshwaraganeng.Netefaletso ya go busediwa madi ya malatsi a le 100. Bidio fela$ 300.00$ 395.00
Fumana thuto ya video40 dithuto tsa video (15h). E tlhabololwa ngwaga le ngwaga.E teng gape jaaka UX Bundle e e nang le dikhoso di le 2 tsa bidio.
Didirisiwa tse di Mosola
Mefuta e e Farologaneng ya Di-Popup, ka Anna Kaley Mekgwa e e Molemolemo ya go Tlhama Dimodale tsa UI, ka Uxcel Re Dirisa Dimofuta tse dintsi Thata: Dikaelo tsa UX, ka Adrian Egger Dipuisano tsa Mokgwa le tse e seng tsa Mokgwa, ka Therese Fessenden Moakanyetso wa UI ya Kgwebo ya Segompieno: Dipuisano tsa Mofuta, ka James Jacobs Mefuta mo Dithulaganyong tsa Moakanyetso