Yaqapaschá ñawpaqtaqa chaypi karqanki. ¿Imaynatataq akllanchik huk modalta ruwaqkunaman qawachinapaq, chaymanta haykapi sapaq, musuq p'anqaman purichinchik? Hinaspa, ¿imapas importantechu? Chiqaptaqa, chaytam ruwan. Decisión ruwaqkunap flujonta, contextonkuta, detalles maskay atiyninkuta, chaymanta chaywan pantay sapa kuti chaymanta ruwana tukukuyninta influyen. Iskaynin akllanakuna sasachakuyniyuq chaymanta hukmanyachiq kanman — pantasqa pachapi, chaymanta mana allin kitipi. Chaymi aswan allin kanman allinta hap’inanchis. Bueno, qhawarisun imaynatas chayta ruwananchista. Modales vs. Diálogos vs. Superposiciones vs. Lightboxes nisqa Sapa kuti huk componente UI modal kaqmanta rimachkayku chaypas, sapa kuti allin, sasachakuyniyuq matices llapa hukniray laya modalkunapura mana qhawaykuchu. Chiqaptaqa manam sapa modalchu kaqlla. Modalkuna, rimanakuykuna, llanthukuna, chaymanta k'anchay qutukuna — tukuyninku rikch'aq uyarikunku, ichataq chiqamanta ancha hukniray kanku:
Dialog“rimanakuy” (ruraq ↔ sistema) nisqapaq huk término genérico. OverlayHuk p'anqap hawanpi rikuchisqa huch'uy contenido panel. ModalUserqa llanthu + qhipaman mana llamk'achisqa kaqwan tinkinan tiyan. NonmodalUser llamk'achinan tiyan llanthu + qhipa atichisqa kaqwan. LightboxDimmed fondo modal nisqapi yuyayta churanapaq.
Anna Kaley resaltasqan hina, aswan llanthukuna pantasqa pachapi rikukunku, llamk’aqkunata sasa ruwanakunapi hark’anku, mana allin simita llamk’achinku, chaymanta ruwaqkunap puriyninta p’akinku. Paykunaqa naturalezankumanta interruptivos kanku, chanta típicamente huk hatun nivel de severidad kaqwan mana sinchi necesidadniyuq chaypaq.
Chiqamanta ruwaqkuna pisiyachisqa kananku tiyan chaymanta interrumpisqa kananku tiyan sichus ruwasqankumanta consecuenciakuna huk hatun impactoyuq kanku, ichaqa aswan escenarios kaqpaq mana modales aswan sutil kanku chaymanta aswan amistadniyuq akllana kanku imapas ruwaqpa yuyayninman apamunankupaq. Sichus imapas, sapa kuti yuyaychani huk default kananpaq. Modales → Sapallan, Kikinmanta Ruwaykunapaq Diseñadores hina, sapa kuti modalkunata mana imapaqpas valeq hinallataq phiñachiq hina wikch'uyku — sapa kutitaqmi kanku! — chaywanpas paykunaqa valorninkupas kanmi. Paykunaqa ancha yanapakuq kankuman ruwaqkunata willaypaq pantay atiykunamanta utaq yanapankuman mana willayta chinkachinankupaq. Yanapakunkumanpas tupaq ruwaykunata ruwayta utaq detallekunaman t'aqwiyta mana p'anqap kunan kayninta hark'aspa. Ichaqa modales kaqpa aswan hatun ventajanqa, kunan pantallapa contextonta waqaychanankupaq yanapakunku. Manan UI kaqllatachu niyta munan, aswanpas allichasqa yaykuy, kuyuy posición, acordeones estado, filtrokuna akllay, t’aqay, chaymanta wakkuna ima niyta munan.
Wakin kuti, ruwaqkuna huk akllanata usqhaylla takyachiyta munanku (e.g., filtrokuna hawapi rikuchisqa hina) chaymanta chaymanta chaylla purinanku tiyan. Kikinmanta waqaychayqa kaqllata aypayta atin, chiqamanta, ichaqa mana sapa kutichu necesitakun nitaq munasqachu. Hinallataq UI hark'ayqa sapa kuti mana allin yuyaychu. Ichaqa, modales nisqakunaqa manan ima ruwanapaqpas utilizasqachu. Sapanchasqa, sapalla, kikinmanta ruwasqa ruwanakunapaq llamk'achiyku maypi ruwaqkuna saltananku tiyan, huk ruwayta tukunanku tiyan, chaymanta maypi kasqankuman kutinanku tiyan. Mana musphaychu, allinta llamk'anku hatun ñawpaqman churasqa, pisi tinkiykuna (e.g., alertas, thuñichiq ruwaykuna, utqaylla takyachiykuna). Modalkuna yanapaptinku: 🚫 Modalkuna sapa kuti ch'aqwachiq, invasivo, pantachiq ima.🚫 Sasa tupachiyta ruwanku, copia-pegartapas.✅ Chaywanpas modales nisqakunaqa achka contextokunata waqaychanankupaqmi saqin.✅ Allinmi mana kutichiy atina pantaykunata hark'anapaq, hinallataq datukuna chinkachiytapas.✅ Allinmi sichus musuq p'anqaman llamk'achiqkunata kachayqa sasachakuyniyuq kanman. ✅ Huk modalta rikuchiy sichus llamk'aqkuna ch'aqwayta chaninchanqaku.✅ Ñawpaqmanta, mana hark'aq rimanakuykunata aswan allinpaq qhaway (“mana modales”).✅ Ruwaqkunata qhipaman rimanakuyta pisiyachiyta, pakayta utaq kutichiyta saqiy.✅ Huk modalta llamk'achiy llamk'aqkunata pisiyachinapaq, e.g., complejo yaykuy chiqaqchay.✅ Huk lluqsiy ñanta quy “Wichqay”, ESC llavewan, utaq hawapi ñit'iy caja. P'anqakuna → Sasa, Achka Llamkanakuna ruwanapaq Asistentekuna utaq modalkuna ukhupi tablayuq puriy mana ancha allintachu llamk’an, complejo empresa rurukunapipas — chaypi, lado paneles utaq cajones típicamente aswan allin llamk’anku. Sasachakuykuna qallarikun mayk'aq ruwaqkuna willay puntokuna tupachiyta utaq referenciata ruwananku tiyan — chaywanpas modalkuna kay ruwayta hark'anku, chayrayku kikin p'anqata achka tablakunapi wakmanta kichanku chaymanta.
Aswan sasa mayukuna chaymanta achka llamkana ruwanakuna, sapalla p'anqakuna aswan allin llamk'anku. P’anqakunapas aswan allinta llamk’anku mayk’aqchus ruwaqpa tukuy qhawayninta mañanku, chaymanta ñawpaq pantallaman referencia mana ancha yanapakuqchu. Hinallataq cajones sub-tareakunapaq llamk'anku mayqinkunachus ancha complejo kanku huk simple modal kaqpaq, ichaqa mana huk hunt'asqa p'anqa puriyta necesitankuchu. Haykapitaq modales nisqakunata karunchakuna: 🚫 Evita modales pantay willakuykunapaq.🚫 Ama modales ruway willaykunapaq.🚫 Ama modales onboarding experienciapaq.🚫 Ama modales complejo, largo multi-paso-tareakunapaq.🚫 Ama achka anidado modales kaqmanta chaymanta prev/next rantinpi llamk'achiy.🚫 Evita auto-disparador modales mana absolutamente necesario. Iskayninmanta karunchakuySapa kuti Ruwaykunapaq Askha sasachakuyniyuq, llamkana llasa rurukunapi, ruwaqkuna kikin ruwanakunata sapa kuti, sapa kuti ruwachkaqta tarikunqa. Chaypi, iskaynin modales chaymanta musuq p'anqa puriykuna fricción yapanku imaraykuchus flujota interrumpinku utaq usuariokunata tanqanku chinkasqa willayta huñunankupaq llapa hukniray tablakuna utaq qhawaykunapura. Ancha sapa kuti, ruwaqkuna huk p'akisqa experienciawan tukunku, hunt'a mana tukukuq takyachiykunawan, exagerado advertenciakunawan, verboso kamachiykunawan utaq faltaq referencia puntokunallawan. Saulius Stebulis nisqan hina, kay escenariokunapi, mast'arikuq t'aqakuna utaq maypi allichay sapa kuti aswan allinta llamk'anku — ruwanata kunan pantallaman anclasqa waqaychanku. Ruwaypi, achka escenariokunapi, llamk’aqkuna mana sapanchasqachu ruwanankuta tukunku. Willayta maskananku tiyan, valores copia-pega, wak kitikunapi yaykuykunata ch'uyanchananku tiyan, utaq ruwanankupi llamk'asqankumanjina rikch'aq registrokunata qhawanallanku tiyan. Overlays chaymanta cajones aswan yanapakunku ruway pachapi qhipa willaykunaman yaykuyta waqaychaypi. Chay raykun contextoqa maychus kananpi qhepanpuni, referenciapaq otaq copia-pegapaq. Modalkunata chaymanta p'anqa puriyta waqaychay mayk'aq interrupción chiqamanta chanin yapan — aswanta sinchi pantaykunata hark'anapaq. Modales vs. Páginas: Huk Decisión Sacha Huk pacha ñawpaqta, Ryan Neufeld huk ancha yanapakuq pusayta huñurqan, diseñadores nisqakunata yanapananpaq modales nisqamanta, p'anqakunamantapas akllanankupaq. Chayqa hamun huk PNG cheatsheet makiwan ruwasqawan chaymanta huk plantilla Google Docwan tapukuykunawan 7 t'aqakunapi rakisqa. Unaymi, ancha allinta, ichaqa ancha facilmi qatipanapaq:
Manchachikuq hinam rikchakunman, ichaqa 4 llamkayniyuq ruwaymi:
Pantallapa contexton.Ñawpaqtaqa, qawayku sichus usuariokuna pantalla subyacentepa contextonta waqaychananku tiyan. Llamkanakunap sasachakuynin chaymanta unayniyuq kaynin.Aswan sasallawan, enfocadu, mana distrayente ruwanakuna huk modal kaqwan llamk'ayta atinkuman, ichaqa unay, complejo flujos huk p'anqata necesitanku. Uraypi kaq p'anqaman referencia.Chaymanta, qhawayku sichus sapa kuti ruwaqkuna qhipa kaqpi willayta qhawayta munanku utaq sichus ruwana huk sanu takyachiy utaq akllana kan. Allin qatayta akllay.Tukuchanapaq, sichus chiqap qatasqa allin akllana kanman chayqa, pusawanchikmi modal utaq mana modal nisqamanta akllananchikpaq (mana modal nisqaman inclinakuspa).
Envoltura Atikuqtinqa, ama llapan UI hark'aychu. Huk rimanakuna wayt'aq, huk chikan UI tapasqa, ichaqa puriyta, puriyta, chaymanta copia-k'askachiyta saqispa. Utaq modalpa kaqninkunata huk lado cajón hina qawachina. Utaq chaypa rantinpi sayaq acordeón nisqawan yanapachikuy. Utaq llamk'aqkunata sapaq p'anqaman apamuy sichus achka detallekunata rikuchinayki tiyan. Ichaqa sichus munanki kallpachayta usuariokunaq eficiencian chaymanta usqhaylla, karun modalkuna tukuy imapipas. Chaykunata llamk'achiy llamk'achiqkunata pisiyachinapaq, yuyayninkuta huñunapaq, pantaykunata hark'anapaq. Therese Fessendenpa nisqan hina, manan pipas gustanchu interrumpisqa kayta, ichaqa necesitanki chayqa, allinta qhawariy chay qolqeta valenanpaq. “Patrones de Diseño de Interfaz Inteligente” nisqawan tupay. Huk hunt'asqa t'aqa modales kaqmanta chaymanta alternativas kaqmanta Smart Interface Design Patterns kaqpi tariyta atikunki, 15h-video kursuyku 100s ruwaypaq ejemplokuna chiqa kawsay proyectokunamanta — huk kawsaq UX yachachiywan kay wata tukukuypi. Tukuy ima mega-dropdowns kaqmanta complejo empresa tablakuna kaqkama — 5 musuq segmentokuna sapa wata yapasqawan. Huk mana qullqiyuq ñawpaq qhawayman saltay. BIRDIE nisqa código nisqawan 15% qullqita waqaychanki. Smart Interface Design Patterns kaqwan riqsinakuy, video kursuyku interfaz diseño & UX kaqmanta.
Video + UX YachachiyVideollaVideo + UX Yachachiy$ 495.00 $ 699.00
Video + UX Yachachiyta chaskiy25 video yachachiykunata (15h) + Kawsaq UX Yachachiy.100 p'unchaw qullqi-kutichiy-garantia.Videolla$ 300.00$ 395.00
Video cursota chaskiy40 video yachachiykunata (15h). Sapa wata musuqchasqa.UX Bundle hinapas 2 video kursukunawanmi tarikun.
Allin yanapakuykuna
Imaymana Popups nisqakuna, Anna Kaleypa qillqasqan Aswan allin ruwaykuna UI Modales ruwanapaq, Uxcelpa ruwasqan Demasiado Mucho Maldito Modales nisqakunatam llamk'achinchik: UX Directrices, Adrian Eggerpa ruwasqan Diálogos Modal & No Modal, Therese Fessendenpa qillqasqan Kunan pacha Empresa UI Diseño: Modal Diálogos, James Jacobspa ruwasqan Sistemas de Diseño nisqapi Modales nisqakuna
