Mwina munalipo kale. Kodi timasankha bwanji pakati pa kuwonetsa modal kwa ogwiritsa ntchito, ndipo ndi liti timawayendetsa kupita kutsamba lina, latsopano? Ndipo kodi zilibe kanthu? Kwenikweni, zimatero. Lingaliro limakhudza kuyenda kwa ogwiritsa ntchito, zochitika zawo, kuthekera kwawo kuyang'ana zambiri, komanso kulakwitsa pafupipafupi komanso kumaliza ntchito. Zosankha ziwirizi zitha kukhala zosokoneza komanso zokhumudwitsa - panthawi yolakwika, komanso pamalo olakwika. Kotero ife kulibwino timvetse bwino. Chabwino, tiyeni tiwone momwe tingachitire izo. Ma Modals vs. Dialogs vs. Overlays vs. Lightboxes Ngakhale nthawi zambiri timalankhula za gawo limodzi la UI, nthawi zambiri timanyalanyaza zabwino, zovuta kwambiri pakati pa mitundu yonse yamitundu yosiyanasiyana. M'malo mwake, si modal iliyonse yomwe ili yofanana. Ma modals, dialogs, overlays, and lightboxes - zonse zimamveka zofanana, koma ndizosiyana kwambiri:
DialogA mawu achidule oti "kukambirana" (user ↔ system). OverlayPagulu laling'ono lazinthu lowonetsedwa pamwamba pa tsamba. ModalUser iyenera kulumikizana ndi overlay + kumbuyo koyimitsidwa. NonmodalUser akuyenera kulumikizana ndi overlay + maziko omwe adayatsidwa. LightboxDimmed maziko kuti muyang'ane kwambiri pa modal.
Monga Anna Kaley akuwunikira, zopindika zambiri zimawonekera pa nthawi yolakwika, zimasokoneza ogwiritsa ntchito panthawi yovuta, kugwiritsa ntchito chilankhulo cholakwika, ndikuphwanya owerenga. Zimakhala zosokoneza mwachilengedwe, ndipo nthawi zambiri zimakhala zovuta kwambiri popanda kufunikira kwakukulu kwa izo.
Ndithudi ogwiritsa ntchito ayenera kuchepetsedwa ndi kusokonezedwa ngati zotsatira za zochita zawo zili ndi mphamvu zambiri, koma pazochitika zambiri zopanda ma modal zimakhala zobisika kwambiri komanso njira yabwino kwambiri yobweretsera chinachake kwa wogwiritsa ntchito. Ngati chilichonse, ndimalimbikitsa kuti chikhale chosasinthika. Zochita → Zochita Pamodzi, Zochita Zokha Monga okonza, nthawi zambiri timanyalanyaza ma modal ngati osafunikira komanso okhumudwitsa - ndipo nthawi zambiri amakhala! - komabe ali ndi mtengo wakenso. Zingakhale zothandiza kwambiri kuchenjeza ogwiritsa ntchito za zolakwika zomwe zingatheke kapena kuwathandiza kupewa kutaya deta. Atha kuthandizanso kuchita zinthu zokhudzana ndi izi kapena kudziwa zambiri popanda kusokoneza momwe tsambalo lilili. Koma ubwino waukulu wa ma modals ndikuti amathandiza ogwiritsa ntchito kusunga zomwe zili pazenera. Sizikutanthauza UI yokha, komanso zolowetsa zosinthidwa, malo opukutira, mawonekedwe a ma accordion, kusankha zosefera, kusanja, ndi zina zotero.
Nthawi zina, ogwiritsa ntchito amafunika kutsimikizira zosankhidwa mwachangu (mwachitsanzo, zosefera monga tawonera pamwambapa) ndikupitilira pomwepo. Kusunga zokha kumatha kukwaniritsa zomwezo, inde, koma sizofunikira nthawi zonse kapena kufunidwa. Ndipo kuletsa UI nthawi zambiri sibwino. Komabe, ma mods sagwiritsidwa ntchito pazinthu zilizonse. Nthawi zambiri, timawagwiritsa ntchito paokha, pomwe ogwiritsa ntchito ayenera kudumphira, kumaliza ntchito, ndikubwerera komwe anali. Mosadabwitsa, amagwira ntchito bwino pazofunikira kwambiri, kuyanjana kwakanthawi kochepa (mwachitsanzo, machenjezo, zochita zowononga, zitsimikiziro zofulumira). Pamene ma mods amathandiza: 🚫 Ma modals nthawi zambiri amakhala osokoneza, osokoneza, komanso osokoneza.🚫 Amapangitsa kuti zikhale zovuta kufanizitsa ndi kukopera-paste. ✅ Onetsani modal pokhapokha ngati ogwiritsa ntchito angayamikire kusokoneza.✅ Mwachikhazikitso, sankhani zokambirana zosatsekereza ("nonmodals").✅ Lolani ogwiritsa ntchito kuchepetsa, kubisa, kapena kubwezeretsa zokambiranazo pambuyo pake.✅ Gwiritsani ntchito modal kuti muchepetse ogwiritsa ntchito, mwachitsanzo, kutsimikizira zolowetsa zovuta.✅ Perekani njira yotulukira kunja ndi "Tsegulani, bokosi la ESC", kapena dinani batani la ESC. Masamba → Kwa Complex, Multi-Step Workflows Ma wizards kapena ma tabbed navigation mkati mwa ma mods sagwira ntchito bwino kwambiri, ngakhale pazinthu zovuta zamabizinesi - pamenepo, mapanelo am'mbali kapena zotengera nthawi zambiri zimagwira ntchito bwino. Mavuto amayamba pamene ogwiritsa ntchito amafunika kufananitsa kapena kutchula mfundo za data - komabe ma mods amalepheretsa khalidweli, kotero amatsegulanso tsamba lomwelo m'malo angapo.
Kuti mumve zambiri zovuta komanso njira zambiri, masamba oyimirira amagwira ntchito bwino. Masamba amagwiranso ntchito bwino akafuna chidwi cha wogwiritsa ntchito, ndipo kutchula chophimba cham'mbuyo sikuthandiza. Ndipo zotungira zimagwira ntchito zazing'ono zomwe zimakhala zovuta kwambiri kuti zikhale zosavuta, koma sizifunika kusaka masamba athunthu. Nthawi yoyenera kupewa ma modals: 🚫 Pewani ma modals a mauthenga olakwika.🚫 Pewani ma modals pazidziwitso za mawonekedwe.🚫 Pewani ma modals a zochitika zomwe mukukwera. Pewani Zonse ziwiriKwa Ntchito Zobwerezedwa Muzinthu zambiri zovuta, zolemetsa, ogwiritsa ntchito adzapeza kuti akugwira ntchito zomwezo mobwerezabwereza, mobwerezabwereza. Kumeneko, ma modals ndi maulendo atsopano amawonjezera kukangana chifukwa amasokoneza kuyenda kapena kukakamiza ogwiritsa ntchito kuti asonkhanitse deta yomwe ikusowa pakati pa ma tabo kapena mawonedwe osiyanasiyana. Nthawi zambiri, ogwiritsa ntchito amatha kukhala ndi zokumana nazo zosweka, zodzaza ndi zitsimikizo zosatha, machenjezo okokomeza, malangizo a verbose, kapena kungosowa zolemba. Monga Saulius Stebulis adanenera, muzochitika izi, magawo omwe angakulitsidwe kapena kusintha m'malo nthawi zambiri amagwira ntchito bwino - amapangitsa kuti ntchitoyi ikhale yokhazikika pazenera. M'malo mwake, muzochitika zambiri, ogwiritsa ntchito samamaliza ntchito zawo payekhapayekha. Ayenera kuyang'ana deta, kukopera-paste, kukonzanso zolembedwa m'malo osiyanasiyana, kapena kungoyang'ana zolemba zofanana pamene akugwira ntchito zawo. Zomangira ndi zotungira ndizothandiza kwambiri pakusunga mwayi wodziwa zakumbuyo panthawi yantchitoyo. Zotsatira zake, nkhaniyo nthawi zonse imakhala m'malo mwake, ikupezeka kuti igwiritsidwe ntchito kapena kukopera-paste. Sungani ma modals ndikusakatula masamba pa nthawi yomwe kusokoneza kumawonjezera phindu - makamaka kupewa zolakwika zazikulu. Ma Modals vs. Masamba: Mtengo Wosankha Kanthawi pang'ono, Ryan Neufeld adaphatikiza chiwongolero chothandiza kwambiri chothandizira opanga kusankha pakati pa ma modals ndi masamba. Imabwera ndi PNG cheatsheet yothandiza komanso template ya Google Doc yokhala ndi mafunso ogawidwa m'magawo 7. Ndi yayitali, yozama kwambiri, koma yosavuta kutsatira:
Zitha kuwoneka zovuta, koma ndi njira yosavuta ya 4:
Context of the screen.Choyamba, timayang'ana ngati ogwiritsa ntchito akuyenera kusunga zomwe zili pansi pazenera. Kuvuta kwa ntchito ndi nthawi. Ntchito zosavuta, zokhazikika, zosasokoneza zingagwiritse ntchito modal, koma maulendo aatali, ovuta amafunikira tsamba. Zonena za tsamba loyambira.Kenako, timayang'ana ngati ogwiritsa ntchito nthawi zambiri amafunikira kutengera zomwe zili chakumbuyo kapena ngati ntchitoyo ndi chitsimikizo chosavuta kapena kusankha. Kusankha zokutira koyenera. Pomaliza, ngati zokutira zilidi zabwino, zimatitsogolera kusankha pakati pa modal kapena nonmodal (kutsamira ku nonmodal).
Kumaliza Ngati n'kotheka, pewani kuletsa UI yonse. Khalani ndi kukambirana koyandama, kuphimba pang'ono UI, koma kulola kuyenda, kusuntha, ndi kukopera-pasta. Kapena onetsani zomwe zili mu modal ngati kabati yam'mbali. Kapena gwiritsani ntchito accordion ofukula m'malo mwake. Kapena bweretsani ogwiritsa ntchito patsamba losiyana ngati mukufuna kuwonetsa zambiri. Koma ngati mukufuna kulimbikitsa magwiridwe antchito ndi liwiro la ogwiritsa ntchito, pewani ma mods pamtengo uliwonse. Agwiritseni ntchito kuchepetsa ogwiritsa ntchito, kusonkhanitsa chidwi chawo, kupewa zolakwika. Monga Therese Fessenden adanena, palibe amene amakonda kusokonezedwa, koma ngati muyenera, onetsetsani kuti ndizofunika kwambiri. Kumanani ndi "Smart Interface Design Patterns" Mutha kupeza gawo lonse la ma modals ndi njira zina mu Smart Interface Design Patterns, maphunziro athu a kanema a 15h ndi 100s zitsanzo zothandiza kuchokera kuzinthu zenizeni - ndi maphunziro a UX amoyo kumapeto kwa chaka chino. Chilichonse kuyambira ma mega-dropdowns mpaka matebulo ovuta amabizinesi - ndi magawo 5 atsopano amawonjezedwa chaka chilichonse. Pitani ku chithunzithunzi chaulere. Gwiritsani ntchito khodi ya BIRDIE kuti mupulumutse 15%. Kumanani ndi Ma Smart Interface Design Patterns, maphunziro athu amakanema pakupanga mawonekedwe & UX.
Kanema + Maphunziro a UX Kanema yekha Kanema + Maphunziro a UX $ 495.00 $ 699.00
Pezani Kanema + UX Training25 maphunziro amakanema (15h) + Live UX Training.100 days-back-back-guarantee.Video only$ 300.00$ 395.00
Pezani maphunziro a kanema a course40 (15h). Imasinthidwa chaka chilichonse. Imapezekanso ngati UX Bundle yokhala ndi maphunziro awiri amakanema.
Zothandiza
Mitundu Yosiyanasiyana ya Popups, ndi Anna Kaley Njira Zabwino Kwambiri Zopangira Ma UI Modal, ndi Uxcel Timagwiritsa Ntchito Makhalidwe Ochuluka Kwambiri: Malangizo a UX, ndi Adrian Egger Zokambirana za Modal & Nonmodal, zolembedwa ndi Therese Fessenden Modern Enterprise UI Design: Modal Dialogs, yolembedwa ndi James Jacobs Ma Modals mu Design Systems
