ui設計規(guī)范

1、目錄 目錄UI 設計規(guī)范..............................................................................................................................11. 界面規(guī)范..........................................................................

2、................................................11.1. 總體原則...................................................................................................................11.2. 原則詳述 ....................................

3、..................................................................................21.2.1. 用戶控制 ...............................................................................................................21.2.2. 清楚一致的設

4、計 ...................................................................................................21.3. 細節(jié)約定 ............................................................................................................

5、..........31.3.1. 界面風格 ...........................................................................................................31.3.2. 統(tǒng)一術語 ...........................................................................

6、..............................14關于 UI 規(guī)范的幾點意見 ...................................................................................................15UI 設計規(guī)范 設計規(guī)范1. 界面規(guī)范 界面規(guī)范1.1. 總體原則 總體原則l 以用戶為中心。設計由用戶控制的界面，而不是界面控制用戶。l 清楚一

7、致的設計。所有界面的風格保持一致，所有具有相同含義的術語保持一致，且易于理解l 擁有良好的直覺特征。以用戶所熟悉的現(xiàn)實世界事務的抽象來給用戶暗示和隱喻，來幫助用戶能迅速學會軟件的使用。l 較快的響應速度。l 簡單且美觀。該允許用戶取消聲音。l 保持文字內(nèi)容清楚。信息的表達要言簡意賅，易于理解而又不羅嗦；避免使用冗長的文字給用戶反饋。1.2.3. 有良好的直覺特征l 用熟悉的隱喻為用戶的任務提供直接而直觀的界面。通過允許用戶利用他們的知識

8、和經(jīng)驗，隱喻使得預測和學習基于軟件的表示的行為更加容易。l 在使用隱喻時，不需要將基于計算機的實現(xiàn)局限在真實世界的對應物上范圍之內(nèi)。例如，與其基于紙張的對應物不同，Windows 桌面上的文件夾可以被用來組織各種對象，例如打印機、計算器、以及其他文件夾。同樣，Windows 文件夾可以其真實世界對應物不可能的方式被排序。在界面中使用隱喻的目的是提供一個認知的橋梁；隱喻并不以其自身為最終目的。l 隱喻支持用戶認知而不是記憶。用戶記起與一個

9、熟悉的事物相關聯(lián)的意義要比他們記起一個特定命令的名稱要容易得多。l 同常見軟件保持一致性。 同常見軟件保持一致性。出色的用戶界面在程序中將實現(xiàn)同用戶以前用過的其它成功軟件一致的動作。1.2.4. 較快的響應速度l 保持界面能很快對用戶操作作出反應。l 提供快捷鍵。特別對于有大量錄入項的界面，能讓用戶不使用鼠標即可完成快速數(shù)據(jù)錄入。在用戶界面中加入一些功能，這些功能可以讓熟練用戶在不同的區(qū)域快速的輸入數(shù)據(jù)。這些功能包括重復功能、快捷鍵、帶

10、有有意義的圖標的按鈕等等，所有這些可以使速度快的用戶可以控制界面并加快數(shù)據(jù)的輸入。l 除非必要，不要重繪屏幕。1.2.5. 簡單且美觀l 簡單。界面應該很簡單（不是過分單純化）、易于學習、并且易于使用。它還必須提供對應用程序的所有功能的訪問。在界面中，擴大功能和保持簡單是相互矛盾的。一個有效的設計應該平衡這些目標。支持簡單性的一種方法是將信息的表示減少到進行充分交流所需的最少信息。例如，避免命令名和消息的文字描述。不相關或冗長的句子擾亂

11、了您的設計，使得用戶難以很容易地提取重要信息。另一個設計簡單而有用的界面的方法是使用自然的映射和語意。界面元素的排列和表示影響它們的意義和關聯(lián)。簡單還與熟悉相互關聯(lián)。熟悉的事物通常似乎更簡單。盡可能嘗試建立利用用戶已有的知識和經(jīng)歷的聯(lián)系。您可以使用漸進揭示來幫助用戶管理復雜的事物?！皾u進揭示“涉及到仔細的信息組織，以便只在恰當?shù)臅r候才顯示信息。通過隱藏向用戶表達的信息，您減少了用戶必須處理的信息數(shù)量。例如，您可以使用菜單來顯示操作或選擇

12、的列表，還可以使用對話框來顯示一組選項。漸進揭示并不意味著對顯示信息使用非傳統(tǒng)的技術，例如需要一個修飾鍵作為訪問基本功能的唯一方法，或者強迫用戶通過一個更長的分級交互序列。這會使用戶界面更加復雜和麻煩。l 美觀?？梢曉O計是應用程序界面的重要部分?？梢晫傩蕴峁┝朔浅：玫挠∠?，并傳達特定對象的交互行為的重要線索。同時，出現(xiàn)在屏幕上的每一個可視元素也是很重要的，它們可能競爭用戶的注意。提供清楚地促進用戶對表達的信息的理解的連貫環(huán)境。圖形或可視