Labda umekuwa huko hapo awali. Je, tunachagua vipi kati ya kuonyesha modali kwa watumiaji, na ni lini tutazielekeza hadi kwenye ukurasa tofauti, mpya? Na inajalisha hata kidogo? Kweli, inafanya. Uamuzi huathiri mtiririko wa watumiaji, muktadha wao, uwezo wao wa kutafuta maelezo, pamoja na hitilafu nyingi na ukamilishaji wa kazi. Chaguzi zote mbili zinaweza kuvuruga na kufadhaisha - kwa wakati usiofaa, na mahali pabaya. Kwa hivyo ni bora tuiweke sawa. Kweli, wacha tuone jinsi ya kufanya hivyo. Moduli dhidi ya Dialogs dhidi ya Nguzo dhidi ya Lightboxes Ingawa mara nyingi tunazungumza juu ya kijenzi kimoja cha kiolesura cha modali, mara nyingi tunapuuza nuances nzuri na tata kati ya aina zote tofauti za modi. Kwa kweli, si kila modal ni sawa. Moduli, vidadisi, viwekeleo na visanduku vyepesi - vyote vinasikika sawa, lakini kwa kweli ni tofauti kabisa:
DialogA neno la jumla la "mazungumzo" (mfumo wa mtumiaji ↔). Overlay Paneli ndogo ya maudhui inayoonyeshwa juu ya ukurasa. ModalUser lazima kuingiliana na uwekeleaji + mandharinyuma kuzimwa. NonmodalUser lazima kuingiliana na uwekeleaji + background kuwezeshwa. Mandharinyuma ya LightboxDimmed ili kulenga umakini kwenye modali.
Kama Anna Kaley anavyoangazia, viwekeleo vingi huonekana kwa wakati usiofaa, huwakatiza watumiaji wakati wa kazi muhimu, hutumia lugha mbaya na kuvunja mtiririko wa watumiaji. Zinasumbua kwa asili, na kwa kawaida huwa na kiwango cha juu cha ukali bila hitaji kubwa la hilo.
Hakika watumiaji lazima wapunguzwe kasi na kukatizwa ikiwa matokeo ya kitendo chao yana athari ya juu, lakini katika hali nyingi zisizo za modali ni za hila zaidi na ni chaguo rafiki zaidi ili kuleta kitu kwa mtumiaji. Ikiwa chochote, mimi hupendekeza kila wakati kuwa chaguo msingi. Miundo → Kwa Majukumu Moja, Yanayojitosheleza Kama wabunifu, mara nyingi sisi hupuuza miundo kama isiyofaa na ya kuudhi - na mara nyingi huwa hivyo! - bado wana thamani yao pia. Zinaweza kusaidia sana kuwaonya watumiaji kuhusu makosa yanayoweza kutokea au kuwasaidia kuepuka upotevu wa data. Wanaweza pia kusaidia kutekeleza vitendo vinavyohusiana au kupata maelezo bila kukatiza hali ya sasa ya ukurasa. Lakini faida kubwa ya moduli ni kwamba zinasaidia watumiaji kuweka muktadha wa skrini ya sasa. Haimaanishi Kiolesura pekee, bali pia ingizo lililohaririwa, nafasi ya kusogeza, hali ya accordions, uteuzi wa vichungi, kupanga, na kadhalika.
Wakati fulani, watumiaji wanahitaji kuthibitisha uteuzi haraka (k.m., vichujio kama inavyoonyeshwa hapo juu) na kisha kuendelea mara moja kutoka hapo. Kuokoa kiotomatiki kunaweza kufikia sawa, bila shaka, lakini si mara zote inahitajika au kuhitajika. Na kuzuia UI mara nyingi sio wazo nzuri. Walakini, moduli hazitumiwi kwa kazi yoyote. Kwa kawaida, tunazitumia kwa kazi moja, inayojitosheleza ambapo watumiaji wanapaswa kuruka, kukamilisha kazi, na kisha kurudi mahali walipokuwa. Haishangazi, hufanya kazi vizuri kwa kipaumbele cha juu, mwingiliano mfupi (kwa mfano, tahadhari, vitendo vya uharibifu, uthibitisho wa haraka). Wakati moduli zinasaidia: 🚫 Miundo mara nyingi husumbua, huvamizi, na huchanganya.🚫 Hufanya iwe vigumu kulinganisha na kunakili-kubandika.✅ Bado modi huruhusu watumiaji kudumisha miktadha mingi.✅ Inafaa kuzuia hitilafu zisizoweza kutenduliwa na upotevu wa data.✅ Inafaa ikiwa kutuma watumiaji kwenye ukurasa mpya kunaweza kutatiza. ✅ Onyesha moduli ikiwa tu watumiaji watathamini usumbufu. ✅ Kwa chaguo-msingi, pendelea vidadisi visivyozuia (“nonmodals”).✅ Ruhusu watumiaji kupunguza, kuficha, au kurejesha mazungumzo baadaye.✅ Tumia modali kupunguza kasi ya watumiaji, k.m., thibitisha ingizo changamano.✅ Toa njia ya kutoka kwa “Funga, au bofya kitufe cha ESC” nje ya kisanduku. Kurasa → Kwa Mtiririko Mgumu, wa Hatua Nyingi Wachawi au urambazaji ulio na vichupo ndani ya miundo haifanyi kazi vizuri sana, hata katika bidhaa changamano za biashara - huko, paneli za pembeni au droo kawaida hufanya kazi vizuri zaidi. Matatizo huanza wakati watumiaji wanahitaji kulinganisha au kurejelea pointi za data - lakini miundo huzuia tabia hii, kwa hivyo hufungua upya ukurasa huo huo katika vichupo vingi badala yake.
Kwa mtiririko changamano zaidi na michakato ya hatua nyingi, kurasa zinazojitegemea hufanya kazi vyema zaidi. Kurasa pia hufanya kazi vyema zaidi zinapodai usikivu kamili wa mtumiaji, na kurejelea skrini iliyotangulia sio muhimu sana. Na droo hufanya kazi kwa kazi ndogo ambazo ni ngumu sana kwa moduli rahisi, lakini hazihitaji urambazaji kamili wa ukurasa. Wakati wa kuepuka modal: 🚫 Epuka moduli za ujumbe wa hitilafu.🚫 Epuka modi za arifa za vipengele.🚫 Epuka modi za matumizi ya upandaji.🚫 Epuka modi za kazi ngumu na ndefu za hatua nyingi.🚫 Epuka modi nyingi zilizowekwa na badala yake utumie prev/ijayo badala yake.🚫 Epuka modals otomatiki. Epuka Yote MbiliKwa Kazi Zinazorudiwa Katika bidhaa nyingi ngumu, zenye kazi nzito, watumiaji watajikuta wakifanya kazi sawa mara kwa mara, tena na tena. Huko, miundo na urambazaji mpya wa kurasa huongeza msuguano kwa sababu hukatiza mtiririko au huwalazimisha watumiaji kukusanya data iliyokosekana kati ya vichupo au mitazamo yote tofauti. Mara nyingi, watumiaji huishia na hali mbaya ya utumiaji, iliyojaa uthibitisho usioisha, maonyo yaliyotiwa chumvi, maagizo ya vitenzi, au kukosa marejeleo. Kama Saulius Stebulis alivyotaja, katika hali hizi, sehemu zinazoweza kupanuliwa au uhariri wa mahali mara nyingi hufanya kazi vyema zaidi - huweka jukumu kwenye skrini ya sasa. Katika mazoezi, katika hali nyingi, watumiaji hawamalizi kazi zao kwa kutengwa. Wanahitaji kutafuta data, kunakili-kubandika maadili, kuboresha maingizo katika sehemu tofauti, au kukagua tu rekodi zinazofanana wanapofanya kazi zao. Wekelea na droo husaidia zaidi katika kudumisha ufikiaji wa data ya usuli wakati wa kazi. Kwa hivyo, muktadha daima hukaa mahali pake, unapatikana kwa marejeleo au kunakili-kubandika. Hifadhi miundo na usogezaji wa ukurasa kwa wakati ambapo ukatizaji huongeza thamani kikweli - hasa ili kuzuia makosa makubwa. Modals dhidi ya Kurasa: Mti wa Uamuzi Kipindi cha nyuma, Ryan Neufeld aliweka pamoja mwongozo muhimu sana ili kusaidia wabunifu kuchagua kati ya moduli na kurasa. Inakuja na cheatsheet rahisi ya PNG na kiolezo cha Hati ya Google kilicho na maswali yaliyogawanywa katika sehemu 7. Ni ndefu, kamili sana, lakini ni rahisi sana kufuata:
Inaweza kuonekana kuwa ya kutisha, lakini ni mchakato rahisi wa hatua 4:
Muktadha wa skrini.Kwanza, tunaangalia kama watumiaji wanahitaji kudumisha muktadha wa skrini iliyo chini. Utata wa kazi na muda. Majukumu rahisi, yaliyolenga, yasiyosumbua yanaweza kutumia modali, lakini mtiririko mrefu na changamano unahitaji ukurasa. Rejelea ukurasa wa msingi. Kisha, tunaangalia ikiwa watumiaji mara nyingi wanahitaji kurejelea data chinichini au ikiwa jukumu ni uthibitishaji au uteuzi rahisi. Kuchagua uwekeleaji unaofaa. Hatimaye, ikiwa kuwekelea ni chaguo zuri, hutuongoza kuchagua kati ya modali au isiyo ya modal (kuegemea kwenye isiyo ya modali).
Kuhitimisha Inapowezekana, epuka kuzuia UI nzima. Kuwa na kidirisha kinachoelea, kinachofunika kiolesura kwa kiasi, lakini kuruhusu urambazaji, kusogeza na kubandika. Au onyesha yaliyomo kwenye modali kama droo ya kando. Au tumia accordion wima badala yake. Au leta watumiaji kwenye ukurasa tofauti ikiwa unahitaji kuonyesha maelezo mengi. Lakini ikiwa unataka kuongeza ufanisi na kasi ya watumiaji, epuka moduli kwa gharama zote. Zitumie kupunguza kasi ya watumiaji, kuunganisha umakini wao, kuzuia makosa. Kama Therese Fessenden alivyobainisha, hakuna mtu anayependa kuingiliwa, lakini ikiwa ni lazima, hakikisha kwamba inafaa kabisa gharama. Kutana na "Miundo ya Usanifu wa Kiolesura Mahiri" Unaweza kupata sehemu nzima kuhusu miundo na mbadala katika Miundo ya Muundo wa Kiolesura Mahiri, kozi yetu ya video ya saa 15 na mifano 100 ya vitendo kutoka kwa miradi ya maisha halisi - kwa mafunzo ya UX ya moja kwa moja baadaye mwaka huu. Kila kitu kutoka kwa kushuka kwa kiwango kikubwa hadi meza changamano za biashara - na sehemu 5 mpya zinaongezwa kila mwaka. Rukia onyesho la kukagua bila malipo. Tumia msimbo wa BIRDIE kuokoa punguzo la 15%. Kutana na Miundo ya Usanifu wa Kiolesura Mahiri, kozi yetu ya video kuhusu muundo wa kiolesura na UX.
Video + Mafunzo ya UXVideo pekeeVideo + Mafunzo ya UX$ 495.00 $ 699.00
Pata Video + UX Mafunzo25 ya video (saa 15) + Mafunzo ya UX Moja kwa Moja. Dhamana ya kurejesha pesa kwa siku 100. Video pekee$ 300.00$ 395.00
Pata kozi ya video40 masomo ya video (saa 15). Inasasishwa kila mwaka. Pia inapatikana kama UX Bundle yenye kozi 2 za video.
Rasilimali Muhimu
Aina Tofauti za Ibukizi, na Anna Kaley Mbinu Bora za Kubuni Mitindo ya UI, na Uxcel Tunatumia Mbinu Nyingi Sana za Damn: Miongozo ya UX, na Adrian Egger Majadiliano ya Modal & Nonmodal, na Therese Fessenden Ubunifu wa Kiolesura cha Kisasa cha Biashara: Majadiliano ya Modal, na James Jacobs Moduli katika Mifumo ya Kubuni
