IBM的界面設(shè)計(jì)原則

1、IBM的界面設(shè)計(jì)原則UIAIBM用戶界面架構(gòu)，簡(jiǎn)稱UIA（User Interface Architecture），是IBM為了獲得基于網(wǎng)絡(luò)的產(chǎn)品的設(shè)計(jì)一致性以及易用性而提出的一套用戶界面設(shè)計(jì)規(guī)范。 UIA提出了12個(gè)方面的界面設(shè)計(jì)原則：1、Affinity 親和力2、Assistance 協(xié)助3、Availability 有效4、Encouragement 鼓勵(lì)5、Familiarity 熟悉6、Obviousness 明顯7、Personalization 個(gè)性化8、Safety 安全9、Satisf

2、action 滿意10、Simplicity 簡(jiǎn)單11、Support 支持12、Versatility 多樣性 親和力通過(guò)好的形象設(shè)計(jì)，可以讓對(duì)象更具親和力。 用戶界面的形象設(shè)計(jì)的目的是要融合UIA的所有原則。軟件系統(tǒng)應(yīng)該支持用戶模型并把它的功能明確地向用戶表達(dá)。親和力的設(shè)計(jì)不應(yīng)該被看成是“蛋糕上面的糖衣”，而應(yīng)該作為整個(gè)設(shè)計(jì)過(guò)程的主體部分。 下面的原則通過(guò)提升界面的清晰性和視覺(jué)上的簡(jiǎn)易樸素來(lái)達(dá)到強(qiáng)的親和力：1、  簡(jiǎn)化設(shè)計(jì)去除任何不能直接提供有意義的可視化信息的元素。 “好的設(shè)計(jì)不是不能再多

3、加點(diǎn)，而是不能再減少點(diǎn)?！边@樣才能讓用戶界面簡(jiǎn)易、樸素。 2、  視覺(jué)層次按用戶任務(wù)的重要程度的先后順序建立視覺(jué)層次。對(duì)于關(guān)鍵的對(duì)象給與額外的視覺(jué)突出。使用相對(duì)位置和顏色、大小的對(duì)比來(lái)增強(qiáng)一個(gè)對(duì)象的視覺(jué)突出效果。 用戶關(guān)心的、對(duì)用戶重要的元素安排在前面，安排在突出的位置，醒目地顯示出來(lái)，有相對(duì)豐富的層次感，這樣才能清晰地向用戶表達(dá)界面訴求。 3、  供給能力確保對(duì)象顯示出好的供給能力。也就是說(shuō)，用戶可以很容易地判斷出一個(gè)對(duì)象對(duì)應(yīng)的動(dòng)作。有好的供給能力的對(duì)象通常很好地模仿了現(xiàn)實(shí)世界的對(duì)象。 表現(xiàn)力強(qiáng)的圖標(biāo)能讓用戶快速

4、理解所代表的功能。 一個(gè)按鈕的凹凸效果能讓人清楚地知道按鈕是可點(diǎn)擊的。例如下圖中，button1的效果設(shè)置比起button2要讓人更容易知道是個(gè)可以按下去的按鈕。   4、  視覺(jué)方案設(shè)計(jì)一個(gè)能匹配用戶模型的視覺(jué)方案，并且能讓用戶個(gè)性化地配置軟件系統(tǒng)的界面。 例如windows能讓用戶配置窗口的外觀和顏色方案、字體大小等：  不要僅僅為了節(jié)省空間而把圖像的預(yù)留空間去掉。適當(dāng)使用空白空間來(lái)提供視覺(jué)上的“呼吸空間”。 例如，下面的窗體界面就太擠了，讓人有點(diǎn)喘不過(guò)氣來(lái)，未免有點(diǎn)太不照顧用戶的視覺(jué)感受了

5、：  協(xié)助提供主動(dòng)的協(xié)助。 軟件系統(tǒng)應(yīng)該幫助用戶執(zhí)行各種各樣的任務(wù)。每個(gè)用戶的系統(tǒng)知識(shí)和處理任務(wù)的能力不一樣。讓軟件系統(tǒng)能識(shí)別個(gè)體用戶的能力并提供適當(dāng)?shù)膮f(xié)助。 以標(biāo)題說(shuō)明（caption）、提示（hints）、系統(tǒng)幫助（system help）的形式提供協(xié)助。提供的協(xié)助信息應(yīng)該是簡(jiǎn)單的、簡(jiǎn)明的和有效的。同時(shí)也應(yīng)該是靈活的。系統(tǒng)應(yīng)該能適應(yīng)用戶能力的提高，并培訓(xùn)用戶達(dá)到獨(dú)立使用系統(tǒng)的能力。 注意這種協(xié)助是主動(dòng)的，而不是被動(dòng)的，它不需要用戶刻意去尋找?guī)椭?，不需要用戶打售后支持電話，不需要用戶尋找軟件光盤(pán)來(lái)查閱說(shuō)明書(shū)，甚至不需要用戶打開(kāi)聯(lián)機(jī)幫助。

6、60;通過(guò)簡(jiǎn)單有效的形式提供隨時(shí)隨地的協(xié)助，但是這種協(xié)助不是硬推的形式，例如，強(qiáng)迫用戶每次使用系統(tǒng)之前要閱讀注意事項(xiàng)。有些軟件系統(tǒng)在每次啟動(dòng)時(shí)默認(rèn)都會(huì)有一個(gè)歡迎界面，在這個(gè)界面提供系統(tǒng)的簡(jiǎn)介，幫助用戶如何開(kāi)始使用系統(tǒng)，幫助用戶導(dǎo)航到聯(lián)機(jī)幫助文檔或例子，例如，下面是TestComplete啟動(dòng)后顯示的Welcome界面。   但是，假設(shè)界面的左下角沒(méi)有“Do not show again”這個(gè)選項(xiàng)的話，這個(gè)歡迎界面的設(shè)計(jì)就是個(gè)很糟糕的界面，因?yàn)樗鼜?qiáng)迫用戶每次啟動(dòng)軟件系統(tǒng)后，都要看一下這個(gè)界面，然后要用戶親自關(guān)閉這個(gè)界面。 不要假設(shè)用戶是很笨的，而是靈活地提

7、供有效的暗示，用戶在猶豫時(shí)能從這些暗示得到確認(rèn)的信心，從而做出正確的決定。 表達(dá)能力強(qiáng)的圖標(biāo)、tool tips、輸入框前面的簡(jiǎn)明的標(biāo)題說(shuō)明、狀態(tài)欄中關(guān)于軟件系統(tǒng)狀態(tài)的說(shuō)明等都是非常有效的為用戶提供協(xié)助的方式。 例如，windows畫(huà)圖工具既提供了圖標(biāo)，又有tool tips，也在下面的狀態(tài)欄提供了說(shuō)明：   最后，不要假設(shè)用戶是個(gè)永遠(yuǎn)也長(zhǎng)不大的小孩。初級(jí)用戶會(huì)不斷地學(xué)習(xí)，隨著對(duì)系統(tǒng)的熟悉程度的加強(qiáng)，他們逐漸過(guò)度到了專(zhuān)家用戶的級(jí)別。因此，要為不同能力水平的用戶提供不同級(jí)別的協(xié)助，例如對(duì)于初級(jí)用戶提供一步一步的向?qū)Ш湍０?，?duì)于專(zhuān)家用戶提供個(gè)性化定

8、制的能力。有效讓所有對(duì)象在任何時(shí)候都是可用的。 讓用戶可以在任何時(shí)候以任何次序在同一個(gè)視圖使用所有的對(duì)象。例如，windows的打開(kāi)文件對(duì)話框允許用戶在打開(kāi)對(duì)話框視圖中訪問(wèn)所有對(duì)象。  盡量避免使用模式對(duì)話框，模式對(duì)話框會(huì)使正在交互的界面動(dòng)作無(wú)效或引起非預(yù)期的結(jié)果。模式對(duì)話框限制了用戶與系統(tǒng)交互的能力。例如，菜單驅(qū)動(dòng)的系統(tǒng)使用模式對(duì)話框，像“打印”和“另存為”，讓用戶輸入請(qǐng)求的命令參數(shù)，但是模式對(duì)話框傾向于把用戶鎖定在系統(tǒng)外。用戶必須完成或取消模式對(duì)話框才能返回系統(tǒng)，導(dǎo)致了很多的不便。 除非必須要用戶先處理好才能進(jìn)入下一步的操作，否則不要使用模式窗口。其

9、實(shí)有很多窗口是完全不需要以模式對(duì)話框的形式出現(xiàn)的，例如很多系統(tǒng)都會(huì)有向用戶提示保存操作已經(jīng)成功，但是如果使用的是模式窗口，則很多時(shí)候會(huì)導(dǎo)致用戶的反感，因?yàn)?，首先保存成功是一個(gè)系統(tǒng)應(yīng)該做的事情，軟件系統(tǒng)沒(méi)有必要以一種炫耀自己的功勞的方式出現(xiàn)，還要用戶多此一舉去確認(rèn)你的功勞。 其次，保存成功前與保存成功后的區(qū)別在系統(tǒng)的很多地方可以體現(xiàn)出來(lái)，例如，記錄的列表會(huì)多了一條剛才添加的記錄，字段的屬性會(huì)變成“已保存”等等，用戶完全可以從這些地方得到足夠的提示，知道軟件系統(tǒng)已經(jīng)很好地幫用戶保存好數(shù)據(jù)了。 即使你的軟件系統(tǒng)在保存前后沒(méi)有可讓用戶看出發(fā)生變化的地方，你也完全可以用一個(gè)優(yōu)雅一點(diǎn)的

10、方式給用戶反饋信息，例如，Word在保存過(guò)程中會(huì)在狀態(tài)欄顯示一個(gè)保存過(guò)程的動(dòng)畫(huà)。只有保存出現(xiàn)錯(cuò)誤，或異常的情況時(shí)，才以模式對(duì)話框的形式提示用戶，讓用戶注意問(wèn)題的出現(xiàn)并處理。鼓勵(lì)讓動(dòng)作可以預(yù)見(jiàn)并可以恢復(fù)。 確保軟件系統(tǒng)的每個(gè)動(dòng)作都是可以產(chǎn)生可預(yù)計(jì)的結(jié)果的。嘗試?yán)斫庥脩舻钠谕?、任?wù)、目的。使用術(shù)語(yǔ)和圖像幫助用戶理解需要完成一個(gè)任務(wù)要操作的對(duì)象和對(duì)象關(guān)系。 鼓勵(lì)用戶探索系統(tǒng)，嘗試操作，查看結(jié)果，撤銷(xiāo)或刪除操作。如果功能操作不會(huì)造成不可返回的后果的話，用戶就會(huì)對(duì)操作的界面感到舒服和自信。 我們?cè)趯?xiě)文檔的時(shí)候可以放心地刪除一段文字或修改某個(gè)樣式，這是因?yàn)槲覀冎揽梢噪S時(shí)回退

11、到上一個(gè)結(jié)果，Word能放心地讓我們嘗試各種編輯效果。 所有的操作，包括表面看起來(lái)很微不足道的取消選定操作，都應(yīng)該是可逆的操作。例如，用戶花了幾分鐘的時(shí)間準(zhǔn)備和選擇特定的文件歸檔，如果選擇突然不小心取消了，而取消選定不能被undo的話，用戶會(huì)感到很沮喪和受挫。 避免把不同的操作綁定在一起。用戶可能不能預(yù)料到綁定操作的影響。例如，不要把取消操作和刪除操作的功能綁定在一起。如果用戶選擇取消一個(gè)發(fā)送短信的請(qǐng)求時(shí)，僅僅取消發(fā)送請(qǐng)求，不要?jiǎng)h除短信。讓操作獨(dú)立，或者提供類(lèi)似向?qū)В╳izard）的機(jī)制，允許用戶組合某些操作在一起提供某個(gè)特定的使用目的。 有些軟件系統(tǒng)的安裝包可以

12、有幾種安裝的方式，例如：全新安裝、升級(jí)安裝、有選擇地安裝；或者是：典型安裝、最小安裝、完全安裝等，不同的安裝模式，如果沒(méi)有相應(yīng)的提示和說(shuō)明來(lái)告訴用戶每一種安裝的結(jié)果是什么的話，用戶可能會(huì)在安裝之前猶豫很長(zhǎng)的時(shí)間，忐忑不安地、小心地選擇一個(gè)他認(rèn)為最安全的方式，尤其是對(duì)于新用戶來(lái)說(shuō)，因?yàn)樗恢篮蠊麜?huì)有多嚴(yán)重。 因此應(yīng)該盡量提供對(duì)操作的撤銷(xiāo)和回退功能，如果實(shí)在不能回退，則要在操作之前首先讓用戶知道執(zhí)行操作會(huì)帶來(lái)的后果。這樣才能給用戶信心。熟悉基于用戶已有的知識(shí)來(lái)設(shè)計(jì)界面。 讓用戶基于已有的關(guān)于軟件系統(tǒng)的知識(shí)來(lái)使用新的系統(tǒng)。一個(gè)用戶友好的系統(tǒng)能讓用戶學(xué)習(xí)新的概念和技巧，通過(guò)完成一

13、個(gè)任務(wù)并應(yīng)用到更廣泛的任務(wù)。換而言之，用戶不需要學(xué)習(xí)不同的技巧來(lái)執(zhí)行相類(lèi)似的任務(wù)。 例如，我們來(lái)看微軟的office系列產(chǎn)品，在word里的編輯方式和操作方式與在PowerPoint中的是基本一致的。一個(gè)熟悉Word寫(xiě)作方式的人也能輕松地學(xué)會(huì)在PowerPoint中編寫(xiě)演講稿。 使用統(tǒng)一的視覺(jué)設(shè)計(jì)和界面交互技巧來(lái)展示給用戶并強(qiáng)化用戶的經(jīng)驗(yàn)，讓用戶在使用相同的平臺(tái)、相同的環(huán)境下的其它類(lèi)似的系統(tǒng)時(shí)可重用。如果在使用一個(gè)新的系統(tǒng)界面時(shí)所需要的交互技巧與用戶已經(jīng)知道的或料想的一致時(shí)，會(huì)更容易學(xué)習(xí)。所以在開(kāi)始設(shè)計(jì)之前，先發(fā)現(xiàn)并設(shè)法了解清楚目標(biāo)用戶的經(jīng)驗(yàn)和期待值。 統(tǒng)一的圖標(biāo)

14、和功能命名、菜單編排能降低用戶在一個(gè)新的類(lèi)似的軟件系統(tǒng)中的學(xué)習(xí)曲線。例如，在Word中保存的圖標(biāo)和保存功能的快捷方式與PowerPoint中的是完全一致的，熟悉Word的用戶可以馬上知道在PowerPoint中可以使用相同的功能。 界面交互的操作方式的一致性還能降低軟件企業(yè)的培訓(xùn)和后續(xù)支持費(fèi)用，企業(yè)不需要花大力氣讓用戶接受新的系統(tǒng)，不需要派遣更多的用戶教育人員去支持用戶培訓(xùn)。明顯讓對(duì)象和控件明顯、直覺(jué)的、顯而易見(jiàn)的。 在界面使用體現(xiàn)現(xiàn)實(shí)的技術(shù)。對(duì)象和概念在面向?qū)ο蟮慕缑胬飸?yīng)該類(lèi)似它們?cè)诂F(xiàn)實(shí)世界的樣子。當(dāng)可能的時(shí)候，應(yīng)該盡量避免對(duì)象的人造體現(xiàn)。 垃圾回收和電話是個(gè)很

15、好的現(xiàn)實(shí)體現(xiàn)的例子。在真實(shí)世界里，垃圾回收站是人們拋棄垃圾的容器。在操作系統(tǒng)桌面的垃圾回收站對(duì)象體現(xiàn)了它的功能，它讓自己清晰地被識(shí)別出來(lái)是作為一個(gè)用于丟棄不需要的對(duì)象的地方。電話撥號(hào)的圖標(biāo)也有相同的效果?；诂F(xiàn)實(shí)生活的經(jīng)驗(yàn)，一個(gè)用戶可以直覺(jué)地知道這個(gè)對(duì)象是為了執(zhí)行電話相關(guān)的任務(wù)設(shè)計(jì)的。 讓系統(tǒng)的控件清晰可見(jiàn)并且功能易于識(shí)別。使用視覺(jué)的或文字提示來(lái)幫助用戶理解功能，記住關(guān)系，并識(shí)別當(dāng)前系統(tǒng)狀態(tài)。例如，在電話對(duì)象上的數(shù)字按鈕提示它們可以被用于撥電話號(hào)碼。 操作系統(tǒng)通過(guò)不同的圖標(biāo)來(lái)體現(xiàn)回收站里是否有垃圾：  鼓勵(lì)直接的或自然的交互。讓用戶直接地與對(duì)象交互并減少

16、用戶非直接的技術(shù)或過(guò)程。識(shí)別一個(gè)對(duì)象并執(zhí)行與它相關(guān)的任務(wù)，例如拿起電話的聽(tīng)筒來(lái)回答來(lái)電，在真實(shí)世界中往往不是一個(gè)獨(dú)立的行為。使用直接動(dòng)作或交互技巧，用戶界面不需要明顯地單獨(dú)地在一個(gè)序列中選擇動(dòng)作。虛擬真實(shí)三維界面是特別設(shè)計(jì)成直接的交互。個(gè)性化允許用戶對(duì)界面進(jìn)行個(gè)性化設(shè)置。 允許用戶按個(gè)人需要和想法裁剪界面。沒(méi)有兩個(gè)用戶是絕地相同的；用戶的背景、興趣、動(dòng)機(jī)、經(jīng)驗(yàn)程度和物理能力都不同。個(gè)性化能幫助用戶對(duì)界面感覺(jué)更舒服。 個(gè)性化界面還能導(dǎo)致更高的工作效率和用戶滿意程度。例如，允許用戶改變默認(rèn)值可以節(jié)省他們的時(shí)間和減少訪問(wèn)經(jīng)常使用的功能的麻煩。 在微軟的Word中，就提供

17、了工具欄的自定義設(shè)置功能。用戶可以選擇經(jīng)常使用的功能才出現(xiàn)在工具欄上，不僅可以減少工具欄占用的屏幕位置，而且能減少因?yàn)楣ぞ邫谶^(guò)多而造成的查找和選擇時(shí)間。  在多用戶共享一臺(tái)計(jì)算機(jī)的環(huán)境中，讓每個(gè)用戶創(chuàng)建他自己的“系統(tǒng)個(gè)性”并使重啟系統(tǒng)容易實(shí)現(xiàn)。在一個(gè)用戶使用多臺(tái)計(jì)算機(jī)的環(huán)境中，讓個(gè)性化信息可轉(zhuǎn)移；讓用戶可以把“個(gè)性”從一個(gè)系統(tǒng)帶到另外一個(gè)系統(tǒng)。 例如，Windows操作系統(tǒng)的主題屬性就可以通過(guò)另存為T(mén)heme文件，在其它機(jī)器上的操作系統(tǒng)導(dǎo)入，從而讓多個(gè)操作系統(tǒng)共用同一個(gè)相同的主題。  安全不要讓用戶輕易接觸到危險(xiǎn)的操作。 盡量不讓用戶

18、犯錯(cuò)。讓用戶不能輕易接觸危險(xiǎn)的操作的責(zé)任在設(shè)計(jì)者的身上。界面應(yīng)該自動(dòng)地或根據(jù)請(qǐng)求提供視覺(jué)上的提示，提醒信息，選擇列表和其它輔助手段。上下文的幫助和代理能提供額外的協(xié)助。幫助信息應(yīng)該簡(jiǎn)單、清晰，并且是面向任務(wù)的。 例如Windows操作系統(tǒng)會(huì)把系統(tǒng)文件默認(rèn)隱藏起來(lái)，只有在用戶設(shè)置文件夾選項(xiàng)時(shí)才能把隱藏的系統(tǒng)文件顯示出來(lái)，這是為了避免用戶不小心刪除掉關(guān)鍵的系統(tǒng)文件造成損失。 不要要求用戶記憶系統(tǒng)已經(jīng)知道的信息，例如前一次的設(shè)置、文件名和其它界面細(xì)節(jié)。盡可能通過(guò)系統(tǒng)提供這些信息。 用戶的設(shè)置應(yīng)該被系統(tǒng)記憶起來(lái)，這樣不需要用戶每次去設(shè)置，因?yàn)檫@些已經(jīng)設(shè)置過(guò)的信息，系統(tǒng)是可

19、以用很多方法記錄下來(lái)、保存下來(lái)的。 讓系統(tǒng)和用戶之間能進(jìn)行雙向的溝通。這種積極的溝通能力允許用戶澄清或確認(rèn)一個(gè)請(qǐng)求，糾正一個(gè)問(wèn)題，或做出特定任務(wù)的決定。例如，在某些系統(tǒng)設(shè)計(jì)的拼寫(xiě)檢查器，會(huì)在用戶編寫(xiě)文檔的過(guò)程中高亮地顯示可能存在錯(cuò)誤拼寫(xiě)的單詞。這允許用戶糾正拼寫(xiě)錯(cuò)誤或繼續(xù)工作。 這種雙向的溝通能力還能幫助用戶定義他們的任務(wù)目標(biāo)。用戶知道他們要完成和達(dá)到的是什么，但是很難描述和表達(dá)出來(lái)，這種情況并不少見(jiàn)。系統(tǒng)應(yīng)該能夠識(shí)別這些問(wèn)題，鼓勵(lì)用戶提供相關(guān)的信息，并建議可能的方案。滿意讓用戶感覺(jué)到進(jìn)度和完成。 讓用戶感覺(jué)到連貫的進(jìn)度和完成。立即報(bào)告動(dòng)作的結(jié)果；任何加在用戶任務(wù)上的延遲都會(huì)影響用戶對(duì)系統(tǒng)的信心。即時(shí)的反饋可以讓用戶評(píng)估結(jié)果是否滿足自己的期望，如果不滿足，則可馬上采取其它替換措施。例如，當(dāng)用戶選擇一個(gè)新的字體樣式，應(yīng)用了字體改變的文本應(yīng)該馬上發(fā)生變化。然后用戶可以決定是否保留改變。 預(yù)覽一個(gè)動(dòng)作的結(jié)果，以便用戶可以評(píng)估它。例如，如果用戶想在一篇大文檔中使用楷體+