Efa teo angamba ianao taloha. Ahoana no hisafidy na hampiseho modal amin'ny mpampiasa, ary rahoviana isika no hivezivezy azy ireo mankany amin'ny pejy vaovao misaraka? Ary manan-danja ve izany? Raha ny marina, dia izany. Ny fanapahan-kevitra dia misy fiantraikany amin'ny fikorianan'ny mpampiasa, ny toe-javatra misy azy, ny fahafahan'izy ireo mijery ny antsipiriany, ary miaraka amin'izany ny fahamaroan'ny fahadisoana sy ny fahavitan'ny asa. Ireo safidy roa ireo dia mety hanakorontana sy mahasosotra — amin'ny fotoana tsy mety, ary amin'ny toerana tsy mety. Koa aleo ataontsika tsara izany. Eny ary, andeha hojerentsika ny fomba hanaovana izany. Modals vs. Dialogues vs. Overlays vs. Lightboxes Na dia miresaka momba ny singa UI modal tokana aza isika, dia matetika tsy miraharaha ny nuances tsara sy be pitsiny eo amin'ireo karazana modals rehetra. Raha ny marina, tsy mitovy ny modal rehetra. Modals, fifanakalozan-dresaka, overlay, ary boaty jiro - mitovy daholo ny feo, saingy tena samy hafa izy ireo:
DialogTeny ankapoben'ny “resadresaka” (rafitra mpampiasa ↔). Overlay: tontonana votoaty kely aseho eo an-tampon'ny pejy iray. Ny ModalUser dia tsy maintsy mifandray amin'ny overlay + background kilemaina. Ny NonmodalUser dia tsy maintsy mifandray amin'ny overlay + background afaka. LightboxDimmed background mba hampifantoka ny saina amin'ny modal.
Araka ny nasongadin'i Anna Kaley, ny ankamaroan'ny overlay dia miseho amin'ny fotoana tsy mety, manapaka ny mpampiasa mandritra ny asa sarotra, mampiasa fiteny ratsy, ary manapaka ny fizotry ny mpampiasa. Izy ireo dia manelingelina amin'ny maha-izy azy, ary matetika amin'ny haavon'ny hamafin'ny tsy mila mafy izany.
Azo antoka fa tsy maintsy miadana sy tapaka ny mpampiasa raha misy fiantraikany lehibe ny vokatry ny hetsika ataony, fa ho an'ny ankamaroan'ny toe-javatra tsy maodely dia manjavozavo kokoa sy safidy sariaka kokoa mba hisarika ny sain'ny mpampiasa. Raha misy, dia manoro hevitra foana aho mba ho default. Modals → Ho an'ny Asa Tokan-tena Amin'ny maha-mpamorona anay, matetika izahay no manilika ny modals ho tsy misy dikany sy mahasosotra - ary matetika izy ireo! — kanefa manana ny hasarobidiny ihany koa izy ireo. Afaka manampy tokoa izy ireo hampitandrina ireo mpampiasa momba ny mety ho lesoka na hanampy azy ireo hisoroka ny fahaverezan'ny angona. Afaka manampy amin'ny fanatanterahana hetsika mifandraika amin'izany koa izy ireo na mandalina ny antsipiriany tsy manapaka ny toetry ny pejy ankehitriny. Fa ny tombony lehibe indrindra amin'ny modals dia ny manampy ireo mpampiasa hitazona ny tontolon'ny efijery ankehitriny. Tsy ny UI ihany no dikan'izany, fa ny fampidirana fanovana, ny toeran'ny horonam-boky, ny toetry ny akorandriaka, ny fisafidianana sivana, ny fanasokajiana, sy ny sisa.
Indraindray, ny mpampiasa dia mila manamafy haingana ny safidy (oh : sivana araka ny aseho etsy ambony) ary avy eo dia mandroso avy hatrany avy eo. Ny auto-save dia mety hahatratra mitovy, mazava ho azy, saingy tsy ilaina na irina foana izany. Ary matetika tsy hevitra tsara ny fanakanana ny UI. Na izany aza, ny modals dia tsy ampiasaina amin'ny asa rehetra. Amin'ny ankapobeny, mampiasa azy ireo izahay ho an'ny asa tokana, tsy misy afa-tsy izay tokony hidiran'ny mpampiasa, hamita asa, ary hiverina amin'ny toerana nisy azy ireo avy eo. Tsy mahagaga raha miasa tsara izy ireo amin'ny fifandraisana fohy sy laharam-pahamehana (ohatra: fanairana, hetsika manimba, fanamafisana haingana). Rehefa manampy ny modals: 🚫 Matetika manakorontana, manafika ary mampisafotofoto ny maodely.🚫 Manasarotra ny fampitahana sy mametaka izy ireo. ✅ Asehoy ny mody raha tsy manome lanja ny fanakorontanana ny mpampiasa. Pejy → Ho an'ny rindranasa sarotra sy dingana maro Tsy mandeha tsara ny mpamosavy na ny navigateur misy tabilao ao anatin'ny modals, eny fa na dia amin'ny vokatra orinasa be pitsiny aza - any, ny takelaka sisiny na ny drawer dia miasa tsara kokoa. Manomboka ny olana rehefa mila mampitaha na manondro teboka angon-drakitra ny mpampiasa — kanefa ny modals dia manakana ity fihetsika ity, ka manokatra indray ny pejy iray amin'ny tabilao maromaro izy ireo.
Ho an'ny fikorianan'ny sarotra kokoa sy ny fizotry ny dingana maro, ny pejy tokana dia miasa tsara indrindra. Ny pejy koa dia miasa tsara kokoa rehefa mitaky ny sain'ny mpampiasa feno, ary tsy dia manampy loatra ny fanondroana ny efijery teo aloha. Ary ny drawers dia miasa ho an'ny sub-asa sarotra loatra ho an'ny fomba tsotra, saingy tsy mila fitetezana pejy feno. Rahoviana no hialana amin'ny modals: 🚫 Halaviro ny modals ho an'ny hafatra diso. Halaviro izy roaHo an'ny asa miverimberina Amin'ny vokatra be pitsiny sy mavesa-danja, ny mpampiasa dia hahita ny tenany hanao asa mitovy hatrany hatrany hatrany hatrany. Any, na ny modals na ny fitetezana pejy vaovao dia manampy resabe satria manapaka ny fikorianan'izy ireo na manery ny mpampiasa hanangona angona tsy hita eo amin'ireo tabilao na fomba fijery samihafa. Matetika loatra, ny mpampiasa dia miafara amin'ny traikefa tapaka, feno fanamafisana tsy misy fiafarana, fampitandremana mihoa-pampana, torolalana amin'ny teny tsotra, na teboka fanondroana tsy hita. Araka ny voalazan'i Saulius Stebulis, amin'ireo toe-javatra ireo, dia matetika miasa tsara kokoa ny fizarana azo itarina na ny fanovana eo amin'ny toerana — mitazona ny asa hifamatotra amin'ny efijery ankehitriny izy ireo. Amin'ny fampiharana, amin'ny toe-javatra maro, ny mpampiasa dia tsy mahavita ny asany irery. Mila mikaroka angon-drakitra izy ireo, mandika-mametaka ny soatoavina, manadio ny fidirana amin'ny toerana samihafa, na mijery fotsiny ireo firaketana mitovy amin'izany rehefa miasa amin'ny asany izy ireo. Ny overlay sy ny drawer dia manampy kokoa amin'ny fitazonana ny fidirana amin'ny angona ambadika mandritra ny asa. Vokatr'izany dia mijanona eo amin'ny toerany foana ny contexte, azo atao reference na kopia. Tehirizo ny modals sy ny fitetezana pejy amin'ny fotoana izay tena manampy ny fahatapahana - indrindra mba hisorohana ny fahadisoana lehibe. Modals vs. Pejy: Hazo Fanapahan-kevitra Fotoana vitsy lasa izay, i Ryan Neufeld dia nanangona torolalana tena manampy hanampiana ireo mpamorona hisafidy eo amin'ny modals sy ny pejy. Izy io dia miaraka amin'ny takelaka PNG mora ampiasaina ary môdely Google Doc misy fanontaniana voavaha amin'ny fizarana 7. Lava, tena feno, nefa tena mora arahina:
Mety ho sarotra izany, saingy dingana 4 tsotra izao:
Toetran'ny efijery. Voalohany, jereo raha mila mitazona ny tontolon'ny efijery fototra ny mpampiasa. Ny fahasarotana sy ny faharetan'ny asa. Ny asa tsotra kokoa, mifantoka, tsy manelingelina dia mety hampiasa fomba fiasa, fa mila pejy ny fandehanana lava sy sarotra. Reference amin'ny pejy ambanin'ny tany. Avy eo, mijery isika raha matetika ny mpampiasa dia mila manondro angona ao ambadika na raha toa ka fanamafisana na fifantenana tsotra ny asa. Farany, raha tena safidy tsara ny overlay dia mitarika antsika hisafidy na modal na nonmodal (mirona mankany amin'ny nonmodal).
Famaranana Raha azo atao dia aza manakana ny UI manontolo. Manaova fifanakalozan-dresaka mitsingevana, mandrakotra ny ampahany amin'ny UI, fa mamela ny fitetezana, ny horonan-taratasy ary ny fametahana kopia. Na asehoy ho toy ny sariitatra sisiny ny ao anatiny. Na mampiasa akordona mitsangana kosa. Na ento amin'ny pejy mitokana ny mpampiasa raha mila mampiseho antsipiriany be dia be ianao. Fa raha te hampitombo ny fahombiazan'ny mpampiasa sy ny hafainganana ianao, ialao ny modals amin'ny vidiny rehetra. Ampiasao izy ireo mba hampiadana ny mpampiasa, hamehezana ny sainy, hisorohana ny fahadisoana. Araka ny nomarihin'i Therese Fessenden, tsy misy olona te ho tapaka, fa raha tsy maintsy ataonao dia ataovy izay hahazoana antoka fa mendrika ny vidiny. Hihaona amin'ny "Smart Interface Design Patterns" Azonao atao ny mahita fizarana iray manontolo momba ny modals sy ny safidy hafa ao amin'ny Smart Interface Design Patterns, ny lalao video 15h miaraka amin'ny ohatra azo ampiharina 100 avy amin'ny tetikasa tena izy - miaraka amin'ny fiofanana UX mivantana amin'ity taona ity. Ny zava-drehetra manomboka amin'ny mega-dropdown ka hatramin'ny latabatra orinasa sarotra - miaraka amin'ny fizarana 5 vaovao ampiana isan-taona. Mankanesa any amin'ny fijerena maimaim-poana. Ampiasao ny kaody BIRDIE raha mitahiry fihenam-bidy 15%. Hihaona amin'ny Smart Interface Design Patterns, taranja video momba ny famolavolana interface & UX.
Horonan-tsary + Fampiofanana UXVideo ireryVideo + Fanofanana UX$ 495.00 $ 699.00
Mahazoa Video + UX Training25 video lesona (15h) + Live UX Training.100 andro antoka-vola-bola.Video fotsiny$ 300.00$ 395.00
Raiso ny lesona video40 lesona video (15h). Nohavaozina isan-taona. Azo alaina ihany koa amin'ny Bundle UX misy fampianarana video 2.
Loharano mahasoa
Karazana Popups samihafa, nataon'i Anna Kaley Fomba fanao tsara indrindra amin'ny famolavolana modely UI, nataon'i Uxcel Mampiasa fomba maro be loatra izahay: Torolàlana UX, nataon'i Adrian Egger Dialogs Modal & Nonmodal, nataon'i Therese Fessenden Modern Enterprise UI Design: Modal Dialogs, nataon'i James Jacobs Modely amin'ny Rafitra Famolavolana
