2021-1-11 資深UI設(shè)計(jì)者
模態(tài)和非模態(tài)對(duì)話框是一種非常常用的用戶界面元素，將用戶的注意力轉(zhuǎn)移到子任務(wù)上。那么何時(shí)使用，二者又有哪些區(qū)別呢？
模態(tài)對(duì)話框會(huì)打斷用戶并要求采取措施。當(dāng)需要將用戶的注意力轉(zhuǎn)移到重要信息上時(shí)，它們很合適。
為了更好地理解模態(tài)對(duì)話框和非模態(tài)對(duì)話框之間的區(qū)別，讓我們看看術(shù)語(yǔ)“對(duì)話”和“模態(tài)”的含義。
一個(gè)對(duì)話框（或對(duì)話）是指兩個(gè)人之間的對(duì)話。在用戶界面中，對(duì)話框是系統(tǒng)與用戶之間的“對(duì)話”，通常會(huì)向用戶請(qǐng)求信息或采取措施。
用戶界面模式是特殊狀態(tài)，其中同一系統(tǒng)具有一些不同的用戶界面。每種模式可能帶有不同的命令，或者相同的命令（或操作）可能會(huì)產(chǎn)生不同的結(jié)果，具體取決于系統(tǒng)的模式。換句話說(shuō)，在不同的模式下，相同的輸入將具有不同的結(jié)果。例如，打開(kāi)Caps Lock的計(jì)算機(jī)處于特殊模式：所有鍵入的字母都將顯示為大寫(xiě)字母。打開(kāi)或關(guān)閉大寫(xiě)鎖定時(shí)，鍵入字母會(huì)有不同的效果?；蛘撸贛icrosoft Word的“跟蹤更改”模式下，所有以前進(jìn)行的編輯和注釋都是可見(jiàn)的（而在正常的默認(rèn)模式下，不會(huì)對(duì)其進(jìn)行跟蹤或顯示）。
通過(guò)對(duì)“模式”和“對(duì)話框”的了解，我們可以輕松定義模式對(duì)話框。
定義：一個(gè)模式對(duì)話框是一個(gè)對(duì)話框，在主要內(nèi)容和移動(dòng)系統(tǒng)到需要用戶互動(dòng)的一種特殊模式的頂部顯示。在用戶與模態(tài)對(duì)話框明確交互之前，此對(duì)話框?qū)⒔弥饕獌?nèi)容。
相反，非模式（或無(wú)模式）對(duì)話框和窗口不會(huì)禁用主要內(nèi)容：顯示對(duì)話框不會(huì)更改用戶界面的功能。對(duì)話框打開(kāi)時(shí)，用戶可以繼續(xù)與主要內(nèi)容進(jìn)行交互（甚至移動(dòng)窗口，最小化窗口等）。
模態(tài)對(duì)話框最初旨在警告用戶錯(cuò)誤或需要立即采取措施的其他系統(tǒng)狀態(tài)。在這些情況下，必須先中斷用戶才能解決錯(cuò)誤。因此，將對(duì)話框放置在屏幕中間作為界面的焦點(diǎn)，使其非常有效。這種模式對(duì)話框的最大優(yōu)點(diǎn)是它們引起了用戶的注意，并允許他們認(rèn)識(shí)到問(wèn)題并迅速進(jìn)行了糾正。
但是，這種原始用法已經(jīng)發(fā)展起來(lái)，現(xiàn)在出于合法或不太合法的原因，有說(shuō)服力地使用了模態(tài)對(duì)話框和窗口來(lái)吸引用戶的注意。
這是模式對(duì)話框引起的一些常見(jiàn)問(wèn)題：
他們需要立即關(guān)注。本質(zhì)上，模態(tài)窗口是強(qiáng)制性的，需要用戶立即采取行動(dòng)。由于對(duì)話框?qū)⑾到y(tǒng)置于不同的模式，因此用戶只有在確認(rèn)對(duì)話框后才能繼續(xù)進(jìn)行操作。
它們中斷了用戶的工作流程。模態(tài)對(duì)話框迫使用戶擺脫他們最初正在處理的任務(wù)。每次中斷都會(huì)浪費(fèi)時(shí)間和精力，這不僅是因?yàn)橛脩舯仨殞?duì)對(duì)話框進(jìn)行尋址，而且還因?yàn)橐坏┧麄兓謴?fù)了原始任務(wù)，人們將不得不花費(fèi)一些時(shí)間來(lái)恢復(fù)上下文。
它們使用戶忘記他們?cè)谧鍪裁础?/strong>一旦上下文切換到其他任務(wù)，由于模態(tài)對(duì)話框帶來(lái)的額外認(rèn)知負(fù)擔(dān)，人們可能會(huì)忘記與原始任務(wù)相關(guān)的一些細(xì)節(jié)。在這種情況下，恢復(fù)原始任務(wù)的上下文可能會(huì)更加困難。
它們使用戶創(chuàng)建并解決了一個(gè)額外的目標(biāo)-關(guān)閉對(duì)話框。出現(xiàn)對(duì)話框時(shí)，將向用戶的工作流程添加額外的步驟：讀取和理解對(duì)話框，然后對(duì)該對(duì)話框做出決定。除非對(duì)話理由充分并且確實(shí)包含重要信息，否則交互成本的這種增加可能會(huì)使用戶推遲。稍后我們將詳細(xì)說(shuō)明這一點(diǎn)。
它們?cè)诤笈_(tái)阻止內(nèi)容。當(dāng)對(duì)話框出現(xiàn)在當(dāng)前窗口的頂部時(shí)，它可以覆蓋重要內(nèi)容并刪除上下文。結(jié)果，當(dāng)對(duì)話框詢問(wèn)與剛剛被遮蓋的信息有關(guān)的問(wèn)題時(shí)，對(duì)對(duì)話框的響應(yīng)可能會(huì)變得更加困難。
由于這些缺點(diǎn)，模態(tài)對(duì)話框在用于非關(guān)鍵性活動(dòng)時(shí)會(huì)出現(xiàn)問(wèn)題。
什么時(shí)候使用模式對(duì)話框合適？以下是一些指南，可幫助您確定是否確實(shí)需要模式對(duì)話框。
1.使用模式對(duì)話框顯示重要警告，以防止或糾正嚴(yán)重錯(cuò)誤。
只要有可能丟失用戶的工作或某個(gè)動(dòng)作可能造成破壞性且不可逆轉(zhuǎn)的后果，請(qǐng)中斷用戶以避免災(zāi)難。
要確定什么錯(cuò)誤嚴(yán)重到足以引起模式對(duì)話框，請(qǐng)考慮以下事項(xiàng)：
如果將用戶的注意力從任務(wù)上移開(kāi)，這個(gè)問(wèn)題會(huì)更容易或更難解決嗎？如果可能的話，最好避免人為錯(cuò)誤。但是，一旦發(fā)生錯(cuò)誤，如果錯(cuò)誤消息顯示在主要內(nèi)容中而不是模式對(duì)話框中，則可能更容易修復(fù)錯(cuò)誤。例如，表單中的錯(cuò)誤應(yīng)在發(fā)生錯(cuò)誤的頁(yè)面上報(bào)告，以便用戶在解決問(wèn)題時(shí)可以參考錯(cuò)誤消息。但是可以在模式對(duì)話框中顯示通知用戶她的計(jì)算機(jī)將在10秒后重新啟動(dòng)，以確保用戶注意到該消息。
錯(cuò)誤是不可逆的嗎？不可逆的錯(cuò)誤通常會(huì)導(dǎo)致信息丟失，這對(duì)于復(fù)雜且耗時(shí)的任務(wù)尤其有害。例如，對(duì)于電子商務(wù)企業(yè)而言，未能將項(xiàng)目添加到購(gòu)物車(chē)可能是一個(gè)不幸的錯(cuò)誤，但如果用戶沒(méi)有注意到微妙的通知，則它不是不可逆的（如果他們確實(shí)想要該項(xiàng)目，他們可以重做其操作）。另一方面，覆蓋文件或無(wú)法保存對(duì)數(shù)百?gòu)埢脽羝母亩际遣豢赡娴牟僮鳎虼朔浅Ｐ枰袛?，并且?jīng)常受到干擾。
Microsoft Powerpoint使用模式對(duì)話框來(lái)防止不可逆的錯(cuò)誤或意外的用戶操作，例如在不保存工作的情況下退出應(yīng)用程序。
Google Mail桌面應(yīng)用程序：當(dāng)用戶在郵件中包含“我已附加”或“請(qǐng)參閱附件”等關(guān)鍵短語(yǔ)后忘記附加文件時(shí)，將出現(xiàn)此模式對(duì)話框。此對(duì)話框可防止用戶錯(cuò)誤（以及笨拙的后續(xù)電子郵件）。
當(dāng)缺少信息會(huì)阻止系統(tǒng)繼續(xù)用戶啟動(dòng)的過(guò)程時(shí)，模式對(duì)話框可以提示用戶輸入該信息。
如下所示，Etsy使用模態(tài)窗口中斷用戶的登錄信息（當(dāng)該用戶試圖將某項(xiàng)保存到收藏夾列表中時(shí)）。
每當(dāng)用戶嘗試執(zhí)行需要進(jìn)一步步驟才能執(zhí)行的任務(wù)時(shí)，Etsy都會(huì)使用模式對(duì)話框。例如，當(dāng)用戶嘗試將某個(gè)項(xiàng)目標(biāo)記為“收藏夾”而用戶未登錄時(shí)，將出現(xiàn)一個(gè)對(duì)話框，以獲取執(zhí)行所需操作所需的信息。
對(duì)于工作流，更快并不總是更好。對(duì)于耗時(shí)且涉及精神（和情感）的任務(wù)，一次要索要大量信息可能是不堪重負(fù)的。在這些情況下，模態(tài)對(duì)話框可用于將復(fù)雜的信息分解為更簡(jiǎn)單，更易消化的塊。向?qū)鞘褂媚B(tài)對(duì)話框的常見(jiàn)實(shí)例。
但是，必須注意的是，具有多個(gè)步驟的模式只會(huì)延長(zhǎng)花費(fèi)在主要任務(wù)上的時(shí)間，從而使用戶更有可能一開(kāi)始就忘記自己在做什么。因此，如果您必須執(zhí)行多步驟模態(tài)，請(qǐng)讓用戶了解他們的進(jìn)度，這樣他們就不會(huì)立即放棄。就是說(shuō)，如果開(kāi)始需要多個(gè)步驟，則可能有理由為其分配整頁(yè)。
當(dāng)所請(qǐng)求或提供的信息相關(guān)時(shí)，模態(tài)可以有效地工作，或者可以簡(jiǎn)化當(dāng)前任務(wù)的完成。
就房地產(chǎn)網(wǎng)站Zillow.com而言，用戶無(wú)需帳戶或房地產(chǎn)經(jīng)紀(jì)人即可瀏覽物業(yè)列表。但是，當(dāng)他們嘗試與代理商聯(lián)系以獲取列表時(shí)，站點(diǎn)將顯示一個(gè)模式對(duì)話框，詢問(wèn)他們是否已經(jīng)有代理商。該信息對(duì)于立即進(jìn)行下一步（聯(lián)系上市代理）并不重要，但在簡(jiǎn)化未來(lái)的交互過(guò)程中仍然很有價(jià)值。該對(duì)話框使用漸進(jìn)分析，并一次提出一個(gè)易于回答的問(wèn)題。這些問(wèn)題的承諾度很低，只關(guān)注相關(guān)細(xì)節(jié)。
Zillow.com在用戶提交有關(guān)特定列表的查詢后，要求用戶提供更多信息。詢問(wèn)用戶此時(shí)是否有房地產(chǎn)經(jīng)紀(jì)人是有意義的點(diǎn)， 因?yàn)樗鼫p少了將來(lái)與其他代理進(jìn)行冗余對(duì)話的機(jī)會(huì)。
漸進(jìn)分析的關(guān)鍵在于它們遵循用戶對(duì)工作流程的期望-中斷僅在它們與當(dāng)前任務(wù)相關(guān)或有幫助時(shí)才有幫助。
如上所述，模態(tài)對(duì)話框?qū)τ脩艟哂性S多缺點(diǎn)和成本。為了使這些費(fèi)用合理，與任務(wù)和重要性的相關(guān)性應(yīng)該很高。與用戶目標(biāo)沒(méi)有直接關(guān)系的模態(tài)對(duì)話框被認(rèn)為是令人討厭的，并且會(huì)減少對(duì)公司的信任。
此外，當(dāng)非優(yōu)先信息以高優(yōu)先級(jí)格式（如模式對(duì)話框）顯示時(shí)，用戶將拒絕關(guān)注此格式的其他實(shí)例。這就像伊索寓言中的“哭狼的男孩”一樣-反復(fù)誤導(dǎo)他人將使他們?cè)谡嬲枰獣r(shí)不會(huì)給予您信任。
與普遍看法相反，郵件列表注冊(cè)雖然對(duì)于產(chǎn)生業(yè)務(wù)線索至關(guān)重要，但對(duì)用戶而言并不重要。在最近的一項(xiàng)網(wǎng)絡(luò)可用性研究中，我們聽(tīng)到了與電子郵件通訊注冊(cè)有關(guān)的模態(tài)對(duì)話框的內(nèi)在鄙視。
GoodHousekeeping.com通過(guò)模式化的郵件列表對(duì)話框發(fā)揮了更大的作用-不僅停用了背景，而且還用全屏照片完全替換了背景，從而刪除了用戶在網(wǎng)站上的所有上下文。它也出現(xiàn)在用戶首次登陸網(wǎng)站首頁(yè)后的前3秒鐘內(nèi)，使用戶沒(méi)有時(shí)間從該頁(yè)面上收集任何值。該對(duì)話框要求的信息對(duì)于用戶或其工作流程而言并非必不可少，并且?guī)缀醪惶峁┥舷挛幕蚋兄膬r(jià)值。
Wayfair使用模式對(duì)話框來(lái)請(qǐng)求用戶指定應(yīng)將該項(xiàng)目固定在哪個(gè)板上。另一個(gè)UI元素（例如主要內(nèi)容中的一個(gè)選項(xiàng)）將更適合于輸入此信息。底部：選定木板后，Wayfair使用模式對(duì)話框來(lái)要求用戶邀請(qǐng)朋友加入他們的木板-這對(duì)用戶來(lái)說(shuō)不是必不可少的操作，并且會(huì)增加固定項(xiàng)目的交互成本。
結(jié)帳對(duì)用戶和企業(yè)都是高風(fēng)險(xiǎn)的過(guò)程：用戶希望確保該過(guò)程是安全和無(wú)錯(cuò)誤的，而企業(yè)希望確保用戶遵循其購(gòu)買(mǎi)決定。模態(tài)對(duì)話框（如果不需要的話）充其量會(huì)分散用戶的注意力，最壞的情況是削弱用戶的信心。
較早的Walmart.com版本使用模式對(duì)話框提示用戶在結(jié)帳期間登錄。最好的情況是，這種模式可能會(huì)分散用戶的注意力，并引導(dǎo)他們進(jìn)行全面的搜索以查找Walmart.com密碼，而不僅僅是以訪客身份完成結(jié)帳。在最壞的情況下，用戶可能會(huì)感到他們被迫開(kāi)設(shè)一個(gè)帳戶，而這又會(huì)影響購(gòu)買(mǎi)決定。此后，沃爾瑪重新設(shè)計(jì)了其網(wǎng)站以刪除該模式對(duì)話框（但重新設(shè)計(jì)也完全刪除了訪客結(jié)帳，現(xiàn)在要求用戶擁有一個(gè)結(jié)帳帳戶-坦白地說(shuō)，這令人反感）。
模態(tài)對(duì)話框應(yīng)用于與用戶的簡(jiǎn)短直接對(duì)話。如果模態(tài)要求用戶進(jìn)行復(fù)雜的研究或咨詢其他信息源（可能被模態(tài)阻止），則該交互不是正確的UI元素。
邊境航空公司使用模式對(duì)話框促進(jìn)基本航班的加價(jià)銷(xiāo)售。該對(duì)話框要求用戶決定花更多的錢(qián)，但是不允許他們?cè)L問(wèn)做出該決定所需的其他信息（例如，是否還有剩余的體面座位）。
在任務(wù)不是很關(guān)鍵的情況下，非模式對(duì)話框可能是合適的。非模式對(duì)話框的攻擊性不如模式對(duì)話框，因?yàn)樗鼈冊(cè)试S用戶繼續(xù)其活動(dòng)并在不相關(guān)時(shí)忽略它們。但是，它們?nèi)匀豢赡苁瞧茐男缘?，特別是如果它們使屏幕上的重要信息模糊不清或需要太復(fù)雜的交互。
此外，某些非模式對(duì)話框不能在設(shè)備和瀏覽器之間很好地轉(zhuǎn)換-例如，臺(tái)式機(jī)上的Chrome中的非模式窗口可能會(huì)在iPhone上的Safari中變?yōu)槟Ｊ酱翱?，例如下面的Meowbox.com。
在Meowbox.com桌面網(wǎng)站（左）上，主頁(yè)右下角顯示了用于時(shí)事通訊注冊(cè)的定時(shí)非模式對(duì)話框。但是，在網(wǎng)站的移動(dòng)渲染（右）上，非模式窗口變?yōu)槿聊Ｊ酱翱?，迫使用戶在向前移?dòng)之前提供輸入。桌面版本允許輕松消除提示，而移動(dòng)版本則不允許。
當(dāng)用戶需要在模式之間快速切換以訪問(wèn)某些信息時(shí)，非模式窗口非常有用。例如，Google Mail使用非模式窗口作為編寫(xiě)新電子郵件的默認(rèn)方法。用戶可以繼續(xù)打開(kāi)此窗口，在不丟失電子郵件的情況下最小化編寫(xiě)的電子郵件（或選擇將其最大化到模式窗口）。該單獨(dú)的視圖使用戶可以查找較舊的電子郵件或其他信息，這些信息可能有助于撰寫(xiě)當(dāng)前電子郵件。
Google Mail的非模式窗口使您可以輕松地在寫(xiě)入和讀取信息之間進(jìn)行切換。
涉及模式對(duì)話框時(shí)，請(qǐng)考慮以下問(wèn)題：沒(méi)有人喜歡被打擾，但如果必須的話，請(qǐng)確保值得這樣做。
在使用對(duì)話框時(shí)，還有哪些需要注意的點(diǎn)呢？
謹(jǐn)慎使用對(duì)話框，因?yàn)樗鼈儠?huì)打斷他們。它們的突然出現(xiàn)迫使用戶停止其當(dāng)前任務(wù)，并專(zhuān)注于對(duì)話框內(nèi)容。對(duì)于模式對(duì)話框，用戶必須先進(jìn)行對(duì)話操作，然后才能繼續(xù)訪問(wèn)下面的頁(yè)面。有時(shí)這是一件好事，例如，當(dāng)用戶必須確認(rèn)一項(xiàng)重要操作時(shí)（例如“您要?jiǎng)h除您的帳戶嗎？”），但是對(duì)于許多任務(wù)而言，這是不必要的，而且通常很煩人。
在需要用戶在繼續(xù)操作之前進(jìn)行交互的情況下，或者當(dāng)錯(cuò)誤的代價(jià)可能很高時(shí)，使用對(duì)話框是最有意義的。
在用戶未做任何事情的情況下突然打開(kāi)對(duì)話框是一個(gè)非常糟糕的主意。不幸的是，許多網(wǎng)站都用下面的示例用訂閱框轟炸了訪客。
用戶在頁(yè)面上執(zhí)行某項(xiàng)操作時(shí)，應(yīng)該始終打開(kāi)一個(gè)對(duì)話框。那可能是單擊按鈕，跟隨鏈接或選擇一個(gè)選項(xiàng)。
并非一切都值得中斷。
對(duì)話框的替代方法是內(nèi)聯(lián)擴(kuò)展，可以幫助維護(hù)當(dāng)前上下文。
不要只是彈出對(duì)話框。
對(duì)話框應(yīng)該說(shuō)出用戶的語(yǔ)言（使用用戶熟悉的單詞，短語(yǔ)和概念），而不是特殊的系統(tǒng)術(shù)語(yǔ)。
您應(yīng)該使用清晰的語(yǔ)言寫(xiě)問(wèn)題。例如，當(dāng)您要求用戶刪除她的文件時(shí)，而不是說(shuō)“釋放存儲(chǔ)空間？” 問(wèn)“您要?jiǎng)h除文件嗎？” 通常，您應(yīng)該避免道歉，模棱兩可或諸如“警告！”之類(lèi)的問(wèn)題?；颉澳_定嗎？” 因?yàn)樗鼈儠?huì)帶來(lái)額外的視覺(jué)混亂。
避免為用戶提供含糊不清或不清楚的選項(xiàng)。您應(yīng)該只使用清除選項(xiàng)。在大多數(shù)情況下，用戶應(yīng)該能夠僅根據(jù)標(biāo)題和按鈕文本來(lái)理解選擇。
錯(cuò)誤的示例：在此示例中，輕蔑的操作文本“否”回答了問(wèn)題，但沒(méi)有建議之后會(huì)發(fā)生什么。
很好的例子：平等權(quán)利行動(dòng)文本“放棄”清楚地表明了決定的結(jié)果。
對(duì)話框不要遮蓋可能對(duì)用戶有用的信息，這一點(diǎn)很重要。例如，一個(gè)對(duì)話框，要求用戶確認(rèn)某些項(xiàng)目的刪除，應(yīng)列出要?jiǎng)h除的項(xiàng)目。
處理完成后，請(qǐng)記住顯示通知消息（或視覺(jué)反饋）。讓用戶知道她已經(jīng)完成了所有需要的工作。
在對(duì)話框中使用明確的問(wèn)題和選項(xiàng)。
設(shè)計(jì)對(duì)話框以產(chǎn)生閉合。
操作后通知用戶。
您不應(yīng)該試圖過(guò)多地塞入對(duì)話框。保持其干凈簡(jiǎn)潔（遵循KISS原則）。但是極簡(jiǎn)主義并不意味著有限。所有信息都應(yīng)該是有價(jià)值的和相關(guān)的。
對(duì)話框永遠(yuǎn)不應(yīng)部分出現(xiàn)在屏幕上。您不應(yīng)該使用包含滾動(dòng)內(nèi)容的對(duì)話框。
錯(cuò)誤的例子： 巴克萊銀行的付款處理對(duì)話框中有很多選項(xiàng)和元素，其中的一部分選項(xiàng)僅可通過(guò)滾動(dòng)來(lái)使用（尤其是對(duì)于通常具有相對(duì)較小的屏幕區(qū)域的移動(dòng)設(shè)備）。
很好的例子： Stripe使用簡(jiǎn)單而智能的對(duì)話框，僅包含基本信息，這些信息在臺(tái)式機(jī)和移動(dòng)屏幕上都看起來(lái)不錯(cuò)。
對(duì)話框不應(yīng)包含兩個(gè)以上的動(dòng)作。第三項(xiàng)操作（例如“了解更多信息”）通常用于使用戶離開(kāi)對(duì)話框，這增加了未完成任務(wù)的風(fēng)險(xiǎn)。
將復(fù)雜的任務(wù)劃分為多個(gè)步驟是一個(gè)好主意，但這通常也表明某些事情太復(fù)雜而無(wú)法要求用戶在對(duì)話框中完成。
如果交互足夠復(fù)雜，需要多個(gè)步驟（如下面的示例所示），那么它就足夠復(fù)雜，可以保證擁有自己的頁(yè)面。
通過(guò)刪除不需要的元素或不支持用戶任務(wù)的內(nèi)容來(lái)簡(jiǎn)化對(duì)話框。
嘗試避免對(duì)話框包含多個(gè)步驟。
正如上面所介紹的，對(duì)話框有兩種主要類(lèi)型。第一類(lèi)是尋求注意力的模態(tài)對(duì)話框，它迫使用戶在繼續(xù)之前與他們進(jìn)行交互。模態(tài)對(duì)話框通常用于離散的阻塞過(guò)程，需要顯式的“接受”或“取消”操作才能將其關(guān)閉。單擊其外部區(qū)域時(shí)，它不會(huì)關(guān)閉。第二種類(lèi)型是非模式對(duì)話框，允許用戶在其外部單擊或點(diǎn)擊以將其關(guān)閉。
您僅應(yīng)將模式對(duì)話框（第一種類(lèi)型）用于非常重要的交互（例如，刪除帳戶，同意條款和條件）。
系統(tǒng)對(duì)話框也是模態(tài)對(duì)話框，通常具有以下基本元素-內(nèi)容，操作和標(biāo)題。
打開(kāi)對(duì)話框時(shí)，重要的一點(diǎn)是要使后面的頁(yè)面稍微變暗。這有兩個(gè)工作。首先，它通過(guò)對(duì)話框吸引人們關(guān)注疊加層；其次，它使用戶知道該頁(yè)面當(dāng)前未處于活動(dòng)狀態(tài)。
但是要注意著色。如果您將其設(shè)置得太暗，則用戶將無(wú)法再在后臺(tái)看到頁(yè)面。如果將其設(shè)置得太淺，則用戶可能會(huì)認(rèn)為該頁(yè)面仍處于活動(dòng)狀態(tài)，甚至可能根本沒(méi)有注意到對(duì)話框。
右上角的對(duì)話框應(yīng)該有關(guān)閉選項(xiàng)。許多對(duì)話框在窗口的一角都有一個(gè)“ x”按鈕，用戶可用來(lái)退出該窗口。但是，對(duì)于普通用戶而言，此“ x”按鈕并不是一個(gè)容易的逃生路線。單擊“ x”通常會(huì)花費(fèi)更多的時(shí)間和精力，因?yàn)樗?em style="outline:0px;margin:0px;padding:0px;">尺寸較小，用戶必須發(fā)現(xiàn)并單擊（點(diǎn)擊）它。
允許用戶單擊非模式窗口時(shí)，可以退出非模式窗口，這是一個(gè)好主意。
對(duì)話框應(yīng)避免啟動(dòng)其他對(duì)話框，因?yàn)樗鼈冊(cè)黾恿艘曈X(jué)上的復(fù)雜性。
大多數(shù)情況下，允許用戶單擊（或點(diǎn)擊）以關(guān)閉對(duì)話框（模態(tài)對(duì)話框除外）。
對(duì)話框應(yīng)避免啟動(dòng)其他簡(jiǎn)單對(duì)話框。
模態(tài)和非模態(tài)對(duì)話框都非常有用，可以請(qǐng)求或鼓勵(lì)用戶參與。在決定這兩種類(lèi)型的對(duì)話框時(shí)，請(qǐng)考慮用戶上下文和工作流程。避免不必要地打擾用戶并中斷他們的工作流程。使用戶更容易解決問(wèn)題并實(shí)現(xiàn)目標(biāo)。如果公司希望朝著業(yè)務(wù)目標(biāo)持續(xù)發(fā)展，則在這些設(shè)計(jì)決策中必須優(yōu)先考慮用戶目標(biāo)。
涉及模式對(duì)話框時(shí)，請(qǐng)考慮以下問(wèn)題：沒(méi)有人喜歡被打擾，但如果必須的話，請(qǐng)值得確保這樣做。
藍(lán)藍(lán)設(shè)計(jì)( m.sillybuy.com )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)
藍(lán)藍(lán)設(shè)計(jì)的小編 http://m.sillybuy.com