轉(zhuǎn)載藍(lán)藍(lán)設(shè)計(jì)( www.alimai.net )是一家專注而深入的設(shè)計(jì)機(jī)構(gòu) ，為期望卓越的國內(nèi)外企業(yè)提供有效的 BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)

如果您想訂閱本博客內(nèi)容，每天自動(dòng)發(fā)到您的郵箱中，         請點(diǎn)這里    

交互設(shè)計(jì)原則：通過問卷調(diào)查或者開放式訪談詳細(xì)了解人們完成特定任務(wù)的現(xiàn)狀，任務(wù)分析應(yīng)當(dāng)關(guān)注如下方面

1.用戶執(zhí)行任務(wù)的原因，即任務(wù)背后的目標(biāo)
2.任務(wù)的頻繁與重要性
3.提示，是什么促使任務(wù)開始執(zhí)行？
4.依從關(guān)系—哪些事是任務(wù)執(zhí)行的條件，哪些事以任務(wù)完成為前提？
5.有關(guān)人員，他們的角色與職責(zé)
6.執(zhí)行的具體動(dòng)作
7.做出的決策
8.支持決策的信息
9.有哪些問題—失誤與意外情況
10.如何紀(jì)正這些失誤與意外
問 卷調(diào)查完畢或者訪談結(jié)束以后，任務(wù)被分解為流程圖或類似的形式，以表現(xiàn)動(dòng)作之間的關(guān)系，也常常表現(xiàn)人與流程的關(guān)系。盡管任務(wù)分析是理解用戶當(dāng)前行為，識別 困難所在并發(fā)現(xiàn)改進(jìn)機(jī)會(huì)的重要途徑，但是我們在這里優(yōu)先關(guān)注用戶的目標(biāo)，用戶的目前行為常常只是與陳舊的系統(tǒng)及組織交互的產(chǎn)物，通常與其喜歡的做法，或者 最有效的行為方式極為不同。

交互設(shè)計(jì)原則：基于定性數(shù)據(jù)研究支持的模型，一旦有了穩(wěn)定的設(shè)計(jì)想法，要判斷你所做出設(shè)計(jì)選擇是否有效，可用性測試是個(gè)有效的工具，而定性研究能幫助你們在設(shè)計(jì)中這一艱難的過程中有一個(gè)好的開始。

交互設(shè)計(jì)原則：通過構(gòu)造人物角色獲得以下信息

1.發(fā)現(xiàn)并確定行為的變量
活動(dòng)：用戶做什么，做的頻率和工作量
態(tài)度：用戶如何看待產(chǎn)品，所在領(lǐng)域和技術(shù)
能力：用戶所受教育和培訓(xùn)程度，用戶的學(xué)習(xí)能力
動(dòng)機(jī)：用戶為何會(huì)從事該產(chǎn)品領(lǐng)域范圍的工作
技能：用戶在產(chǎn)品領(lǐng)域和技術(shù)范圍內(nèi)的技能

2.將訪問對象和行為變量對應(yīng)試起來
3.發(fā)現(xiàn)并確定那些顯著的行為模式
4.綜合各種特征和相關(guān)目標(biāo)
5.檢查是否有重復(fù)并且是否齊全
6.較為詳細(xì)地描述屬性和行為
7.指定人物角色類型（首人，次要，補(bǔ)充，顧客，接受服務(wù)的，負(fù)面人物）

交互設(shè)計(jì)原則：工作流或者序列模型對于捕捉企業(yè)組織內(nèi)的信息流和決策過程非常有用，并且通常被表達(dá)為捕捉多種現(xiàn)象的流程表。這種工作方法要推行。
1.某個(gè)過程預(yù)期的目標(biāo)或者結(jié)果
2.該過程的頻度和重要程度，以及每個(gè)動(dòng)作
3.是什么引發(fā)或者促進(jìn)了該過程，以及每個(gè)動(dòng)作
4.信賴關(guān)系，即在某個(gè)階段必須執(zhí)行的過程以及每個(gè)動(dòng)作，哪個(gè)過程是依賴于該過程的完成及每個(gè)動(dòng)作
5.牽扯到的人及其角色和責(zé)任
6.具體執(zhí)行的動(dòng)作
7.做出的決定
8.用來支持決定的信息
9.出了哪些錯(cuò)誤—錯(cuò)誤和特例情況
10.錯(cuò)誤和特例情況如何被更正

交互設(shè)計(jì)原則：定義交互框架
1）定義產(chǎn)品外形因素，你要設(shè)計(jì)的是什么產(chǎn)品？研究用戶將投入多大的注意力和產(chǎn)品互動(dòng)，產(chǎn)品的行為將會(huì)對用戶投入的注意力做出如何的反應(yīng)；

2）定義功能和數(shù)據(jù)元素；

3）決定功能組和層次，從屬關(guān)系；
元素分組的目的在于更好的在任務(wù)中和任間來幫助促進(jìn)人物角色的操作流程，這時(shí)要思考以下問題:
哪些元素需要大片的區(qū)域，哪些不需要？
哪些元素是其他元素的容器（比如屏幕，框架或網(wǎng)格）？
容器如何組織才能優(yōu)化工作流？
一組關(guān)聯(lián)的元素被使用時(shí)，其順序如何？
采用哪些交互模式和原則？
人物角色的心理模型對元素的組織有何影響？

4）繪制出大致的交互框架，線框圖，交互原型；

5）構(gòu)建關(guān)鍵線路場景流程，通過線框設(shè)計(jì)充分描述所提供設(shè)計(jì)如何幫助用戶來完成他們的目標(biāo)，描述用戶頻繁使用界面的主要路徑，流程，用戶與組成線框圖的不同功能和數(shù)據(jù)元素的交互，通過設(shè)計(jì)描述用戶動(dòng)作和產(chǎn)品響應(yīng)的更為具體的細(xì)節(jié)。

6）通過驗(yàn)證性的情景測試來檢查你的設(shè)計(jì)，比如清空數(shù)據(jù)庫，配置，以及其他特別的請求等交互設(shè)計(jì)。

交互設(shè)計(jì)原則：作用于不同層面的設(shè)計(jì)原則分別是，設(shè)計(jì)價(jià)值，概念原則，行為原則，界面原則，多數(shù)交互設(shè)計(jì)與視覺設(shè)計(jì)的原則跨平臺適用，同時(shí)運(yùn)用行為與界面層面的設(shè)計(jì)原則使工作負(fù)荷降至
應(yīng)當(dāng)遵守以下設(shè)計(jì)原則：
設(shè)計(jì)價(jià)值（設(shè)計(jì)原則指導(dǎo)行為，其核心基于一系列價(jià)值理念）；
正直，無傷害，（無人際關(guān)系傷害，心理傷害，生理傷害，環(huán)境傷害，社交、社會(huì)傷害）的改善人類處
境（增進(jìn)個(gè)人、社會(huì)及文化的理解；提高個(gè)人與團(tuán)體的效優(yōu)選法或效力；促進(jìn)個(gè)人與團(tuán)體之間
的溝通；降低個(gè)人與團(tuán)體之間的社會(huì)文化張力；促進(jìn)經(jīng)濟(jì)，社會(huì)，法律等的平等；平衡文化多
樣性與社會(huì)凝聚力）；
目標(biāo)明確，幫助用戶實(shí)現(xiàn)目標(biāo)，得償所愿，適應(yīng)使用情境和用戶能力；
有實(shí)效，現(xiàn)實(shí)且可行，幫助企業(yè)實(shí)現(xiàn)目標(biāo)，適應(yīng)商業(yè)需要和技術(shù)條件；
優(yōu)雅（形式上的優(yōu)美和婉約，科學(xué)上的和簡潔，、巧妙且富有情感，表現(xiàn)最簡潔的完整解法，
優(yōu)秀的設(shè)計(jì)師而言，少就是多，形式的簡約，完美不在于無以復(fù)加，而在于無可刪減，萬事莫不
如此；同時(shí)擁有內(nèi)在的和諧，優(yōu)秀的設(shè)計(jì)讓人感覺是一個(gè)整體，各部分平衡和諧，目標(biāo)導(dǎo)向的設(shè)
計(jì)開發(fā)流程把產(chǎn)品概念作為核心，通過迭代細(xì)節(jié)為創(chuàng)造內(nèi)在和諧提供了理想的環(huán)境；適當(dāng)?shù)?
順應(yīng)并調(diào)動(dòng)認(rèn)知與情感）。
概念原則（用來界定產(chǎn)品定義，產(chǎn)品如何融入廣泛的使用情境）；
行為原則（描述產(chǎn)品在一般情境與特殊情境中應(yīng)有的行為）；
界面原則（描述對于特定的活動(dòng)或過程，不同的人們有不同的心理模型，但人們很少按照計(jì)算機(jī)如何行動(dòng)的機(jī)制來想象自己的心理模型，每個(gè)用戶都自然地對軟件如何執(zhí)行任務(wù)有一個(gè)心理想象，用戶通過這種心理想象來尋找原因而后深入了解機(jī)器的行為。
（2）少就是多；
在 不斷減少界面元素的情況下仍舊保留產(chǎn)品的功能。產(chǎn)品設(shè)計(jì)的極簡主義方法就是努力理解目的，此類產(chǎn)品的用戶想要達(dá)到的目標(biāo)是什么？沒有了這種目的，交互產(chǎn)品 就是混亂的技術(shù)功能的集合，例如Google的搜索界面是一個(gè)經(jīng)典的極簡界面設(shè)計(jì)，其中的每一個(gè)界面元素都是直觀而有意義的；iPod shuffle ,Hog Bay軟件的WriteRoom；但是一味要求簡單化不值一文—減少是一種平衡活動(dòng)，需要對用戶心理模型的好的理解，前面提到的iPod有點(diǎn)奇怪，即用播 放和暫停來關(guān)機(jī)，用菜單鍵來開機(jī)，一個(gè)經(jīng)典的關(guān)系是視覺的簡單會(huì)引起認(rèn)知的負(fù)擔(dān)，在這種情況下，這些行為很容易學(xué)習(xí)，出錯(cuò)的可能非常小，所以對整個(gè)產(chǎn)品的 成功影響非常小。
（3）讓用戶直接操作產(chǎn)品，而不是強(qiáng)迫用戶與產(chǎn)品討論；
不應(yīng)當(dāng)把界面想象成與用戶的兩方對話，用戶更愿意與軟件進(jìn)行和汽車一樣的交互，這種理想的交互情形不是對話，更像是在使用工具。
（4）工具就放在手邊；
為新手和中間用戶提供的工具一般在工具欄或控制面板中，對專家用戶來說，工具可以用鍵盤命令來得到。
（5）提供非模態(tài)的反饋；
當(dāng) 需要為用戶提供信息或者反饋時(shí)，可以有多種表達(dá)方式，常見方式是在屏幕上彈出一個(gè)對話框，這種技術(shù)就是模態(tài)的，它讓程序處于一種模式，在返回常態(tài)之前也就 是在用戶能夠繼續(xù)任務(wù)這前必須處理。通常通知用戶更好的方式是非模態(tài)的反饋(無論在什么時(shí)候，用戶的信息在主要界面中顯示，而且不會(huì)停止系統(tǒng)的正常任務(wù)流 和交互那么這種反饋就是非模態(tài)的)。例，Word2003中，需要了解文檔中字?jǐn)?shù)有多少，必須從工具欄中單擊“字?jǐn)?shù)統(tǒng)計(jì)”按鈕，出現(xiàn)一個(gè)對話框，若想返回 工作狀態(tài)，則必須單擊這個(gè)字?jǐn)?shù)統(tǒng)計(jì)對話框中的關(guān)閉按鈕，這個(gè)行為有悖于非模態(tài)的反饋，但在Word2007中得到了交互改變。

（6）為可能的設(shè)計(jì)，為可能做好準(zhǔn)備；
程序員被按照能夠創(chuàng)建處理多種可能的軟件的能力來評判，然而不大可能的條件充斥在復(fù)雜的邏輯系 統(tǒng)中，這并不意味著應(yīng)把罕見的不平常的可能性直接帶入到用戶界面中，邊緣情況突兀的出現(xiàn)是程序員設(shè)計(jì)軟件的糟糕贈(zèng)品，每天都使用和一年也用不了一次的對話 框，控制選項(xiàng)一起出現(xiàn)在界面上。
（7）提供符合情境的信息；
展示信息的的過程也可能是擾亂用戶知覺的過程，數(shù)量或者數(shù)值就經(jīng)常被濫用，視覺展示信息的專家說過，數(shù)量的展示應(yīng)該回答一個(gè)問題“與誰比較？”信息的含義應(yīng)該視覺化的顯示，數(shù)字只是輔助。
（8）提供直接的操作和圖形輸入；
軟 件經(jīng)常以圖形方式顯式數(shù)值信息時(shí)失敗，更罕見的是軟件完全具有支持圖像輸入的能力，很多軟件都要求用戶輸入數(shù)字，然后命令中將這些數(shù)字轉(zhuǎn)換成為圖形，很少 有產(chǎn)品讓用戶畫圖，然后在命令中將圖像轉(zhuǎn)為數(shù)字向量。當(dāng)一個(gè)清單需要重新排列時(shí)，用戶也許想按照字母順序排列，也有可能希望按照和個(gè)人的關(guān)系排列，所以應(yīng) 該能夠把這些項(xiàng)目直接拖放為自己希望的順序，而沒有算法的干涉。
（9）反映對象和程序的狀態(tài)；
（10）避免不必要的報(bào)告；
（11）不要用對話框來報(bào)告常態(tài)內(nèi)容；
（12）避免空白的狀態(tài)；
PowerPoint每次新建一張幻燈時(shí)都要求你選擇基礎(chǔ)類型，如果能夠記住常用和最近用過的類型或模板并且作為新文檔的默認(rèn)設(shè)定都能夠更好用。
（13）請求原諒，而不是許可；
當(dāng) 提到交互產(chǎn)品時(shí)我們常常說到“思考”，但這并不意味著軟件應(yīng)該有智慧并且試著通過推理論證做出正確的決定；相反，它應(yīng)該做多數(shù)情況下可能是正確的事情，并 且為用戶提供強(qiáng)大的工具來幫助其進(jìn)行第一次嘗試，而不是僅給用戶一個(gè)空白的狀態(tài)，要求其接受，這種方式應(yīng)用程序不是在請求許可，而是在請求原諒。
（14）要把命令和設(shè)置區(qū)別開來；
設(shè)置和啟動(dòng)一個(gè)功能之間差別巨大，前者也許包含后者，然而后者不應(yīng)該包含前者，通常，任何一個(gè)命令啟動(dòng)10次，可能才設(shè)置1次，因此最好使用戶在10次中的一次清楚地請求設(shè)置，而不是10次中有9次用戶拒絕設(shè)置界面。
（15）提供選擇，而不是提問；
用戶不喜歡被問，不斷的提問向用戶暗示程序的特點(diǎn)如下，無知，健忘的，功能不強(qiáng)的，不主動(dòng)的，不能自理的，煩躁的，過分要求的。
（16）隱藏彈射座椅的操縱桿；
（17）優(yōu)化響應(yīng)能力，調(diào)節(jié)延遲時(shí)間；
不 同的交互方案會(huì)由于響應(yīng)時(shí)間而非常“昂貴”你應(yīng)該提議盡可能小的響應(yīng)時(shí)間下盡可能豐富的交互設(shè)計(jì)，同時(shí)也要提供可以適應(yīng)已經(jīng)選擇了而無法重新回退這類情況 的設(shè)計(jì)。當(dāng)響應(yīng)時(shí)間是不可避免時(shí)，與用戶交流狀況為他們提供取消導(dǎo)致延長任務(wù)的方法，或者能夠讓他們在等待時(shí)進(jìn)行其他工作。

交互設(shè)計(jì)原則：常見附加工作陷阱
不要強(qiáng)迫用戶到另外一個(gè)窗口中完成影響本窗口的功能；
不要強(qiáng)迫用戶記住他將事物放在層次文件系統(tǒng)中的哪個(gè)位置；
不要強(qiáng)迫用戶調(diào)整窗口大小，當(dāng)窗口在屏幕上彈出時(shí)，程序應(yīng)該為其內(nèi)容調(diào)整合適的大小。不要讓它大而空，或者小而需要不停地滾動(dòng)；
不要強(qiáng)迫用戶移動(dòng)窗口，如果桌面上存在空閑空間，將窗口放在其中，而不是直接將其放在已經(jīng)打開的程序之上；
不要強(qiáng)迫用戶重新進(jìn)入個(gè)人設(shè)置，如果已經(jīng)設(shè)置了字符、顏色、縮進(jìn)或者聲音，確信他不需要再做一遍，除非他想改變；
不要強(qiáng)迫用戶在填充字段時(shí)滿足完整性，如果用戶想從交易登錄屏幕中忽略一些細(xì)節(jié)，不要強(qiáng)迫用戶輸入，假定他不需要重輸入，數(shù)據(jù)庫的完整性不值得強(qiáng)迫用戶；

不要強(qiáng)迫用戶請求允許，這通常是不允許用戶在輸出的地方輸入的癥狀；
不要讓用戶確認(rèn)其行為，這隱含存在健壯的撤消功能；
不要讓用戶的行為產(chǎn)生錯(cuò)誤。

交互設(shè)計(jì)原則：窗口行為
整體的視覺隱喻是用戶能否理解系統(tǒng)的關(guān)鍵。
避免模態(tài)，模態(tài)是一種程序可能進(jìn)入的狀態(tài)，在這種狀態(tài)下用戶操作的效果與正常狀態(tài)有所差異，它實(shí)質(zhì)上是一種行為的轉(zhuǎn)向。
層疊窗口，層疊窗口的概念是好的，但在真實(shí)世界中卻不太實(shí)際，屏幕上同時(shí)運(yùn)行3個(gè)或更多的應(yīng)用程序或文檔用戶就得經(jīng)受考驗(yàn)。也因此促使微軟引進(jìn)了任欄，而蘋果公司則發(fā)明了Expose，Expose很吸引人
可以用來追蹤所有打開的窗口，不過由于和Dock上最小化的程序集成的不好，所以使用起來公平是有些問題。
多窗格應(yīng)用程序
微 軟的Outlook2007是多窗格應(yīng)用的例子，多窗格的好處在于獨(dú)立而相關(guān)的信息可以輕松地在單個(gè)獨(dú)占屏幕上顯示，并能將導(dǎo)航和窗口管理的附加工作幾乎 減少到零，對于任何一個(gè)復(fù)雜的獨(dú)占應(yīng)用程序，相鄰窗格的設(shè)計(jì)尤為必要，特別是在一個(gè)窗格中提供導(dǎo)航或構(gòu)造塊，以及在相鄰窗格中支持?jǐn)?shù)據(jù)查看或數(shù)據(jù)構(gòu)造的設(shè) 計(jì)，似乎代表一種可重復(fù)的有效模式?，F(xiàn)在的客戶端技術(shù)比如Ajax,Flex本身已經(jīng)可以提供類似于窗口的行為。

交互設(shè)計(jì)原則：對話框是另一個(gè)房間，去之前要有個(gè)好理由；把功能置于需要它們的窗口中
Adobe Lightroom比Photoshop（調(diào)節(jié)亮度對比度的對話框）進(jìn)步了很多，關(guān)鍵的操作都按照用途被安排在一起，在主窗口上靠近了被調(diào)整的圖片的位置上直接展現(xiàn)出來。

交互設(shè)計(jì)原則：正確運(yùn)用對話框
一個(gè)糟糕的設(shè)計(jì)就是用戶界面上充斥大量的模態(tài)對話框，用戶不得不在對話框的迷宮中前行，這這創(chuàng)造流暢的交互帶來了很多困難。
把主要的交互操作放在主窗口中
很 多設(shè)計(jì)師認(rèn)為對話框是GUI中最主要的用戶界面的習(xí)慣用法，這在很大程度上是對話框太容易實(shí)現(xiàn)的原因造成，于是很多應(yīng)用程序使用對話框來提供用戶和應(yīng)用交 互的主要手段，因此在大多數(shù)應(yīng)用程序中，使用者被迫在主窗口和很多對話框之間跳來跳去，不可避免地帶來疲勞和沮喪。
對話框適合那些主交互流之外的功能
我 們需要把使用者從主工作流中強(qiáng)制帶出來，讓他們集中注意力關(guān)注在某個(gè)特別的交互上，這時(shí)對于這種交互主流程之外的功能或特性來說是合適的。任何可能會(huì)讓人 困惑、危險(xiǎn)或者很少使用的功能放在對話框中可能都會(huì)有利。一些容易產(chǎn)生混亂的行為對屏幕圖像產(chǎn)生立即和總體的改變，這種改變在視覺上對用戶干擾很大，應(yīng)該 將其與不熟悉的用戶隔離。對話框常適用于表達(dá)不常使用的功能和設(shè)置，可以用對話框?qū)⑦@些操作與更為頻繁使用的功能和設(shè)置隔離開，對話框也非常適合集中于某 個(gè)主題相關(guān)的信息，與該主題相關(guān)的所有信息和控件都放在一個(gè)地方，使用者無須在界面上到處尋找，從而減少了導(dǎo)航瀏覽的附加工作。
對話框非常適合用來整理關(guān)于某個(gè)主題相關(guān)的對象或者應(yīng)用功能
對話框主要為兩個(gè)主體服務(wù)，即熟悉程序的頻繁使用用戶，用它們來控制更高級或者更危險(xiǎn)的設(shè)置：不熟悉程序范圍和使用的用戶，以及使用對話框?qū)W習(xí)基礎(chǔ)知識的用戶，這意味著對話框必須是緊湊和功能強(qiáng)大，快速而流利的，并且在使用上清晰和具有自我解釋性。

交互設(shè)計(jì)原則：對話框的基礎(chǔ)結(jié)構(gòu)
每個(gè)對話框都必須有一個(gè)標(biāo)題，來標(biāo)示它的用途，如果某個(gè)對話框是一個(gè)功能對話，那么這個(gè)標(biāo)題就應(yīng)該包 含這個(gè)功能的動(dòng)作，一般采用動(dòng)詞；如果對話框用來定義某個(gè)對象的屬性，那么其標(biāo)題就應(yīng)該包含該對象的名字或者描述，總之在屬性對話框的標(biāo)題中使用對象名； 每個(gè)對話框至少有一個(gè)終止命令控件，被觸發(fā)時(shí)會(huì)讓對話框關(guān)閉或者消失，比如“確定”和“取消”，另外右上角的關(guān)閉按鈕也是一個(gè)終止命令的習(xí)慣用法。

交互設(shè)計(jì)原則：模態(tài)對話框
打開一個(gè)模態(tài)對話框后擁有它的程序不能繼續(xù)進(jìn)行，直到對話框關(guān)閉為止，這種對話框在其軌道上會(huì)停止所有的進(jìn) 度，單擊該程序的其他任何窗口，用戶都只會(huì)聽到粗魯?shù)?ldquo;嘟嘟”聲表示無法反應(yīng)，它的所屬程序表面所有的控件和對象在模態(tài)對話框工作過程中暫停工作，當(dāng)然在 模態(tài)對話框打開時(shí)用戶可以激活其它程序。有些模態(tài)對話框是針對整個(gè)程序或整個(gè)文檔進(jìn)行操作的，有些模態(tài)對話框是針對當(dāng)前的選擇進(jìn)行操作的，在這種情況上， 在使用者已經(jīng)調(diào)用這個(gè)對話框后不能改變當(dāng)前的選擇，這是模態(tài)與非模態(tài)對話框的最要重區(qū)別。

交互設(shè)計(jì)原則：非模態(tài)對話框
打開一個(gè)非模態(tài)對話框可以不用打斷父程序，無須停止進(jìn)度，應(yīng)用程序也不會(huì)凍結(jié)，主程序繼續(xù)調(diào)用，你也可以 重新回到主程序，你可以改變選擇。在某些情況下，也可以在主窗口和非模態(tài)對話框之間拖動(dòng)動(dòng)對象，這種特性使其在畫圖類型的程序中作為工具或?qū)ο笳{(diào)色板時(shí)確 實(shí)很有效。非模態(tài)對話框很少建立行為規(guī)范，尤其是終止命令。視覺上區(qū)分非模態(tài)對話框與模態(tài)對話框是必須的，并且為非模態(tài)對話框提供一致的終止命令，同時(shí)非 模態(tài)對話框也必須特別節(jié)約像素，它占據(jù)前面的中心位置，不必要的情況下不要浪費(fèi)像素，尤其在使用懸浮工具板時(shí)，應(yīng)該把標(biāo)題欄上的關(guān)閉框作為唯一終止控作。
例：Adobe Fireworks MX中的停靠調(diào)色板提供了和非模態(tài)對話框相類似的交互活動(dòng)，但并不需要使用者花費(fèi)過多的精力和注意力調(diào)用、移動(dòng)并消除對話框，不必太動(dòng)腦筋，我們就可以看 到它們和工具欄非常相似，它們也在用戶界在，上使用標(biāo)準(zhǔn)控件來提供直接、視覺化且一致的應(yīng)用功能。
Adobe Lightroom 中的側(cè)欄取代了幾十個(gè)對話框，不同點(diǎn)在于側(cè)欄不需要使用者調(diào)整其在屏幕上的位置，使用者也無須對它們一個(gè)一個(gè)地解鎖或者撤銷，整個(gè)側(cè)欄也是可以隱藏的，這進(jìn)一步降低了管理工作，在但在呈現(xiàn)功能方面超越了對話框,是顯著的進(jìn)步。
Cooper 設(shè)計(jì)的CRM客戶關(guān)系管理系統(tǒng)軟件，其中采用了專門的屬性區(qū)域，當(dāng)某個(gè)使用者選擇了工作區(qū)的一個(gè)對象時(shí)（屏幕上半部分的左面），其屬性就會(huì)顯示在下面，這 樣既保持了使用者使用環(huán)境，同時(shí)也把屏幕管理工作降至，這里我們不說他的軟件設(shè)計(jì)優(yōu)劣，只談呈現(xiàn)的交互設(shè)計(jì)。

交互設(shè)計(jì)原則：不同用途的屬性對話框，功能對話框，進(jìn)度對話框，公告對話框
屬性對話框向用戶呈現(xiàn)所選對象的屬性或者設(shè)置，并且允許用 戶改變；功能對話框通常從菜單打開，它們是最常見的模態(tài)對話框，控制單個(gè)功能，如打印、插入對象或拼寫檢查等；進(jìn)度對話框由程序啟動(dòng)，而不是根據(jù)用戶請求 啟動(dòng)的，它們向用戶表明當(dāng)前程序正在忙于某些內(nèi)部功能，其他功能的處理能力可能會(huì)降低。當(dāng)程序變成無響應(yīng)試狀態(tài)時(shí)，必須通知用戶。
例，許多程序采用把光標(biāo)變成沙漏的等待光標(biāo)暗示用戶進(jìn)度，但是進(jìn)度對話框是一種更好且有信息量的解決方法，每個(gè)進(jìn)度對話框有如下4個(gè)任務(wù)：
向用戶清楚地表明正在運(yùn)行一個(gè)耗時(shí)的進(jìn)程；
向用戶清楚地表明一切正常；
向用戶清楚地表明進(jìn)程還需多長時(shí)間；
向用戶提供一種取消操作和恢復(fù)程序控制的方式。

微軟XP的進(jìn)度表基本上是正確的，對于資源管理器中的任何一次移動(dòng)、復(fù)制或刪除操作，它顯示了設(shè)計(jì)合理的進(jìn)度對話框，其中提供了操作剩余時(shí)間的線 索，并使用動(dòng)畫顯示文檔從左側(cè)的文件夾飛到右側(cè)的文件夾或垃圾箱，用戶的心理模型認(rèn)為計(jì)算機(jī)內(nèi)部的某個(gè)事物在移動(dòng)，這個(gè)精致的小圖片真實(shí)的反映了移動(dòng)的事 物。從用戶的角度看，這個(gè)對話框讓人耳目一新，計(jì)算機(jī)的外部形象反映了計(jì)算機(jī)的內(nèi)部操作，不足之處在于沒有顯示移動(dòng)中剩余的文件數(shù)量，否則它可以方便地提 供更好的進(jìn)度反饋，這個(gè)在windows 7中得到了優(yōu)化。
網(wǎng)頁瀏覽器每次加載頁面時(shí)并不彈出一個(gè)進(jìn)度對話框，而是在窗口底部的狀態(tài)欄上顯示一個(gè)進(jìn)度指示器，用戶可以很容易地了解到當(dāng)前的進(jìn)度，而面前部分加載的頁面也不會(huì)被遮擋，這種情況下是非常好處的，不過在運(yùn)用這種進(jìn)度對話框之前，還是需要考慮它是否適合于你的用戶。
普遍存在的錯(cuò)誤信息框是最典型的公告對話框，通常程序名在標(biāo)題中顯示，一些概括問題的簡短文字作為顯示主體，一個(gè)圖像圖標(biāo)表明問題的嚴(yán)重性同學(xué)有一個(gè)OK按鈕，通常 這些構(gòu)成了一個(gè)統(tǒng)一的整體，有時(shí)加上一個(gè)啟動(dòng)的在線幫助的按鈕。

絕不要用臨時(shí)對話框作為錯(cuò)誤信息框或確認(rèn)信息框。

交互設(shè)計(jì)原則：管理并設(shè)計(jì)對話框的內(nèi)容，標(biāo)簽對話框，擴(kuò)展對話框，級聯(lián)對話框
標(biāo)簽對話框，允許你在一個(gè)對話框中填充更多控件，但擁有 更多的控件并不一定意味著用戶會(huì)發(fā)現(xiàn)你的界面更易于使用或者功能更為強(qiáng)大，并不意味著用戶會(huì)發(fā)現(xiàn)你是將不同窗格的內(nèi)容必須有放在一起的道理，否則這種退化 對程序員有利，而不是對用戶有利。標(biāo)簽之所以如此成功是因?yàn)樵摿?xí)慣遵循了用戶有關(guān)“事物存儲”的心理模型，即單層分組，不同控件組成多了個(gè)平行窗格，只有 一個(gè)層次深度，但是這種習(xí)慣用法經(jīng)常被濫用。比如word2003中的options對話框竟然有12個(gè)標(biāo)簽堆疊在一起就破壞了這個(gè)習(xí)慣用法的作用。不要 堆疊標(biāo)簽是一個(gè)設(shè)計(jì)原則。
擴(kuò)展對話框，在許多主流應(yīng)用程序中可以找到它們，例如word的“find”(查找)對話框，擴(kuò)展后顯示更多控件，有“更多”和“更少”的擴(kuò)展按鈕，可以讓對話框返回初學(xué)者狀態(tài)。
級 聯(lián)對話框，是一個(gè)糟糕的習(xí)慣用法，它是在一個(gè)對話框中的控件，通常是按鈕，點(diǎn)擊后會(huì)在另一個(gè)層次關(guān)系的嵌套中調(diào)用另一個(gè)對話框，第2個(gè)對話框經(jīng)常覆蓋第1 個(gè)對話框，有時(shí)第2個(gè)還會(huì)調(diào)用第3個(gè)，幸好，級聯(lián)對話框現(xiàn)已失寵。標(biāo)簽對話框的優(yōu)勢在于處理復(fù)雜的廣度問題，而級聯(lián)對話框更適合處理深度問題，問題在于層 次太深是界面太過復(fù)雜時(shí)的主要癥狀，如果發(fā)現(xiàn)除了用戶通常不需要的模糊信息以外，你的程序仍需要使用級聯(lián)對話框，那么應(yīng)該全面審查界面的整體復(fù)雜性，而不 是使用這種后落的級聯(lián)思想。
交互設(shè)計(jì)原則：錯(cuò)語對話框，警告對話框，確認(rèn)對話框，取代對話框
錯(cuò)誤對話框
錯(cuò) 誤消息框愚蠢地停止進(jìn)度，應(yīng)該避免，人們討厭，抵觸，責(zé)備發(fā)出錯(cuò)誤消息的一方，我們要通過消除錯(cuò)誤對話框來大幅度改善界面的質(zhì)量。錯(cuò)誤消息真正所做的只不 過是保護(hù)程序不陷入麻煩，只不過是防止用戶不向數(shù)字段中輸入字母，它與防止用戶不輸入錯(cuò)誤數(shù)字無關(guān)。讓錯(cuò)誤成為不可能是我們的目標(biāo)。同時(shí)我們也要記住當(dāng)系 統(tǒng)告訴用戶他們失敗時(shí)，用戶會(huì)覺得很沒面子。一個(gè)合理的錯(cuò)誤消息框應(yīng)當(dāng)是有禮貌而清楚的說明問題、有啟發(fā)和有幫助的提出解決問題的好建議，如果可以將操作 按鈕和產(chǎn)生結(jié)果也描述得很清楚，它甚至沒有暗示用戶的行為有任何缺陷。
警告對話框

警告是通知用戶程序的行為，而確認(rèn)給用戶賦予一種忽略該行為的權(quán)力，這也是要消除的習(xí)慣用法。例如，word查找對話框在未搜尋，完成相關(guān)的任務(wù)時(shí) 彈出一個(gè)模態(tài)的警告對話框提示未找到，或者操作失敗，在這里報(bào)告事實(shí)是查找功能的另一個(gè)功能？如果不是，為什么要用不同的對話框呢？非模態(tài)的對話框已經(jīng)足 夠。軟件需要告訴用戶其行為，如果用戶期望這樣，它應(yīng)該在主屏幕上有可視化的指示器，使用戶可以獲得這種狀態(tài)信息，啟動(dòng)模態(tài)警告對知框來宣布一個(gè)沒有請求 的操作已經(jīng)夠糟，又為一個(gè)已經(jīng)請求的操作再發(fā)起一個(gè)警告信息就更加荒謬。有些自動(dòng)啟動(dòng)卻殺毒失敗的殺毒軟件就是一個(gè)例子。
確認(rèn)對話框
它 的彈出是程序?qū)ψ约旱男袨椴蛔孕哦鴣碓儐栍脩舻脑S可征求，有時(shí)程序是在對用戶的行為做事后的勸告而提供確認(rèn)；有時(shí)程序認(rèn)為沒有能力做決定，而用確認(rèn)對話框 讓用戶替它選擇，無論怎么樣總是來自己程序而不是用戶，這意味著它們是實(shí)現(xiàn)模型的反映，而不是用戶目標(biāo)的代表，向用戶展示實(shí)現(xiàn)模型，產(chǎn)生的用戶界面一定是 讓人不愉快且低劣的用戶界面，存在確認(rèn)對話框是不恰當(dāng)?shù)慕换コ尸F(xiàn)，我們永遠(yuǎn)不能把責(zé)任推卸給用戶，我們的程序應(yīng)當(dāng)?shù)玫接脩舻男湃?，恰?dāng)?shù)慕鉀Q方法是使 動(dòng)作易于恢復(fù)，并提供足夠的非模態(tài)反饋。大量濫用確認(rèn)對話框造成的后果就像寓言故事里大叫“狼來了”的男孩，當(dāng)最后真正危險(xiǎn)時(shí)，確認(rèn)對話框不難起作用，困 為它在沒有危險(xiǎn)時(shí)叫了太多次。消除確認(rèn)對話框的辦法是：讓所有的操作都可以撤消，當(dāng)程序行為不合時(shí)宜時(shí)，讓用戶發(fā)起停止并撤消的命令，取代預(yù)先用確認(rèn)對話 框提問的方式。提供非模態(tài)反饋來幫助避免用戶犯錯(cuò)誤。
取代對話框，豐富的非模態(tài)反饋
我們否定了以上三種對話框的友好性，但是持續(xù)的反饋又是用戶確實(shí)需要的，這時(shí)我們可以通過改變交互渠道來達(dá)到我們的目的，即豐富的視覺非模態(tài)反饋，聽覺反饋，負(fù)面聽覺反饋（宣告用戶錯(cuò)誤），正面聽覺反饋。
豐富的視覺非模態(tài)反饋
這 種類型的反饋在提供當(dāng)前應(yīng)用的對象或過程的狀態(tài)和屬性的深入信息方面非常豐富，因?yàn)樗\(yùn)用了屏幕的像素，它是視覺化的，非模態(tài)的，這種信息是預(yù)先顯示，用 戶不需要特別的操作或模態(tài)變換來瀏覽和理解這種反饋。例如，MAC，當(dāng)你從互聯(lián)網(wǎng)上下載一個(gè)文件時(shí)，下載的文件此伏彼起為一個(gè)圖標(biāo)出現(xiàn)在桌面上，用一個(gè)小 的動(dòng)態(tài)更新進(jìn)度欄在視覺上表明下載的百分比。創(chuàng)造豐富模態(tài)視覺反饋必須注意的一個(gè)要點(diǎn)是它不是為新手用戶創(chuàng)建的，豐富視覺非模態(tài)反饋是用戶可以實(shí)時(shí)發(fā)現(xiàn)的 內(nèi)容，當(dāng)他們發(fā)現(xiàn)后會(huì)感到如此奇妙，但是與此同時(shí)他們也需要菜單和對話框的支持來尋找需要的信息，這意味著取代警告和嚴(yán)重問題警告的豐富視覺非模態(tài)反饋對 用戶來說必須特別清晰，必須確保這種狀態(tài)在視覺上比次要的提供信息的豐富視覺非模態(tài)反饋更突出強(qiáng)調(diào)。
聽覺反饋
可以用聽覺來監(jiān)測輸入是否成功，但建議這種聽覺反饋不要和錯(cuò)誤信息框發(fā)出的嘟嘟聲相同，建議作為問題反饋的聽覺指示是沒有聲音，和正面聽覺反饋相比，負(fù)面反饋才是合情合理的。
負(fù)面聽覺反饋：宣告用戶錯(cuò)誤
伴 隨錯(cuò)誤消息的刺耳“嘟嘟”的噪聲是對用戶錯(cuò)誤的公然宣告，它向聽力范圍內(nèi)的所有人公布你已經(jīng)做了可恨而愚蠢的事，人類喜歡聽一切正常的聲音，他們也需要知 道什么時(shí)候做得不太好，但是這不意味著他們喜歡聽到這些，負(fù)面反饋系統(tǒng)明顯不如正面反饋系統(tǒng)受歡迎。在無聲和有聲的負(fù)面反饋之間人們會(huì)選擇前者；在無聲與 有噪聲的正面反饋之間，人們會(huì)根據(jù)個(gè)人情況和品們選擇；在無聲音與柔和悅耳的正面聽覺反饋之間，人們會(huì)選擇后者。在程序中我們從來沒有為用戶提供過高質(zhì)量 的正面聽覺反饋，所以不奇怪人們會(huì)把聲音與壞的界面聯(lián)系在一起。
正面聽覺反饋
正面聽覺反饋的有效性起源于人類的敏感性， 沒有人喜歡別人告訴他失敗了，錯(cuò)誤消息框是負(fù)面反饋，在用戶做錯(cuò)了事時(shí)通知用戶，沉默可以確保用戶知道，而又沒有實(shí)際告訴他失敗，它有明顯的效果，因?yàn)檐?件不必傷害用戶感情，而又能完成任務(wù)。游戲一般擅長正面聽覺反饋，MAC OS X還用精細(xì)的正面聽覺反饋在文檔保存和拖放時(shí)做了很發(fā)的工作，當(dāng)然，聽覺反饋必須在正確的音量狀態(tài)，windows 和 MA提供了一個(gè)標(biāo)準(zhǔn)音量控件，所以良好聽覺反饋的障礙已經(jīng)排除，但是聽覺反饋的音量不應(yīng)該超過正在播放的音樂的音量。

原文地址：http://www.uisheji.com/41519.html