Ua hele mua paha ʻoe ma laila. Pehea mākou e koho ai ma waena o ka hōʻike ʻana i kahi modal i nā mea hoʻohana, a i ka manawa hea mākou e hoʻokele ai iā lākou i kahi ʻaoʻao hou aʻe? A he mea nui anei ia? ʻOiaʻiʻo, hana. Hoʻopili ka hoʻoholo i ka holo ʻana o nā mea hoʻohana, ko lākou pōʻaiapili, ko lākou hiki ke ʻimi i nā kikoʻī, a me ka pinepine o ka hewa a me ka pau ʻana o ka hana. Hiki i nā koho ʻelua ke hoʻopilikia a hoʻonāukiuki - i ka manawa kūpono ʻole, a ma kahi kūpono ʻole. No laila, ʻoi aku ka maikaʻi o kā mākou hana pololei. ʻAe, e ʻike kākou pehea e hana ai i kēlā. Modals vs. Dialogs vs. Overlays vs. Lightboxes ʻOiai mākou e kamaʻilio pinepine e pili ana i kahi ʻāpana UI modal hoʻokahi, hoʻowahāwahā pinepine mākou i nā nuances paʻakikī ma waena o nā ʻano ʻano ʻano like ʻole. ʻOiaʻiʻo, ʻaʻole like kēlā me kēia ʻano. ʻO nā modals, dialogs, overlays, a me nā pahu kukui - like nā kani āpau, akā ʻokoʻa maoli lākou:
DialogHe hua'ōlelo maʻamau no "kamaʻilio" (mea hoʻohana ↔ ʻōnaehana). OverlayHe papa maʻiʻo liʻiliʻi i hōʻike ʻia ma luna o kahi ʻaoʻao. Pono ʻo ModalUser e launa pū me ka overlay + background disabled. Pono ʻo NonmodalUser e launa pū me ka overlay + background enabled. LightboxDimmed hope e kālele i ka manaʻo ma ke ʻano.
E like me ka hōʻike ʻana o Anna Kaley, ʻike ʻia ka hapa nui o nā overlays i ka manawa hewa, hoʻopau i nā mea hoʻohana i nā hana koʻikoʻi, hoʻohana i ka ʻōlelo maikaʻi ʻole, a uhaki i ke kahe o nā mea hoʻohana. Hoʻopilikia ʻia lākou ma ke ʻano, a maʻamau me kahi kiʻekiʻe kiʻekiʻe o ke koʻikoʻi me ka ʻole o ka makemake nui i kēlā.
Pono nā mea hoʻohana e hoʻolohi a hoʻopau ʻia inā he hopena kiʻekiʻe ka hopena o kā lākou hana, akā no ka hapa nui o nā hiʻohiʻona non-modals ʻoi aku ka maʻalahi a me kahi koho ʻoi aku ka maikaʻi e lawe mai i kahi mea i ka manaʻo o ka mea hoʻohana. Inā he mea, manaʻo mau wau he paʻamau. Nā Modals → No nā hana hoʻokahi, paʻa ponoʻī Ma keʻano he mea hoʻolālā, hoʻokuʻu pinepine mākou i nā modals he mea ʻole a hoʻonāukiuki - a pinepine lākou! - akā, aia nō ko lākou waiwai pū kekahi. Hiki iā lākou ke kōkua nui i ka hoʻolaha ʻana i nā mea hoʻohana e pili ana i nā kuhi hewa a i ʻole e kōkua iā lākou e pale i ka nalowale ʻikepili. Hiki iā lākou ke kōkua i ka hana ʻana i nā hana e pili ana a i ʻole ka ʻimi ʻana i nā kikoʻī me ka ʻole e hoʻopau i ke kūlana o kēia ʻaoʻao. Akā ʻo ka pōmaikaʻi nui loa o nā modals ʻo ia ke kōkua i nā mea hoʻohana e mālama i ka pōʻaiapili o ka pale o kēia manawa. ʻAʻole ia he manaʻo wale nō ka UI, akā hoʻoponopono hoʻi i ka hoʻokomo, ke kūlana scrolling, state of accordions, ke koho ʻana i nā kānana, ka hoʻokaʻawale ʻana, a pēlā aku.
I kekahi manawa, pono nā mea hoʻohana e hōʻoia koke i kahi koho (e laʻa, nā kānana e like me ka mea i hōʻike ʻia ma luna) a laila hele koke mai laila. Hiki ke hoʻokō i ka hoʻopaʻa ʻana i ka mea like, ʻoiaʻiʻo, akā ʻaʻole pono a makemake ʻia. A ʻo ka pale ʻana i ka UI ʻaʻole ia he manaʻo maikaʻi. Eia naʻe, ʻaʻole hoʻohana ʻia nā modals no nā hana. ʻO ka maʻamau, hoʻohana mākou iā lākou no nā hana hoʻokahi, paʻa ponoʻī kahi e lele ai nā mea hoʻohana, hoʻopau i kahi hana, a laila hoʻi i ko lākou wahi. ʻO ka mea kānalua, hana maikaʻi lākou no ka mea kiʻekiʻe, nā pilina pōkole (e like me nā mākaʻikaʻi, nā hana luku, nā hōʻoia wikiwiki). Ke kōkua nā modals: 🚫 Hoʻopilikia pinepine ʻia nā ʻano hana, hoʻoweliweli, a huikau. ✅ Hōʻike i ke ʻano wale nō inā e manaʻo nā mea hoʻohana i ka hoʻohaunaele. Nā ʻaoʻao → No nā Kaʻina Hana Paʻakikī, Nui-Step ʻAʻole hana maikaʻi nā wizards a i ʻole ka hoʻokele tabbed i loko o nā modals, ʻoiai i nā huahana ʻoihana paʻakikī - ma laila, ʻoi aku ka maikaʻi o nā panela ʻaoʻao a i ʻole nā mea huki. Hoʻomaka nā pilikia i ka wā e pono ai nā mea hoʻohana e hoʻohālikelike a kuhikuhi i nā kikoʻī ʻikepili - akā naʻe ke kāohi nei nā modals i kēia ʻano, no laila e wehe hou lākou i ka ʻaoʻao like ma nā ʻaoʻao he nui.
No nā kahe paʻakikī a me nā kaʻina hana he nui, ʻoi aku ka maikaʻi o nā ʻaoʻao kūʻokoʻa. ʻOi aku ka maikaʻi o nā ʻaoʻao ke koi lākou i ka nānā piha ʻana o ka mea hoʻohana, a ʻaʻole kōkua nui ka kuhikuhi ʻana i ka pale mua. A hana nā mea huki no nā hana liʻiliʻi i paʻakikī loa no kahi ʻano maʻalahi, akā ʻaʻole pono ka hoʻokele ʻaoʻao piha. I ka manawa e pale aku ai i nā modals: 🚫 Hōʻalo i nā ʻano hana no nā memo hewa. E pale aku ia lauaNo na hana hou I loko o nā huahana paʻakikī a paʻakikī, e ʻike nā mea hoʻohana iā lākou iho e hana mau ana i nā hana like, pinepine. Ma laila, hoʻohui nā ʻano ʻaoʻao a me nā hoʻokele ʻaoʻao hou i ka hakakā no ka mea ke keʻakeʻa nei lākou i ke kahe ʻana a i ʻole ke koi ʻana i nā mea hoʻohana e hōʻiliʻili i ka ʻikepili nalo ma waena o nā ʻaoʻao āpau a i ʻole nā manaʻo. ʻO ka pinepine, hoʻopau nā mea hoʻohana me kahi ʻike haʻihaʻi, piha i nā hōʻoia pau ʻole, nā ʻōlelo aʻo nui, nā ʻōlelo aʻoaʻo, a i ʻole nā wahi kuhikuhi. E like me ka Saulius Stebulis i ʻōlelo ai, ma kēia mau hiʻohiʻona, ʻoi aku ka maikaʻi o nā ʻāpana hiki ke hoʻonui ʻia a i ʻole ka hoʻoponopono ʻana ma kahi wahi - mālama lākou i ka hana ma ka pale o kēia manawa. I ka hoʻomaʻamaʻa, i nā hiʻohiʻona he nui, ʻaʻole hoʻopau nā mea hoʻohana i kā lākou mau hana ma kahi kaʻawale. Pono lākou e ʻimi i ka ʻikepili, kope-paʻi koʻikoʻi, hoʻomaʻemaʻe i nā mea i hoʻokomo ʻia ma nā wahi like ʻole, a i ʻole e nānā wale i nā moʻolelo like i kā lākou hana ʻana i kā lākou hana. ʻOi aku ke kōkua o nā uhi a me nā huki huki i ka mālama ʻana i ka ʻike i ka ʻikepili hope i ka wā o ka hana. ʻO ka hopena, e noho mau ana ka pōʻaiapili ma kona wahi, i loaʻa no ka ʻike a i ʻole kope kope. E mālama i nā modals a me ka hoʻokele ʻaoʻao no nā manawa i hoʻohui maoli ʻia ka waiwai - ʻoi aku ka pale ʻana i nā hewa koʻikoʻi. Modals vs. Nā ʻaoʻao: He lāʻau hoʻoholo I kekahi manawa i hala, ua hui ʻo Ryan Neufeld i kahi alakaʻi kōkua nui e kōkua i nā mea hoʻolālā e koho ma waena o nā modals a me nā ʻaoʻao. Hele mai ia me kahi pepa hoʻopunipuni PNG a me kahi hoʻohālike Google Doc me nā nīnau i haʻi ʻia ma nā ʻāpana 7. He lōʻihi, piha loa, akā maʻalahi loa ke hahai:
He mea paʻakikī paha ia, akā he hana maʻalahi 4-step:
ʻO ke ʻano o ka pale. ʻO ka mua, nānā mākou inā pono nā mea hoʻohana e mālama i ka pōʻaiapili o ka pale lalo. ʻO ka paʻakikī a me ka lōʻihi o ka hana. Hiki i nā hana maʻalahi, nānā ʻole, ʻaʻole hoʻopilikia ke hoʻohana i kahi ʻano, akā pono nā kahe lōʻihi a paʻakikī i kahi ʻaoʻao. Nānā i ka ʻaoʻao lalo. A laila, nānā mākou inā pono nā mea hoʻohana e nānā i ka ʻikepili ma hope a i ʻole ka hana he hōʻoia maʻalahi a koho paha. Ke koho ʻana i ka uhi pono. ʻO ka hope, inā he koho maikaʻi ka overlay, alakaʻi ia iā mākou e koho ma waena o ka modal a i ʻole nonmodal (e hilinaʻi ana i kahi nonmodal).
ʻOpiʻi ʻana Inā hiki, e pale i ka pale ʻana i ka UI holoʻokoʻa. E lana ana kahi kamaʻilio, e uhi hapa ana i ka UI, akā e ʻae ana i ka hoʻokele, ka ʻōwili ʻana, a me ka hoʻopili kope. A i ʻole e hōʻike i nā mea o ka modal ma ke ʻano he huki ʻaoʻao. A i ʻole e hoʻohana i kahi accordion kū pololei. A i ʻole e lawe i nā mea hoʻohana i kahi ʻaoʻao ʻokoʻa inā pono ʻoe e hōʻike i nā kikoʻī he nui. Akā inā makemake ʻoe e hoʻonui i ka pono a me ka wikiwiki o nā mea hoʻohana, e pale i nā modals i nā koina āpau. E hoʻohana iā lākou e lohi i nā mea hoʻohana, e hoʻopaʻa i ko lākou nānā, e pale i nā hewa. E like me kā Therese Fessenden i ʻike ai, ʻaʻohe mea makemake e hoʻopau ʻia, akā inā pono ʻoe, e hōʻoia i ke kumu kūʻai. E ʻike i nā "Hōʻano Hoʻolālā Kikowaena Kūikawā" Hiki iā ʻoe ke ʻike i kahi ʻāpana holoʻokoʻa e pili ana i nā modals a me nā mea ʻē aʻe i Smart Interface Design Patterns, kā mākou papa wikiō 15h me 100s o nā hiʻohiʻona kūpono mai nā papahana ola maoli - me kahi hoʻomaʻamaʻa UX ola ma hope o kēia makahiki. ʻO nā mea āpau mai nā mega-dropdowns a i nā papa ʻoihana paʻakikī - me 5 mau ʻāpana hou i hoʻohui ʻia i kēlā me kēia makahiki. E lele i kahi nānā manuahi. E hoʻohana i ka code BIRDIE e hoʻemi i ka 15%. E ʻike i nā ʻano hoʻolālā hoʻolālā Smart Interface, kā mākou papa wikiō ma ka hoʻolālā interface & UX.
Hoʻomaʻamaʻa wikiō + Hoʻomaʻamaʻa UXVideo wale nōVideo + Hoʻomaʻamaʻa UX$ 495.00 $ 699.00
E kiʻi i nā haʻawina wikiō + UX Training25 (15h) + Live UX Training.100 mau lā kālā-hoʻihoʻi-guarantee. Video wale nō $ 300.00$ 395.00
Loaʻa i ka papa wikiō40 mau haʻawina wikiō (15h). Hoʻonui ʻia i kēlā me kēia makahiki. Loaʻa pū ʻia ma ke ʻano he UX Bundle me 2 mau papa wikiō.
Nā Punawai Pono
Nā ʻano popups like ʻole, na Anna Kaley Nā hana maikaʻi loa no ka hoʻolālā ʻana i nā ʻano UI, na Uxcel Hoʻohana mākou i nā ʻano ʻano he nui loa: UX Guidelines, na Adrian Egger Modal & Nonmodal Dialogs, na Therese Fessenden Hoʻolālā UI o kēia manawa: Modal Dialogs, na James Jacobs Nā Kūlana i nā ʻōnaehana hoʻolālā
