IBM的界面設計原則

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

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

3、加點，而是不能再減少點。”這樣才能讓用戶界面簡易、樸素。 2、  視覺層次按用戶任務的重要程度的先后順序建立視覺層次。對于關鍵的對象給與額外的視覺突出。使用相對位置和顏色、大小的對比來增強一個對象的視覺突出效果。 用戶關心的、對用戶重要的元素安排在前面，安排在突出的位置，醒目地顯示出來，有相對豐富的層次感，這樣才能清晰地向用戶表達界面訴求。 3、  供給能力確保對象顯示出好的供給能力。也就是說，用戶可以很容易地判斷出一個對象對應的動作。有好的供給能力的對象通常很好地模仿了現實世界的對象。 表現力強的圖標能讓用戶快速

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

5、：  協助提供主動的協助。 軟件系統應該幫助用戶執(zhí)行各種各樣的任務。每個用戶的系統知識和處理任務的能力不一樣。讓軟件系統能識別個體用戶的能力并提供適當的協助。 以標題說明（caption）、提示（hints）、系統幫助（system help）的形式提供協助。提供的協助信息應該是簡單的、簡明的和有效的。同時也應該是靈活的。系統應該能適應用戶能力的提高，并培訓用戶達到獨立使用系統的能力。 注意這種協助是主動的，而不是被動的，它不需要用戶刻意去尋找?guī)椭恍枰脩舸蚴酆笾С蛛娫?，不需要用戶尋找軟件光盤來查閱說明書，甚至不需要用戶打開聯機幫助。

6、60;通過簡單有效的形式提供隨時隨地的協助，但是這種協助不是硬推的形式，例如，強迫用戶每次使用系統之前要閱讀注意事項。有些軟件系統在每次啟動時默認都會有一個歡迎界面，在這個界面提供系統的簡介，幫助用戶如何開始使用系統，幫助用戶導航到聯機幫助文檔或例子，例如，下面是TestComplete啟動后顯示的Welcome界面。   但是，假設界面的左下角沒有“Do not show again”這個選項的話，這個歡迎界面的設計就是個很糟糕的界面，因為它強迫用戶每次啟動軟件系統后，都要看一下這個界面，然后要用戶親自關閉這個界面。 不要假設用戶是很笨的，而是靈活地提

7、供有效的暗示，用戶在猶豫時能從這些暗示得到確認的信心，從而做出正確的決定。 表達能力強的圖標、tool tips、輸入框前面的簡明的標題說明、狀態(tài)欄中關于軟件系統狀態(tài)的說明等都是非常有效的為用戶提供協助的方式。 例如，windows畫圖工具既提供了圖標，又有tool tips，也在下面的狀態(tài)欄提供了說明：   最后，不要假設用戶是個永遠也長不大的小孩。初級用戶會不斷地學習，隨著對系統的熟悉程度的加強，他們逐漸過度到了專家用戶的級別。因此，要為不同能力水平的用戶提供不同級別的協助，例如對于初級用戶提供一步一步的向導和模板，對于專家用戶提供個性化定

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

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

10、方式給用戶反饋信息，例如，Word在保存過程中會在狀態(tài)欄顯示一個保存過程的動畫。只有保存出現錯誤，或異常的情況時，才以模式對話框的形式提示用戶，讓用戶注意問題的出現并處理。鼓勵讓動作可以預見并可以恢復。 確保軟件系統的每個動作都是可以產生可預計的結果的。嘗試理解用戶的期望、任務、目的。使用術語和圖像幫助用戶理解需要完成一個任務要操作的對象和對象關系。 鼓勵用戶探索系統，嘗試操作，查看結果，撤銷或刪除操作。如果功能操作不會造成不可返回的后果的話，用戶就會對操作的界面感到舒服和自信。 我們在寫文檔的時候可以放心地刪除一段文字或修改某個樣式，這是因為我們知道可以隨時回退

11、到上一個結果，Word能放心地讓我們嘗試各種編輯效果。 所有的操作，包括表面看起來很微不足道的取消選定操作，都應該是可逆的操作。例如，用戶花了幾分鐘的時間準備和選擇特定的文件歸檔，如果選擇突然不小心取消了，而取消選定不能被undo的話，用戶會感到很沮喪和受挫。 避免把不同的操作綁定在一起。用戶可能不能預料到綁定操作的影響。例如，不要把取消操作和刪除操作的功能綁定在一起。如果用戶選擇取消一個發(fā)送短信的請求時，僅僅取消發(fā)送請求，不要刪除短信。讓操作獨立，或者提供類似向導（wizard）的機制，允許用戶組合某些操作在一起提供某個特定的使用目的。 有些軟件系統的安裝包可以

12、有幾種安裝的方式，例如：全新安裝、升級安裝、有選擇地安裝；或者是：典型安裝、最小安裝、完全安裝等，不同的安裝模式，如果沒有相應的提示和說明來告訴用戶每一種安裝的結果是什么的話，用戶可能會在安裝之前猶豫很長的時間，忐忑不安地、小心地選擇一個他認為最安全的方式，尤其是對于新用戶來說，因為他不知道后果會有多嚴重。 因此應該盡量提供對操作的撤銷和回退功能，如果實在不能回退，則要在操作之前首先讓用戶知道執(zhí)行操作會帶來的后果。這樣才能給用戶信心。熟悉基于用戶已有的知識來設計界面。 讓用戶基于已有的關于軟件系統的知識來使用新的系統。一個用戶友好的系統能讓用戶學習新的概念和技巧，通過完成一

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

14、和功能命名、菜單編排能降低用戶在一個新的類似的軟件系統中的學習曲線。例如，在Word中保存的圖標和保存功能的快捷方式與PowerPoint中的是完全一致的，熟悉Word的用戶可以馬上知道在PowerPoint中可以使用相同的功能。 界面交互的操作方式的一致性還能降低軟件企業(yè)的培訓和后續(xù)支持費用，企業(yè)不需要花大力氣讓用戶接受新的系統，不需要派遣更多的用戶教育人員去支持用戶培訓。明顯讓對象和控件明顯、直覺的、顯而易見的。 在界面使用體現現實的技術。對象和概念在面向對象的界面里應該類似它們在現實世界的樣子。當可能的時候，應該盡量避免對象的人造體現。 垃圾回收和電話是個很

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

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

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

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

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