Kana duras achitti argamuun kee hin oolu. Akkamitti moodaala fayyadamtootaaf agarsiisuu gidduutti filannaa, fi yoom gara fuula addaa, haaraatti isaan qajeelchina? Akkasumas tasuma dhimma qabaa? Dhugaa dubbachuuf, ni qaba. Murteen kun dhangala’aa fayyadamtootaa, haala isaanii, dandeettii isaan bal’inaan ilaaluu, fi isa waliin irra deddeebiin dogoggoraa fi xumura hojii irratti dhiibbaa qaba. Filannoon lamaan jeequmsaa fi mufachiisaa ta’uu danda’u — yeroo dogoggoraa, fi bakka hin taaneetti. Kanaafuu sirritti argachuun keenya gaariidha. Tole, akkamitti akkas gochuu akka dandeenyu haa ilaallu. Moodaalota vs. Dialogs vs. Overlays vs. Lightboxes Yeroo baayyee waa'ee qaama UI moodaalii tokkoo yoo dubbannu, yeroo baay'ee gosoota moodaalota adda addaa hunda gidduutti nuances gaarii, walxaxaa tuffanna. Dhugaa dubbachuuf, moodaalli hundi tokko miti. Moodaalonni, qaaqawwan, uwwisawwan, fi saanduqawwan ibsaa — hundi isaanii sagalee walfakkaataa dha, garuu dhugumatti baay'ee adda adda:
DialogJecha waliigalaa “haasawa” (fayyadamaa ↔ sirna). OverlayQaana qabiyyee xiqqaa fuula gubbaatti agarsiifamu. ModalUser uwwisa + duubbee hanqifame waliin walqunnamuu qaba. NonmodalUser uwwisa + duubbee dandeessifame waliin walqunnamuu qaba. LightboxXiyyeeffannoo moodaalicha irratti xiyyeeffachuuf duubbee xiqqeesse.
Akkuma Anna Kaley ibsite, irra caalaan uwwisaa yeroo dogoggoraatti mul’ata, yeroo hojiiwwan murteessoo ta’an fayyadamtoota addaan kutu, afaan gadhee fayyadamu, fi dhangala’aa fayyadamtootaa cabsu. Uumamaan addaan kutuu kan ta’an yoo ta’u, akkaataa adda addaatiin cimina olaanaa kan qaban yoo ta’u, sanaaf barbaachisummaa cimaa kan hin qabnedha.
Dhugaadha fayyadamtoonni yoo bu’aan gocha isaanii dhiibbaa guddaa qabaate saffisa isaanii hir’isuu fi addaan cituu qabu, garuu haalawwan baay’eedhaaf kanneen moodaalonni hin taane baay’ee haxxummaa fi filannoo michuu ta’ee fi waan tokko fayyadamaa biratti fiduudha. Yoo jiraate yeroo hunda akka durtii ta'u yaada kooti. Moodaalota → Hojiiwwan Tokko, Ofiin Of Keessaniif Akka dizaayinarotaatti, yeroo baay’ee moodaalonni akka waan barbaachisaa hin taanee fi nama aarsutti ni tuffanna — yeroo baay’ee immoo ni jiru! — ta’us garuu gatii isaaniis qabu. Isaanis fayyadamtoota dogoggora ta’uu danda’u akeekkachiisuuf ykn daataa akka hin badne gargaaruuf baay’ee gargaaruu danda’u. Akkasumas gochoota walqabatan raawwachuuf gargaaruu danda'u ykn haala ammaa fuula osoo addaan hin kutin bal'inaan gadi qotuu danda'u. Garuu faayidaan guddaan moodaalota fayyadamtoonni haala iskiriinii ammaa eeguuf gargaaruu isaaniiti. UI qofa jechuu osoo hin taane, galtee gulaalame, bakka scroll, haala accordions, filannoo filters, sorting fi kkf jechuudha.
Yeroo tokko tokko, fayyadamtoonni filannoo tokko dafanii mirkaneessuu qabu (fkn, calaqqee akka armaan olitti mul'atutti) sana booda battalumatti achi irraa itti fufuu qabu. Ofiin qusachuun kanuma galmaan ga’uu akka danda’u beekamaadha, garuu yeroo hunda hin barbaachisu ykn hin barbaadamu. Akkasumas UI ugguruun yeroo baayyee yaada gaarii miti. Haa ta’u malee, moodaalonni hojii kamiifuu hin fayyadaman. Akkaataa idileetti, hojiiwwan tokkicha, of danda'aniif fayyadamna bakka fayyadamtoonni utaalanii seenuu qabaniif, hojii tokko xumuruu qabaniif, achiis gara bakka turanitti deebi'uu qabanitti. Kan nama hin ajaa’ibsiifne, isaan dursa olaanaa, walqunnamtii gabaabaa (fkn, akeekkachiisa, gocha diigumsaa, mirkaneessa ariifataa)f akka gaariitti hojjetu. Yeroo moodaalonni gargaaran: 🚫 Moodaalonni yeroo baay'ee jeequmsa, weerartuu, fi burjaaja'aa dha.🚫 Wal bira qabuu fi copy-paste gochuun rakkisaa ta'a.✅ Ta'us moodaloonni fayyadamtoonni haalawwan hedduu akka eegan ni hayyamu.✅ Dogoggora duubatti hin deebinee fi daataa dhabuu ittisuuf faayidaa qaba.✅ Fayyadamtoota gara fuula haaraatti erguun jeequmsa kan fidu yoo ta'e faayidaa qaba. ✅ Moodaal tokko agarsiisi yoo fayyadamtoonni jeequmsaaf gatii kennan qofa.✅ Akka durtiitti, qaaqa hin uggurre (“nonmodals”) filadhu.✅ Fayyadamtoonni qaaqa booda akka xiqqeessan, dhoksan, ykn akka deebisan hayyami.✅ Moodaala fayyadamtoota saffisiisu, fkn, galtee walxaxaa mirkaneessuu.✅ “Close”, ESC key tiin karaa ba’uu kenni, ykn furtuu ala cuqaasi saanduqa. Fuulota → Adeemsa Hojii Walxaxaa, Tarkaanfii Hedduu Qabuuf Wizards ykn navigeeshiniin caancala moodaalota keessaa baay’ee gaarii hin hojjetu, oomishaalee dhaabbataa walxaxaa keessattillee — achitti, paanaalii cinaa ykn baafata akkaataa idileetti caalaatti hojjetu. Rakkoon kan jalqabu yeroo fayyadamtoonni qabxiiwwan deetaa walbira qabuu ykn wabii gochuu barbaadan — ta'us moodaalonni amala kana uggura, kanaaf fuula walfakkaataa bakka isaa caancaloota hedduu keessatti irra deebi'anii banatu.
Dhangala'aa walxaxaa fi adeemsa tarkaanfii hedduudhaaf, fuulonni of danda'an akka gaariitti hojjetu. Fuulonni xiyyeeffannoo guutuu fayyadamaa yeroo gaafatanis caalaatti hojjetu, akkasumas wabii iskiriinii duraa baay’ee hin gargaaru. Akkasumas baafata hojiiwwan xiqqaa kanneen moodaala salphaadhaaf baay'ee walxaxaa ta'aniif hojjetu, garuu navigeeshinii fuula guutuu hin barbaachifne. Yoom moodaalota irraa fagaachuu qabna: 🚫 Ergaa dogongoraatiif moodaalota irraa fagaadhaa.🚫 Beeksisa amalaaf moodaalota irraa fagaadhaa.🚫 Muuxannoo onboarding tiif moodaalota irraa fagaadhaa.🚫 Moodaalota hojiiwwan tarkaanfii hedduu walxaxaa, dheeraa ta'aniif irraa fagaadhaa.🚫 Moodaalota baay'ee nested ta'an irraa fagaadhaa bakka isaa prev/next fayyadamaa.🚫 Yoo baay'ee barbaachisaa ta'e malee moodaalota ofumaan kakaasan irraa fagaadhaa. Lamaanuu irraa fagaachuuHojii Irra Deddeebi'ameef Oomishaalee walxaxaa, hojii ulfaataa ta’an hedduu keessatti, fayyadamtoonni hojii walfakkaataa irra deddeebi’anii, irra deddeebi’anii raawwachuu isaanii ni argatu. Achitti, moodaalonni fi navigeeshiniin fuula haaraa lamaan isaanii dhangala'aa addaan kutuu ykn fayyadamtoonni deetaa dhabame caancala ykn ilaalcha adda addaa hunda gidduutti akka walitti qaban dirqisiisu waan ta'eef wal-nyaatinsa dabalu. Yeroo baayyee, fayyadamtoonni muuxannoo cabee, mirkaneessa gonkumaa hin dhumne, akeekkachiisa garmalee, qajeelfama dubbii, ykn qabxiilee wabii dhabaman qofaan guutame. Akkuma Saulius Stebulis jedhe, haalawwan kana keessatti, kutaaleen babal’achuu danda’an ykn gulaalliin bakka jiru yeroo baay’ee caalaatti hojjetu — isaanis hojii sana iskiriinii ammaa irratti akka hidhamee tursu. Qabatamaan, haalawwan hedduu keessatti, fayyadamtoonni hojii isaanii adda baafamanii hin xumuran. Isaan deetaa barbaaduu, gatiiwwan waraabbii-maxxansuu, galtee bakka adda addaatti fooyyessuu, ykn galmeewwan walfakkaatan qofa yeroo hojii isaanii keessa hojjetan ilaaluu qabu. Overlays fi drawers yeroo hojiitti qaqqabummaa deetaa duubaa eeguuf caalaatti gargaaru. Kanarraa kan ka'e, yaadni dubbii yeroo hunda bakka isaa jiraata, wabii ykn waraabbii-maxxanfachuuf ni argama. Yeroo addaan citiinsi dhugaadhaan gatii itti dabaluuf moodaalotaa fi fuula naanna'uu saagi — keessumaa dogoggora murteessaa ittisuuf. Modals vs. Pages: Muka Murtii Yeroo muraasa dura, Ryan Neufeld qajeelfama baayyee gargaaru walitti qabee dizaayinaroonni moodaalotaa fi fuula keessaa akka filataniif gargaaru. Cheatsheet PNG kan harka namaa gahu fi unka Google Doc kan gaaffilee kutaa 7 keessatti caccabee wajjin dhufa. Dheeraa, garmalee gadi fageenyaan, garuu hordofuuf baay’ee salphaadha:
Sodaachisaa fakkaachuu danda'a, garuu adeemsa tarkaanfii 4 baay'ee salphaadha:
Haala iskiriinii.Jalqaba, fayyadamtoonni haala iskiriinii jala jiru eeguu qabaachuu isaanii ilaalla. Walxaxiinsa hojii fi yeroo.Hojiiwwan salphaa, xiyyeeffannoo, yaada hin jeeqne moodaalii fayyadamuu danda'u, garuu dhangala'oonni dheeraa, walxaxaa fuula barbaadu. Reference to underlying page.Sana booda, fayyadamtoonni yeroo baay'ee deetaa duubatti deebi'uu eeruun barbaachisaa ta'uu isaa ykn hojiin sun mirkaneessa ykn filannoo salphaa ta'uu isaa sakatta'a. Haguugduu sirrii filachuu.Dhuma irratti, uwwisni dhuguma filannoo gaarii yoo ta'e, moodaalii yookiin moodaalii hin taane (gara moodaalii hin taaneetti jilbeeffachuun) akka filannu nu qajeelcha.
Marsaa Yeroo danda'ametti UI guutuu ugguruu irraa fagaadhu. Qaaqa lola'aa, gartokkoon UI uwwisu, garuu navigeeshinii, qaxxaamuraa fi waraabbii-maxxansuu hayyamu qabaadhu. Yookiin qabiyyee moodaalichaa akka baafata cinaatti agarsiisi. Yookiin bakka isaa akkoordiyoon dhaabbataa fayyadami. Yookiin yoo bal'ina baay'ee agarsiisuu barbaadde fayyadamtoota gara fuula addaatti fidi. Garuu gahumsaa fi saffisa fayyadamtootaa guddisuu yoo barbaadde, gatii kamiinuu moodaalota irraa fagaadhu. Fayyadamtoota suuta jechuuf, xiyyeeffannoo isaanii walitti qabuuf, dogoggora ittisuuf itti fayyadami. Akkuma Tereeza Feessenden hubatte, namni addaan cituu hin jaallatu, garuu yoo dirqama ta’e, baasii kana guutummaatti gatii akka qabu mirkaneessi. “Paatroonni Dizaayinii Interfeesii Ismaartii” waliin wal baraa. Kutaa guutuu waa’ee moodaalotaa fi filannoowwan Smart Interface Design Patterns keessatti argachuu dandeessu, koorsii keenya 15h-viidiyoo fakkeenyota qabatamaa 100s pirojektoota jireenya dhugaa irraa — leenjii UX kallattiin dhuma bara kanaa wajjin. Mega-dropdowns irraa kaasee hanga gabatee dhaabbataa walxaxaa hunda — waggaa waggaan kutaalee haaraa 5 dabalamuun. Gara dursa bilisaatti utaali. %15 hir'ifama qusachuuf koodii BIRDIE fayyadamaa. Meet Smart Interface Design Patterns, koorsii viidiyoo keenya dizaayinii interfeesii & UX irratti.
Leenjii Viidiyoo + UXViidiyoo qofaLeenjii Viidiyoo + UX$ 495.00 $ 699.00
Viidiyoo + Leenjii UX argadhuBarnoota viidiyoo25 (15h) + Leenjii UX Kallattiin.Guyyaa 100 maallaqa deebisuu-wabii.Viidiyoo qofa$ 300.00$ 395.00
Koorsii viidiyoo argadhu40 barnoota viidiyoo (15h). Waggaa waggaan kan fooyya'u.Akkasumas akka UX Bundle tti koorsii viidiyoo 2 waliin ni argama.
Qabeenya Faayidaa Qabu
Gosa Popups Adda Addaa, kan barreesse Anna Kaley Muuxannoo Gaarii Moodaalota UI Dizaayinii, Uxcel tiin Moodaalota Damn Baay'ee Fayyadamna: Qajeelfama UX, kan Adrian Egger Qaaqa Moodaalii fi Nonmoodaalii, kan Tereeza Fessenden Dizaayinii UI Intarpiraayizii Ammayyaa: Qaaqa Moodaalii, kan James Jacobs Moodaalota Sirna Dizaayinii Keessatti
