用戶界面設(shè)計(jì)的基本原則

1、.1用戶界面設(shè)計(jì)的基本原則1.1用戶界面設(shè)計(jì)原則基于此平臺(tái)開(kāi)發(fā)的應(yīng)用程序軟件必須符合圖形用戶界面(GUI)設(shè)計(jì)原則。1.界面直觀，對(duì)用戶透明。用戶接觸軟件后，界面對(duì)應(yīng)的功能一目了然，應(yīng)用程序系統(tǒng)使用方便，不需要很多培訓(xùn)。2.總是強(qiáng)調(diào)軟件用戶是所有處理的核心。用戶界面應(yīng)該控制用戶應(yīng)用程序的工作方式和響應(yīng)方式，而不是按照開(kāi)發(fā)人員的意愿將操作過(guò)程強(qiáng)加給用戶。1.2一般交互原則AE系統(tǒng)應(yīng)用程序軟件的一般交互遵循以下原則：1、一致性：菜單選擇、數(shù)據(jù)顯示和其他功能都必須使用一致的格式。2、提供有意義的反饋。3、請(qǐng)求確認(rèn)之前，請(qǐng)執(zhí)行更大的破壞性操作。4、可以取消數(shù)據(jù)輸入中的大部分操作。5、減少動(dòng)作之間需要記

2、住的信息量。6.系統(tǒng)必須保護(hù)自己免受致命操作，以便用戶可以接受非惡意錯(cuò)誤。7、按功能分類動(dòng)作，相應(yīng)地排列屏幕布局，設(shè)計(jì)者需要提高命令和動(dòng)作組編織的凝聚力。8、提供上下文相關(guān)幫助文檔機(jī)制。1.3信息顯示原則顯示AE系統(tǒng)應(yīng)用程序軟件信息遵循以下原則：1、僅顯示與當(dāng)前用戶上下文環(huán)境相關(guān)的信息。2.不要用數(shù)據(jù)包圍用戶，而是用用戶能夠迅速吸收信息的方式表達(dá)信息。3、使用一致的標(biāo)記、標(biāo)準(zhǔn)縮寫(xiě)和可預(yù)測(cè)的顏色，非常好地顯示信息的含義顯然，用戶不再需要引用其他信息源。4、生成有意義的錯(cuò)誤消息。5、使用縮進(jìn)和文本幫助理解。6、使用窗口分隔/控件分隔不同類型的信息。7、有效使用顯示器空間。1.4數(shù)據(jù)輸入原則AE系統(tǒng)

3、應(yīng)用產(chǎn)品軟件數(shù)據(jù)錄入遵循以下原則：1、最小化使用者輸入動(dòng)作的數(shù)目。2、保持信息顯示和數(shù)據(jù)輸入的一致性；3、交互必須靈活，支持鍵盤和鼠標(biāo)輸入的靈活性。4、在當(dāng)前動(dòng)作的背景下使用不適當(dāng)?shù)拿钍菦](méi)有效果的。5、要允許用戶控制交互流，用戶可以跳過(guò)不必要的動(dòng)作，更改所需動(dòng)作的順序(如果允許)和在不關(guān)閉系統(tǒng)的情況下從錯(cuò)誤狀態(tài)中恢復(fù)6、為所有輸入工作提供幫助。7、消除重復(fù)輸入。如果可能，請(qǐng)?zhí)峁┠J(rèn)值，不要允許用戶提供程序自行。動(dòng)態(tài)獲得或計(jì)算的信息。2用戶界面設(shè)計(jì)規(guī)格2.1介面規(guī)格的一般規(guī)定牙齒應(yīng)用程序節(jié)目系統(tǒng)顯示器界面一般分為三個(gè)框架：菜單工具欄區(qū)域、審計(jì)樹(shù)區(qū)域和應(yīng)用程序節(jié)目軟件工作區(qū)域(請(qǐng)參閱圖1-1)。

4、圖1-1 AE系統(tǒng)介面總計(jì)劃提供上述介面框架的AE系統(tǒng)應(yīng)用程序平臺(tái)的基本參數(shù)如下：1、頂層包括系統(tǒng)菜單欄、快捷方式按鈕欄，然后是每個(gè)應(yīng)用程序中包含的應(yīng)用程序節(jié)目菜單欄?？偢叨葹?0。2，左下框架為“審核數(shù)據(jù)樹(shù)”，寬度可變，默認(rèn)值為200。第3，右?guī)敲總€(gè)應(yīng)用程序節(jié)目或模塊的“頁(yè)面顯示”，是用戶應(yīng)用的功能接受區(qū)域。4、應(yīng)用節(jié)目功能接受區(qū)寬度可變，默認(rèn)值為600。應(yīng)用程序節(jié)目表單具有水平滾動(dòng)條和垂直滾動(dòng)條。5、底部是狀態(tài)欄高度20，分為多列，應(yīng)用程序可以通過(guò)界面填充內(nèi)容。2.2介面一致性規(guī)格AE系統(tǒng)中的每個(gè)軟件在介面設(shè)計(jì)中必須保持介面一致性。一致性包括使用標(biāo)準(zhǔn)控件。使用相同的信息顯示方法，例如字體

5、、標(biāo)簽樣式、顏色、術(shù)語(yǔ)、錯(cuò)誤消息顯示等。2.2.1顯示信息一致性規(guī)范1，字體：系統(tǒng)默認(rèn)字體使用以下設(shè)置：(1) Font。Charset=GB2312_CHARSET，(2) Font。Color=clWindowText，(3) Font。Size=9，(4) Font。Name=宋體。2，標(biāo)簽提示：背景透明、無(wú)邊框、右對(duì)齊、包含冒號(hào)，一般情況下使用基本單詞身體；身體。3，日期：長(zhǎng)格式，通常使用默認(rèn)字體。4、排序方法：(1)左對(duì)齊：純文本、單個(gè)數(shù)字、日期等。(2)右對(duì)齊：數(shù)字、時(shí)間、日期時(shí)間。5，外形：分辨率默認(rèn)為800*600，增強(qiáng)顏色16，800*600和1024*7686、兩種茄子分辨

6、率適應(yīng)全屏填充模式。塑形的比例通常為4: 3(寬度：高度)一般西餐(如主西餐)或1633609。一般來(lái)說(shuō)，相同大小或類似大小的表單應(yīng)設(shè)置為相同大小，輸入框、按鈕等應(yīng)出現(xiàn)在相同位置上，以獲得整體感覺(jué)。表單類型必須規(guī)格。對(duì)話框。無(wú)法更改大小！(1) FormStyle:需要平臺(tái)集成的表單為fsMDIChild，其馀表單為fsNormal或無(wú)限制，但在打開(kāi)時(shí)顯示為模式。(2) WindowState:需要平臺(tái)集成的表單是wsMaximized，其馀表單不受限制。(3)其馀屬性使用默認(rèn)值。(4)請(qǐng)參閱顏色值：控件和介面顏色必須均勻或類似于平臺(tái)效果貼圖顏色樣式和色調(diào)。平臺(tái)渲染如下：上圖中的陣列顯示樣式僅

7、供參考。全面確定后，AE系統(tǒng)中的每個(gè)軟件都必須遵守。如果牙齒信息不一致，用戶可能會(huì)分散注意力，影響牙齒軟件的使用，因此開(kāi)發(fā)人員必須在同一軟件中保持表達(dá)的一致性。2.2.2布局合理化要求布局簡(jiǎn)潔，有序，易于操作。在一個(gè)窗口中，要注意所有內(nèi)部控件的布局和信息組織的藝術(shù)性，使用戶界面美觀。在一個(gè)窗口中按Tab鍵不能使移動(dòng)焦點(diǎn)順序混亂。制表符順序從上到下，從左到右。必須首先在屏幕上輸入的重要信息的控件必須位于選項(xiàng)卡順序的前面，在窗口中也必須位于突出位置。(大衛(wèi)亞設(shè)，美國(guó)電視電視劇)2.2.3鼠標(biāo)和鍵盤的相應(yīng)要求應(yīng)遵循不使用鼠標(biāo)的原則。換句話說(shuō)，應(yīng)用程序的功能必須只能通過(guò)鍵盤完成。也就是說(shuō)，您還必須在設(shè)

8、計(jì)應(yīng)用程序中添加所需的按鈕和菜單項(xiàng)。2.2.4按鈕命名慣例為了保持軟件從風(fēng)格到形式的統(tǒng)一，必須統(tǒng)一規(guī)范按鈕的顯示名稱。除非有特殊要求，否則AE系統(tǒng)必須在每個(gè)應(yīng)用程序中使用TBitBtn作為統(tǒng)一按鈕控件，所有按鈕顯示名稱必須使用中文。圖表必須統(tǒng)一。按鈕的顯示名稱也使用可能的動(dòng)詞，常用的按鈕名稱如下：確定、刪除、取消、退出、后退、下一步、幫助文檔、打印、新建、打開(kāi)、保存、另存為、剪輯、添加、撤消、更新、應(yīng)用、全選、復(fù)制、剪切、復(fù)制2.2.5快捷方式規(guī)范菜單項(xiàng)的重要功能必須提供快捷鍵。快捷鍵名稱遵循Windows習(xí)慣。其中：(a)使用Alt中文名字拼音首字母的AE系統(tǒng)軟件特有功能(b)面向事務(wù)的組合

9、包括Ctrl-D刪除Ctrl-F查找Ctrl -H替換：插入Ctrl-ICtrl-N打開(kāi)新唱片Ctrl-S保存Ctrl-O；背(c)編輯Ctrl-A全選粘貼Ctrl-C副本Ctrl-V；Ctrl-X剪切；Ctrl-Z撤消操作；Ctrl-Y恢復(fù)操作。背(d)檔案工作Ctrl-P打印關(guān)閉Ctrl-W。背(e)系統(tǒng)菜單Alt-F檔案Alt-E剪輯Alt-T工具Alt-w窗口；Alt-h幫助文檔。背(6) MS Windows保留密鑰按Ctrl-Esc任務(wù)列表Ctrl-F4關(guān)閉窗口。Alt-F4應(yīng)用程序節(jié)目退出；Alt-Tab以下應(yīng)用節(jié)目；Enter默認(rèn)按鈕/確認(rèn)操作；Esc取消按鈕/取消操作；背2.

10、2.6圖標(biāo)大小規(guī)范快捷按鈕使用32*32圖標(biāo)大小。數(shù)據(jù)樹(shù)中使用的數(shù)據(jù)類型圖標(biāo)大小為16*16。2.2.7向?qū)?向?qū)?使用規(guī)范對(duì)于應(yīng)用程序中的某些固定處理流程，用戶必須按指定的順序輸入作業(yè)信息。要獲得操作用戶所需的說(shuō)明，應(yīng)用節(jié)目軟件必須提供使用向?qū)Р⒅笇?dǎo)用戶使用。固定流程是相對(duì)穩(wěn)定的處理流程，處理流程是至少三個(gè)處理步驟。2.3系統(tǒng)反應(yīng)時(shí)間規(guī)格系統(tǒng)響應(yīng)時(shí)間包括兩個(gè)茄子方面：時(shí)間長(zhǎng)度和時(shí)間的變性。系統(tǒng)響應(yīng)時(shí)間應(yīng)該適中，系統(tǒng)響應(yīng)時(shí)間過(guò)長(zhǎng)可能會(huì)使用戶不安和沮喪，響應(yīng)時(shí)間太短可能會(huì)加快操作速度，從而導(dǎo)致錯(cuò)誤。對(duì)于系統(tǒng)響應(yīng)時(shí)間，請(qǐng)遵守以下原則：反應(yīng)時(shí)間長(zhǎng)度介面設(shè)計(jì)0-10秒鼠標(biāo)顯示為沙漏10-18秒處理進(jìn)度

11、以微幫助文檔(Hint)表示超過(guò)18秒顯示處理窗口或顯示進(jìn)度條長(zhǎng)時(shí)間處理結(jié)束的時(shí)候。必須提供完成警告消息響應(yīng)時(shí)間的可變性介面設(shè)計(jì)用戶無(wú)法感覺(jué)到不考慮用戶有點(diǎn)感覺(jué)提供對(duì)輕微幫助(Hint)牙齒可變性的說(shuō)明波動(dòng)性大，時(shí)間絕對(duì)不同。顯示自適應(yīng)提示2.4用戶支持設(shè)施規(guī)格常用的幫助文檔設(shè)施有兩種茄子類型：集成和附加。集成的幫助文檔設(shè)施從一開(kāi)始就設(shè)計(jì)在軟件中，允許用戶根據(jù)上下文直接選擇與要執(zhí)行的任務(wù)相關(guān)的項(xiàng)目。整合幫助文檔設(shè)施可以縮短用戶獲得幫助的時(shí)間，提高界面的便利性。額外的幫助設(shè)施是在系統(tǒng)建設(shè)后添加的。通常是查詢功能弱的聯(lián)機(jī)幫助。需要AE系統(tǒng)的應(yīng)用程序軟件提供了根據(jù)以下規(guī)范設(shè)計(jì)和實(shí)施的兩個(gè)茄子幫助文檔

12、設(shè)施：1、在系統(tǒng)交互時(shí)提供某些幫助文檔功能。即，它提供了有關(guān)主要任務(wù)的幫助。2、用戶可以通過(guò)“幫助文檔”菜單、F1鍵和幫助文檔按鈕(如果有)訪問(wèn)幫助。3、表示幫助時(shí)，可以根據(jù)需要選擇三種茄子方法：其他西餐、微型幫助文檔和說(shuō)明。參考一份文件。4、用戶返回正常交互的方法有兩個(gè)茄子選項(xiàng)：返回鍵和功能鍵。5、構(gòu)建幫助文檔信息：使用分層幫助文檔。6、提供微型幫助文檔：狀態(tài)欄上提供的或控件的提示文本。2.5錯(cuò)誤信息和警告規(guī)范錯(cuò)誤消息和警告是出現(xiàn)問(wèn)題時(shí)系統(tǒng)提供的提示消息。對(duì)于錯(cuò)誤消息和警報(bào)，AE系統(tǒng)應(yīng)用程序必須符合以下規(guī)范：1、信息用用戶能理解的術(shù)語(yǔ)描述。2、信息應(yīng)提供有關(guān)如何從錯(cuò)誤中恢復(fù)的建設(shè)性意見(jiàn)。3、信息必須指出可能發(fā)生錯(cuò)誤的壞結(jié)果，用戶才能確認(rèn)是否發(fā)生了這種情況解決情況或幫助用戶更正