Шумо эҳтимол пештар дар он ҷо будед. Мо дар байни нишон додани модаль ба корбарон чӣ гуна интихоб мекунем ва кай онҳоро ба саҳифаи алоҳидаи нав мегузарем? Ва оё ин умуман муҳим аст? Дар асл, чунин мекунад. Қарор ба ҷараёни корбарон, контексти онҳо, қобилияти ҷустуҷӯи тафсилот ва бо он ба басомади хатогиҳо ва иҷрои вазифаҳо таъсир мерасонад. Ҳарду имконот метавонанд халалдор ва рӯҳафтода шаванд - дар вақти нодуруст ва дар ҷои нодуруст. Пас, мо беҳтар мебуд, ки онро дуруст кунем. Хуб, биёед бубинем, ки чӣ тавр ин корро кардан мумкин аст. Модалҳо бар зидди Диалогҳо бар зидди қабатҳои против Lightboxes Гарчанде ки мо аксар вақт дар бораи як ҷузъи модалии UI сухан меронем, мо аксар вақт нозукиҳои хуб ва мураккабро байни ҳама намудҳои гуногуни модальҳо сарфи назар мекунем. Дарвоқеъ, на ҳама модаль яксон аст. Модалҳо, муколамаҳо, қабатҳо ва лайтбоксҳо - ҳама ба ҳам монанданд, аммо онҳо дар асл комилан фарқ мекунанд:
DialogA истилоҳи умумӣ барои "сӯҳбат" (системаи корбар ↔). Overlay Панели хурди мундариҷа дар болои саҳифа намоиш дода мешавад. ModalUser бояд бо overlay + ғайрифаъол замина ҳамкорӣ кунад. NonmodalUser бояд бо overlay + замина фаъол бошад. Заминаи LightboxDimmed барои таваҷҷӯҳ ба модаль.
Тавре Анна Кали таъкид мекунад, аксари қабатҳо дар вақти нодуруст пайдо мешаванд, корбаронро ҳангоми иҷрои вазифаҳои муҳим халалдор мекунанд, забони бад истифода мебаранд ва ҷараёни корбаронро вайрон мекунанд. Онҳо табиатан халалдор ҳастанд ва маъмулан бо дараҷаи баланди шиддат бидуни эҳтиёҷоти қавӣ ба он.
Албатта, корбарон бояд суст ва қатъ карда шаванд, агар оқибатҳои амали онҳо таъсири зиёд дошта бошанд, аммо барои аксари сенарияҳо ғайримодалҳо хеле нозуктаранд ва як варианти дӯстона барои ҷалби чизе ба таваҷҷӯҳи корбар мебошанд. Агар чизе бошад, ман ҳамеша тавсия медиҳам, ки он пешфарз бошад. Модалҳо → Барои вазифаҳои ягона ва мустақил Ҳамчун тарроҳон, мо аксар вақт модальҳоро ҳамчун номарбуте ва озори худ рад мекунем - ва аксар вақт онҳо ҳастанд! — вале онхо хам арзиши худро доранд. Онҳо метавонанд хеле муфид бошанд, то корбаронро дар бораи хатогиҳои эҳтимолӣ огоҳ кунанд ё ба онҳо аз талафи маълумот кӯмак расонанд. Онҳо инчунин метавонанд дар иҷрои амалҳои алоқаманд ё парма кардани тафсилот бидуни халалдор кардани ҳолати кунунии саҳифа кӯмак расонанд. Аммо бузургтарин бартарии модальҳо дар он аст, ки онҳо ба корбарон дар нигоҳ доштани контексти экрани ҷорӣ кӯмак мекунанд. Ин маънои на танҳо UI, балки инчунин вуруди таҳриршуда, мавқеи ҳаракат, ҳолати аккордеонҳо, интихоби филтрҳо, мураттабсозӣ ва ғайраро дорад.
Баъзан, корбарон бояд интихобро зуд тасдиқ кунанд (масалан, филтрҳо тавре ки дар боло нишон дода шудааст) ва сипас фавран аз он ҷо идома диҳед. Сабти худкор метавонад ба ҳамин чиз ноил шавад, албатта, аммо он на ҳамеша лозим аст ё дилхоҳ аст. Ва бастани UI аксар вақт фикри хуб нест. Аммо, модальҳо барои ягон вазифа истифода намешаванд. Одатан, мо онҳоро барои вазифаҳои ягона ва мустақилона истифода мебарем, ки дар он корбарон бояд ворид шаванд, супоришро анҷом диҳанд ва сипас ба ҷое, ки буданд, баргарданд. Тааҷҷубовар нест, ки онҳо барои муомилаҳои афзалиятнок ва кӯтоҳ хуб кор мекунанд (масалан, огоҳиҳо, амалҳои харобиовар, тасдиқи зуд). Вақте ки модальҳо кӯмак мекунанд: 🚫 Модалҳо аксар вақт халалдор, инвазив ва печида мебошанд.🚫 Онҳо муқоиса ва нусхабардорӣ-часбонданро душвор мегардонанд.✅ Бо вуҷуди ин, модальҳо ба корбарон имкон медиҳанд, ки контекстҳои сершуморро нигоҳ доранд.✅ Барои пешгирии хатогиҳои бебозгашт ва талафи маълумот муфид аст.✅ Муфид аст, агар фиристодани корбарон ба саҳифаи нав халалдор шавад. ✅ Модалро танҳо дар сурате нишон диҳед, ки корбарон халалдоршавиро қадр кунанд.✅ Ба таври нобаёнӣ, муколамаҳои блокнашавандаро ("ғайриммодалҳо") бартарӣ диҳед. ✅ Ба корбарон иҷозат диҳед, ки муколамаро дертар кам кунанд, пинҳон кунанд ё барқарор кунанд. ✅ Модалро барои суст кардани корбарон истифода баред, масалан, вуруди мураккабро тафтиш кунед. ✅ Бо "Пӯшидан", калиди ESC роҳи баромаданро диҳед ё берун аз қуттӣ клик кунед. Саҳифаҳо → Барои ҷараёнҳои кории мураккаб, бисёрқадам Устодҳо ё паймоиши ҷадвалбандишуда дар дохили модальҳо, ҳатто дар маҳсулоти мураккаби корхона, он қадар хуб кор намекунанд - дар он ҷо панелҳои паҳлӯӣ ё ҷевонҳо маъмулан беҳтар кор мекунанд. Мушкилот вақте оғоз мешавад, ки корбарон бояд нуқтаҳои маълумотро муқоиса ё истинод кунанд - аммо модальҳо ин рафторро манъ мекунанд, бинобар ин онҳо ба ҷои он як саҳифаро дар ҷадвалҳои сершумор боз мекушоянд.
Барои ҷараёнҳои мураккабтар ва равандҳои бисёрқадам, саҳифаҳои мустақил беҳтарин кор мекунанд. Саҳифаҳо инчунин вақте беҳтар кор мекунанд, ки онҳо таваҷҷӯҳи пурраи корбарро талаб мекунанд ва истинод ба экрани қаблӣ чандон муфид нест. Ва ҷевонҳо барои зервазифаҳое кор мекунанд, ки барои модали оддӣ хеле мураккабанд, аммо ба паймоиши пурраи саҳифа ниёз надоранд. Кай бояд модалҳоро пешгирӣ кард: 🚫 Аз модальҳо барои паёмҳои хато худдорӣ кунед.🚫 Модалҳоро барои огоҳиҳои хусусият худдорӣ кунед.🚫 Модалҳоро барои таҷрибаи боркунӣ худдорӣ кунед.🚫 Модалҳоро барои вазифаҳои мураккаб ва тӯлонии чандқадам. Аз ҳарду худдорӣ кунедБарои вазифаҳои такрорӣ Дар бисёре аз маҳсулоти мураккаб ва вазнин, корбарон як вазифаро такроран, такроран иҷро мекунанд. Дар он ҷо, ҳам модальҳо ва ҳам навигатсияҳои саҳифаҳои нав ба фриксия илова мекунанд, зеро онҳо ҷараёнро халалдор мекунанд ё корбаронро маҷбур мекунанд, ки маълумоти гумшударо дар байни ҳамаи ҷадвалҳо ё назари гуногун ҷамъ кунанд. Аксар вақт, корбарон бо таҷрибаи шикаста, пур аз тасдиқҳои беохир, огоҳиҳои муболиғашуда, дастурҳои муфассал ё нуктаҳои нопурраи истинод ба анҷом мерасанд. Тавре Саулиус Стебулис қайд кард, дар ин сенарияҳо, қисмҳои васеъшаванда ё таҳрир дар ҷои худ аксар вақт беҳтар кор мекунанд - онҳо вазифаро дар экрани ҷорӣ нигоҳ медоранд. Дар амал, дар бисёр сенарияҳо, корбарон вазифаҳои худро дар алоҳидагӣ иҷро намекунанд. Онҳо бояд маълумотро ҷустуҷӯ кунанд, арзишҳоро нусхабардорӣ кунанд, сабтҳоро дар ҷойҳои гуногун такмил диҳанд ё танҳо сабтҳои шабеҳро ҳангоми иҷрои вазифаҳои худ баррасӣ кунанд. Қабатҳо ва ҷевонҳо барои нигоҳ доштани дастрасӣ ба маълумоти замина дар давоми вазифа муфидтаранд. Дар натиҷа, контекст ҳамеша дар ҷои худ мемонад, ки барои истинод ё нусхабардорӣ дастрас аст. Модалҳо ва паймоиши саҳифаро барои лаҳзаҳое захира кунед, ки таваққуф воқеан арзиши илова мекунад - махсусан барои пешгирии хатогиҳои муҳим. Модалҳо ва Саҳифаҳо: Дарахти Қарорҳо Чанде пеш, Райан Нойфелд як дастури хеле муфидро ҷамъ овард, то ба тарроҳон дар интихоби модалҳо ва саҳифаҳо кӯмак кунад. Он бо як ҷадвали қулай PNG ва қолаби Google Doc бо саволҳо дар 7 бахш тақсим карда мешавад. Ин тӯлонӣ, бениҳоят ҳамаҷониба, аммо риоя кардан хеле осон аст:
Ин метавонад даҳшатовар ба назар расад, аммо ин як раванди хеле соддаи 4 қадам аст:
Контексти экран. Аввалан, мо тафтиш мекунем, ки оё корбарон бояд контексти экрани асосиро нигоҳ доранд. Мушкилии вазифаҳо ва давомнокӣ. Вазифаҳои соддатар, мутамарказ ва парешонкунанда метавонанд як модалиро истифода баранд, аммо ҷараёнҳои тӯлонӣ ва мураккаб ба саҳифа ниёз доранд. Истинод ба саҳифаи асосӣ. Сипас, мо месанҷем, ки оё корбарон аксар вақт бояд ба маълумот дар замина муроҷиат кунанд ё ин ки вазифа як тасдиқ ё интихоби оддӣ бошад. Интихоби қабати дуруст. Ниҳоят, агар қабат дар ҳақиқат як варианти хуб бошад, он моро роҳнамоӣ мекунад, ки байни модалӣ ё ғайримодалӣ интихоб кунем (ба сӯи ғайримодалӣ такя карда).
Пахш кардан То ҳадди имкон, аз бастани тамоми UI худдорӣ кунед. Муколамаи шинокунанда дошта бошед, ки UI-ро қисман фаро мегирад, аммо ба паймоиш, паймоиш ва нусхабардорӣ иҷозат медиҳад. Ё мундариҷаи модалиро ҳамчун обоварҳои паҳлӯӣ нишон диҳед. Ё ба ҷои он аккордеони амудиро истифода баред. Ё корбаронро ба саҳифаи алоҳида оред, агар ба шумо лозим аст, ки тафсилоти зиёдеро нишон диҳед. Аммо агар шумо хоҳед, ки самаранокӣ ва суръати корбаронро баланд бардоред, ба ҳар ҳол модальҳоро пешгирӣ кунед. Онҳоро барои суст кардани корбарон, муттаҳид кардани диққати онҳо ва пешгирии хатогиҳо истифода баред. Тавре ки Тереза Фессенден қайд кард, ҳеҷ кас халалдор шуданро дӯст намедорад, аммо агар лозим бошад, итминон ҳосил кунед, ки он комилан арзиш дорад. Бо "Тарроҳии интеллектуалии интерфейс" шинос шавед Шумо метавонед як бахши пурраро дар бораи модальҳо ва алтернативаҳо дар Намунаҳои тарроҳии интерфейси Smart, курси видеоии 15-соатаи мо бо 100 мисолҳои амалӣ аз лоиҳаҳои воқеӣ - бо омӯзиши мустақими UX дар охири соли ҷорӣ пайдо кунед. Ҳама чиз аз мега-афтандаҳо то ҷадвалҳои мураккаби корхона - бо 5 сегменти нав ҳар сол илова карда мешавад. Ба пешнамоиши ройгон гузаред. Барои сарфа кардани 15% тахфиф рамзи BERDIE-ро истифода баред. Бо намунаҳои тарроҳии интерфейси Smart, курси видеоии мо оид ба тарроҳии интерфейс ва UX шинос шавед.
Видео + Омӯзиши UX ТанҳоВидеоВидео + Омӯзиши UX$ 495,00 $ 699,00
Гирифтани Видео + Training UX25 дарси видео (15 соат) + Омӯзиши мустақими UX. 100 рӯз кафолати баргардонидани пул. Танҳо видео$ 300,00$ 395,00
Курси видеоии 40 дарси видеоиро гиред (15 соат). Ҳар сол нав карда мешавад. Инчунин ҳамчун бастаи UX бо 2 курси видео дастрас аст.
Захираҳои муфид
Намудҳои гуногуни поп-апҳо, аз ҷониби Анна Кали Таҷрибаҳои беҳтарин барои тарҳрезии модулҳои UI, аз ҷониби Uxcel Мо аз ҳад зиёд модальҳои лаънатӣ истифода мебарем: Дастурҳои UX, аз ҷониби Адриан Эггер Муколамаҳои модалӣ ва ғайримодалӣ, аз ҷониби Терезе Фессенден Тарҳрезии UI муосири Enterprise: Муколамаҳои модалӣ, аз ҷониби Ҷеймс Ҷейкобс Модалҳо дар системаҳои тарроҳӣ
