ui設(shè)計(jì)規(guī)范

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

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

3、..................................................................................21.2.1. 用戶控制 ...............................................................................................................21.2.2. 清楚一致的設(shè)

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

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

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

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

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

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

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

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

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