Ziurrenik lehenago ere egon zinen. Nola aukeratzen dugu modal bat erabiltzaileei erakustea, eta noiz nabigatzen diegu aparteko orri berri batera? Eta batere axola al du? Egia esan, bai. Erabakiak erabiltzaileen fluxua, haien testuingurua, xehetasunak bilatzeko gaitasuna eta, horrekin batera, akatsen maiztasuna eta zereginak osatzea eragiten du. Bi aukerak etengarriak eta frustragarriak izan daitezke — une okerrean eta leku okerrean. Beraz, hobe dugu ondo ateratzea. Tira, ikus dezagun nola egin. Modalak vs. elkarrizketak vs. gainjartzeak vs. argi-kutxak Sarritan UI osagai modal bakar bati buruz hitz egiten badugu ere, sarritan ñabardura fin eta korapilatsuak baztertzen ditugu modal mota guztien artean. Izan ere, modal guztiak ez dira berdinak. Modalak, elkarrizketa-koadroak, gainjartzeak eta argi-koadroak - denak antzekoak dira, baina benetan desberdinak dira:
Elkarrizketa "elkarrizketa" termino generikoa (erabiltzailea ↔ sistema). Gainjarri Orri baten gainean bistaratzen den eduki-panel txiki bat. ModalErabiltzaileak gainjarriz + atzeko planoarekin elkarreragin behar du. Ezmodala Erabiltzaileak gainjarri eta atzeko planoarekin elkarreragin behar du. Argi-koadroa Lausotutako atzeko planoa modalean arreta bideratzeko.
Anna Kaley-k nabarmendu duenez, gainjarri gehienak une okerrean agertzen dira, erabiltzaileak eten egiten dituzte zeregin kritikoetan, hizkuntza eskasa erabiltzen dute eta erabiltzaileen fluxua hausten dute. Izaeraz etengarriak dira, eta normalean larritasun-maila handikoak dira horren behar handirik gabe.
Segur aski, erabiltzaileak moteldu eta eten egin behar dira euren ekintzaren ondorioek eragin handia badute, baina agertoki gehienetarako ez-modalak askoz sotilagoak eta aukera atseginagoak dira erabiltzailearen arretarako zerbait ekartzeko. Bada, beti iradokitzen dut lehenetsia izatea. Modalak → Zeregin bakar eta autonomoetarako Diseinatzaile garen heinean, sarritan moduak baztertzen ditugu garrantzirik gabekoak eta gogaikarri gisa, eta askotan hala izaten dira! — hala ere badute beren balioa ere. Oso lagungarriak izan daitezke erabiltzaileak balizko akatsen berri emateko edo datuak galtzen laguntzeko. Gainera, erlazionatutako ekintzak egiten edo xehetasunak sakontzen lagun dezakete, orriaren uneko egoera eten gabe. Baina modalen abantailarik handiena erabiltzaileei uneko pantailaren testuingurua mantentzen laguntzen dietela da. Ez du esan nahi UI-a soilik, baizik eta editatutako sarrera, korritze-posizioa, akordeoien egoera, iragazkien hautaketa, ordenatzea eta abar.
Batzuetan, erabiltzaileek aukeraketa bat azkar berretsi behar dute (adibidez, iragazkiak goian erakusten den moduan) eta, ondoren, berehala jarraitu behar dute hortik. Gorde automatikoak gauza bera lor dezake, noski, baina ez da beti beharrezkoa edo nahi. Eta UI blokeatzea askotan ez da ideia ona. Hala ere, modalak ez dira inongo zereginetarako erabiltzen. Normalean, zeregin bakar eta autonomoetarako erabiltzen ditugu, non erabiltzaileek salto egin, zeregin bat osatu eta gero zeuden lekura itzuli behar duten. Ez da harritzekoa, ondo funtzionatzen dute lehentasun handiko elkarrekintza laburretarako (adibidez, alertak, ekintza suntsitzaileak, baieztapen azkarrak). Modalek laguntzen dutenean: 🚫 Modalak apurtzaileak, inbaditzaileak eta nahasgarriak izan ohi dira.🚫 Konparazioa eta kopiatu-itsatsa zaila egiten dute.✅ Hala ere, moduak erabiltzaileei testuinguru anitz mantentzea ahalbidetzen die.✅ Baliagarria akats itzulezinak eta datu-galera ekiditeko.✅ Erabilgarria erabiltzaileak orri berri batera bidaltzea kaltegarria izango balitz. ✅ Erakutsi modal bat erabiltzaileek etenaldia baloratuko badute soilik. Orrialdeak → Urrats anitzeko lan-fluxu konplexuetarako Morroiak edo fitxa bidezko nabigazioa modaletan ez da oso ondo funtzionatzen, baita enpresa-produktu konplexuetan ere; hor, alboko panelek edo tiraderek hobeto funtzionatzen dute normalean. Arazoak erabiltzaileek datu-puntuak konparatu edo erreferentziatu behar dituztenean hasten dira; hala ere, modalek portaera hori blokeatzen dute, eta, horren ordez, orri bera irekitzen dute hainbat fitxatan.
Fluxu konplexuagoetarako eta urrats anitzeko prozesuetarako, orri autonomoek funtzionatzen dute onena. Orriak ere hobeto funtzionatzen du erabiltzailearen arreta osoa eskatzen dutenean, eta aurreko pantailaren erreferentzia ez da oso lagungarria. Eta tiraderak modal sinple baterako konplexuegiak diren azpizereginetarako funtzionatzen dute, baina ez dute orrialde osoko nabigaziorik behar. Noiz saihestu modalak: 🚫 Saihestu modalak errore-mezuetarako.🚫 Saihestu modalak funtzioen jakinarazpenetarako.🚫 Saihestu modalak barneratzeko esperientziarako.🚫 Saihestu modalak urrats anitzeko ataza konplexu eta luzeetarako.🚫 Saihestu habiaratutako hainbat modal eta erabili aurreko/next ordez. Saihestu BiakErrepikatuko zereginetarako Produktu konplexu eta astun askotan, erabiltzaileek zeregin berberak behin eta berriz egiten aurkituko dituzte, behin eta berriz. Bertan, bai modalek bai orrialdeen nabigazio berriek marruskadura gehitzen dute, fluxua eteten dutelako edo erabiltzaileak fitxa edo ikuspegi ezberdin guztien artean falta diren datuak biltzera behartzen dituztelako. Gehiegitan, erabiltzaileek esperientzia apurtu batekin amaitzen dute, amaigabeko baieztapenez, abisu gehiegizkoz, argibide zehatzez edo erreferentzia-puntu hutsez beteta. Saulius Stebulisek aipatu zuen bezala, agertoki hauetan, atal hedagarriak edo tokiko edizioak sarritan hobeto funtzionatzen dute: zeregina uneko pantailan ainguratuta mantentzen dute. Praktikan, eszenatoki askotan, erabiltzaileek ez dituzte beren zereginak modu isolatuan betetzen. Datuak bilatu behar dituzte, balioak kopiatu-itsatsi, sarrerak findu behar dituzte leku ezberdinetan edo antzeko erregistroak berrikusi besterik ez dute beren zereginak egiten dituzten bitartean. Gainjartzeak eta tiraderak lagungarriagoak dira zereginean zehar atzeko planoko datuetarako sarbidea mantentzeko. Ondorioz, testuingurua beti geratzen da bere lekuan, erreferentziarako edo kopiatu-itsatsi egiteko. Gorde modalitateak eta orriaren nabigazioa etenaldiak benetan balioa gehitzen duen uneetarako, batez ere akats larriak saihesteko. Modalak vs orriak: Erabakien zuhaitza Aspaldi, Ryan Neufeld-ek oso gida lagungarria sortu zuen diseinatzaileei modalen eta orrien artean aukeratzen laguntzeko. PNG iruzur-orri erabilgarri batekin eta Google Doc txantiloiarekin 7 ataletan banatutako galderak ditu. Luzea da, oso zehatza, baina oso erraza da jarraitzeko:
Izugarria dirudi, baina 4 urratseko prozesu nahiko sinplea da:
Pantailaren testuingurua. Lehenik eta behin, erabiltzaileek azpiko pantailaren testuingurua mantendu behar duten egiaztatzen dugu. Zereginen konplexutasuna eta iraupena. Zeregin sinpleago, bideratu eta distraitzen ez dutenek modal bat erabil dezakete, baina fluxu luze eta konplexuek orrialde bat behar dute. Azpiko orrialdearen erreferentzia. Ondoren, erabiltzaileek maiz atzeko planoko datuak aipatu behar dituzten edo zeregina berrespen edo hautaketa soil bat den egiaztatzen dugu. Gainjarri egokia aukeratzea.Azkenik, gainjarri bat benetan aukera ona bada, modala edo ez-modala aukeratzera bideratzen gaitu (ez-modal baten alde makurtuz).
Biltzea Ahal den guztietan, saihestu UI osoa blokeatzea. Elkarrizketa-koadro bat flotatzen du, UI-a partzialki estaltzen duena, baina nabigazioa, korritzea eta kopiatu-itsatsa ahalbidetzen dituena. Edo modalaren edukia alboko tiradera gisa erakutsi. Edo akordeoi bertikala erabili ordez. Edo eraman erabiltzaileak beste orri batera xehetasun asko erakutsi behar badituzu. Baina erabiltzaileen eraginkortasuna eta abiadura areagotu nahi badituzu, saihestu modalak kosta ahala kosta. Erabili itzazu erabiltzaileak moteltzeko, arreta pizteko, akatsak saihesteko. Therese Fessendenek adierazi zuenez, inori ez zaio gustatzen etetea, baina behar izanez gero, ziurtatu kostua guztiz merezi duela. Ezagutu "Interfaze adimendunen diseinu-ereduak" Modalitateei eta alternatibei buruzko atal oso bat aurki dezakezu Smart Interface Design Patterns-en, gure 15 orduko bideo ikastaroa, bizitza errealeko proiektuetako 100 adibide praktikorekin — UX prestakuntza zuzeneko batekin urte honetan zehar. Dena, goitibehetatik hasi eta enpresa-taula konplexuetaraino, urtero 5 segmentu berri gehituz. Joan doako aurrebista batera. Erabili BIRDIE kodea % 15eko deskontua aurrezteko. Ezagutu Smart Interface Design Patterns, interfazeen diseinuari eta UXri buruzko gure bideo ikastaroa.
Bideoa + UX prestakuntzaBideoa soilikBideoa + UX prestakuntza$ 495,00 $ 699,00
Lortu Bideoa + UX Prestakuntza25 bideo-ikasgai (15 ordu) + Zuzeneko UX Prestakuntza.100 eguneko dirua itzultzeko bermea. Bideoa soilik 300,00 $ 395,00 $
Lortu bideo-ikastaroa40 bideo-ikasgai (15h). Urtero eguneratzen da. UX sorta gisa ere eskuragarri dago 2 bideo-ikastarorekin.
Baliabide erabilgarriak
Popup mota desberdinak, Anna Kaleyren eskutik UI moduak diseinatzeko praktika onak, Uxcel-en eskutik We Use Many Damn Modals: UX Guidelines, Adrian Eggerren eskutik Modal & Nonmodal Dialogs, Therese Fessenden-ena Modern Enterprise UI Design: Modal Dialogs, James Jacobsen eskutik Modalak Diseinu Sistemetan
