【正文】 ol，并由第二步幫助 幫助文檔： 結(jié)構(gòu)化，按功能模塊劃分。 2：界面原型設(shè)計過程中，與開發(fā)人員共同修改、商榷最終表現(xiàn)樣式，以及確立 UI 標準。 l 當屏幕有多個編輯 區(qū)域，要以視覺效果和效率來組織這些區(qū)域 邏輯上相關(guān)聯(lián)的控件應(yīng)當加以組合以表示其關(guān)聯(lián)性，反之，任何不相關(guān)的項目應(yīng)當分隔開。 顏色的前后一致會使整個應(yīng)用軟件有同樣的觀感，反之會讓用戶覺得所操作的軟件雜亂無章，沒有規(guī)則或言。從外觀上來說，通常窗口是由標題、邊框、菜單、工作區(qū)、滾動條等組成。以下幾點標準可作為在軟件系統(tǒng)中鼠標設(shè)計的參考： 過程中，可以識別鼠標操作 ，仍能夠正確識別 ，能夠正確識別每個按鈕所要完成的功能 、處理指示器和識別指針隨操作恰當?shù)母淖? ，鼠標指針停留在選中內(nèi)容上，而不會滑動 ，如用水漏表示系統(tǒng)忙，用手型表示可以點擊等 ，取消右 鍵后該菜單隱藏 ，盡量使用系統(tǒng)標準，杜絕出現(xiàn)重復的情況 六、 GUI文字的標準 文字在視覺上向用戶傳達各種信息，界面文字包括界面文字的字體和界面文字的用語兩個方面，那這兩方面都有哪些要求呢？以下分別闡述。因為灰色調(diào)在不同的光照條件下容易被識別，且避免了色盲用戶在使用窗體時帶來的不便。界面的平衡原則推薦顯示屏幕總體性覆蓋度不超過 40％，而分組中屏幕覆蓋度不超過 20％。選擇簡單而永久的結(jié)構(gòu)以便操作員能夠快速了解如何打開界面。層面 1 是總覽界面。 4．文字的應(yīng)用 界面設(shè)計中常用字體有中文的宋體、楷體，英文的扭鍆等，因為這些字體容易辨認、可讀性好考慮到一致性，控制臺軟件界面所有的文本都選用中文宋體，文字的大小根據(jù)控件的尺寸選用了大小兩種字號，使顯示信息清晰并保證風格統(tǒng)一。人眼對顏色的反應(yīng)比對文字的反應(yīng)要快，所以不同的信息用顏色來區(qū)別比用文字區(qū)別的效果要好。 使用顏色時應(yīng)注意幾點： （ 1）限制同時顯示的 顏色數(shù)一般同一界面不宜超過 4 或 5 種，可用不同層次及形狀來配合顏色增加的變化。把使用頻率高和需要在緊急情況下使用的一些操作，如 “電源控制 ”、 “工作效能評估 ”等設(shè)計成快捷方式，以實現(xiàn)界面的簡潔和高效。因此在編寫應(yīng)用程序的時候加入錯誤判斷機制，使程序能及時地檢測錯誤操作。 （ 5）盡量將所控制的設(shè)各對象的重要參數(shù)信息直接反映在主界面上，并且按照人機交互頻率及其重要性要求，排布它們在界面上的顯示位置。因此科學合理地協(xié)調(diào)上述兩種界面操作方式的配合是非常重要的一環(huán)，必要時要設(shè)計以圖標對話操作為主的交互界面與以控制命令語句輸入為主的交互界面的二重用戶界面，用戶可以根據(jù)需要進行切換操作。人機界面設(shè)計首先要確立用戶類型。系統(tǒng)要設(shè)計有恢復出錯現(xiàn)場的能力，在系統(tǒng)內(nèi)部處理工作要有提示，盡量把主動權(quán)讓給用戶。 ② 圖形：擅長表達思想輪廓及蘊含與大量數(shù)值數(shù)據(jù)內(nèi)的趨向性信息，在空間信息方面有 較大優(yōu)勢。而一些直觀的信息 (圖形、圖像等 )介于兩者之間，適于綜合階段。人類認識客觀事物，主要就是通過感覺、知覺、注意、記憶、思維想象等來進行，因此，凡是研究人的認識心理過程的，都屬于認識心理學。思維的結(jié)果或被存儲起來，或送至動作處理器控制行動。 根據(jù)用戶心理學和認知科學，提出了如下基本原則指導人機界面交互設(shè)計。界面設(shè)計應(yīng)通過任務(wù)提示和反饋信息來指導用戶，做到 “以用戶為中心 ”。 （ 2）由可視化的內(nèi)容顯示不可見的內(nèi)容。 以上 5 點具體體現(xiàn)了 “由易而難，逐步強化。 （ 2）狀態(tài) (Status)：告訴用戶正處于系統(tǒng)的什么位置，避免用戶在錯誤環(huán)境下發(fā)出了語法正確的命令。 數(shù)據(jù)輸入界面往往占終端用戶的大部分使用時間，也是計算機系統(tǒng)中最易出錯的部分之一。對刪除必須再一次確認，對致命錯誤，要警告并退出。 數(shù)據(jù)輸入界面可通過對話設(shè)計方式實現(xiàn)，若條件具備盡可能采用自動輸入。屏幕上所有對象，如窗口、按鈕、菜單等處理應(yīng)一致化，使對象的動作可預(yù)期。畫面應(yīng)對稱，顯示命令、對話及提示行在一個應(yīng)用系統(tǒng)的設(shè)計中盡量統(tǒng)一規(guī)范 。 ③ 信息內(nèi)容。對象顏色應(yīng)盡量不同，前景色宜鮮艷一些，背景則應(yīng)暗淡。衡量界面在幫助用戶完成任務(wù)時的滿意程度，這點只能從用戶調(diào)查表中獲取數(shù)據(jù)。以用戶滿意程度，發(fā)現(xiàn)問題多少及使用興趣來衡量。 （ 3）調(diào)查方法。 （五） —— 界面評測示例與分析 從目標表達是否清晰，準確。這一重大轉(zhuǎn)變使計算機的可用性問題變得日益突出起來。 (4)交互方式與設(shè)備 : 新的輸入／輸出設(shè)備和設(shè)備運用策略，包括視覺、聲音、觸覺、姿態(tài)等通信模態(tài)及多種模態(tài)的集成。由于大多數(shù)應(yīng)用軟件用于交互系統(tǒng)，而且許多軟件的工作量是為實現(xiàn)用戶界面，所以重復編程浪費了時間和人力。 ： 多方面適用且可重用的界面模塊，既與用戶聯(lián)系，又與應(yīng)用軟件聯(lián)系。 形式化技術(shù)的不同點在于它們的表達能力和靈活性，但總的目的是向人們演示，對話行為可作有限的描述。 以用戶為中心的設(shè)計方法： ——用戶應(yīng)當積極主動加入設(shè)計過程，并進入設(shè)計組共同進行決策。 人機界面設(shè)計下一代方法是交互的集成方法。 人機界面的總結(jié) 隨著人機界面在計算機容量、網(wǎng)絡(luò)技術(shù)、圖形技術(shù)、多媒體技術(shù)以及新型輸入輸出設(shè)備方面的迅速發(fā)展，將使今后的人機界面具有一些新的特點： （ 1）人與計算機的交互操作變得更接近于同現(xiàn)實世界的交互操作，為減輕人 在交互作用上的認識負擔和更多地利用人從演化和經(jīng)歷中獲得的自然技能提供了新的可能性。 人機界面設(shè)計方法的改進 人機界面設(shè)計是系統(tǒng)設(shè)計過程的一部分，所以必須結(jié)合到現(xiàn)代系統(tǒng)開發(fā)方法中去。 ，實現(xiàn)可重用性。 的簡單開發(fā)工具 屏幕描繪儀，屏幕設(shè)計工具。如：虛擬現(xiàn)實、智能輔導系統(tǒng)、信息檢索、 Inter/WWW、 CAD/CAM、專家系統(tǒng)過程控制、決策支持等。 八十年代以來，人機界面的研究有了前所未有的發(fā)展，微型計算機的迅速普及為此起了重要的推動作用。而下一代則是交互多媒體集成方法，需要大量使用語言，自然語言和高級圖形，也可使用其它交互媒體，如人的動作、手勢和三維圖像等。 另一種不同于經(jīng)驗方法的是形式化方法。 （ 2）監(jiān)測方法。從系統(tǒng)開始使用一段時間后，錯誤率下降情況、完成任務(wù)時間減少的情況、正確調(diào)用設(shè)備及命令的情況以及用戶知識增加的狀況來衡量。 控制會話設(shè)計 菜單界面設(shè)計 功能鍵設(shè)計 圖標設(shè)計 窗口設(shè)計 直接操作界面 命令語言界面設(shè)計 （四） —— 界面設(shè)計與評價 評價是人機界面設(shè)計的重要組成，應(yīng)該在系統(tǒng)設(shè)計初期就進行，或在原型期就進行，就能及早發(fā)現(xiàn)設(shè)計缺陷，避免人力、物力浪費。 （ 3）顏色的使用 顏色的調(diào)配對屏幕顯示也是重要的一項設(shè)計，顏色除是一種有效的強化技術(shù)外，還具有美學價值。避免使用計算機專業(yè)術(shù)語；盡量用肯定句而不要用否定句；用主動語態(tài)而不用被動語態(tài)；用禮貌而不過分的強調(diào)語句進行文字會話；對不同的用戶，實施心理學原則使用用語；英文詞語盡量避免縮寫；在按鈕，功能鍵標示中應(yīng)盡量使用描述操作的動詞；在有關(guān)鍵字的數(shù)據(jù)輸入對話和命令語言對話中采用縮碼作為略 語形式；在文字較長時，可用壓縮法減少字符數(shù)或采用一些編碼方法。 ④ 順序原則。 無論哪一種功能設(shè)計，其屏幕布局都應(yīng)遵循如下五項原則： ① 平衡原則。 （ 5）按用戶速度輸入和自動格式化。 （ 2）使界面具有預(yù)見性和一致性。 （ 6）求助（ Help）：盡可能 提供聯(lián)機在線幫助。例如，菜單提供了層次結(jié)構(gòu)，圖標則是直接存取，也可以是層次的，而命令語言可提供網(wǎng)絡(luò)也可提供直接存取機制。 （ 4）合理運用再認與再憶，減少用戶短期記憶的負擔。界面設(shè)計要用最少的支持用戶所必須步驟來實現(xiàn)一個操作。在用戶期望和界面設(shè)計的現(xiàn)實之間要兼容，要基于用戶以前的經(jīng)驗。在某種程度上說，抽掉了 “信息 ”的概念，認知心理學的理論也就會散架解體，難以存在。 看和聽的過程構(gòu)成知覺，圖像和聲音作為刺激的特征被接收并以抽象的方式被編碼，把輸入和記憶中的信息進行對比得出對刺激的解釋，這一過程就是認知。多種媒體應(yīng)密切相關(guān)，扣緊一個表現(xiàn)主題，而不應(yīng)把不相關(guān)的媒體內(nèi)容拼湊在一起。 ⑥ 姿態(tài)與動作：在與別的媒體結(jié)合時具有較強的信息引用能力，可以在相關(guān)信息之間建立起時間、空間以及邏輯上的聯(lián)系。 任務(wù)設(shè)計之后，要決定界面類型。 （ 2）信息最小量原則。對于不符合正常運行操作或邏輯順序的控制信息輸入要給出提示或 警告信息，按分類和級別拒絕執(zhí)行或等待進一步確認后才執(zhí)行。在現(xiàn)場操作人員能夠且較容易接受的情況下，適宜于以減少界面上圖標的數(shù)量和大小來換取直接監(jiān)控對象的參數(shù)可能性及數(shù)量。簡短的操作命令，便于快速輸人和執(zhí)行控制信息。在使用圖標按鈕的界面設(shè)計中使用提示標簽可以避免因用戶不熟悉界面設(shè)置而造成的 誤操作。 圖形和圖標能形象地傳達信息，這是文本信息達不到的效果。所以，紅色、黃色、草綠色等耀眼的色彩不能應(yīng)用于背景色。交互文本是人與計算機以及計算機與總控制臺等系統(tǒng)交互信息所需要的文本，包括輸人文本和輸出文本。該層面還顯示了報警對應(yīng)的設(shè)各對象。用一級按鈕控制二級按鈕的彈出和隱藏保證了界面的簡潔。各級按鈕的大小、凹凸效果和標注字體、字號都保持一致，按鈕的顏色和界面底色保持一致。 圖 1 典型的工控界 2．系統(tǒng)界面布局分析 人 機界面的布局設(shè)計根據(jù)人體工程學的要求應(yīng)該實現(xiàn)簡潔、平衡和風格一致。因為位圖按鈕可在操作中實現(xiàn)高亮度、突起、凹陷等效果，使界面表現(xiàn)形式更靈活，同時可以方便用戶對控件的識別。那么圖標的設(shè)計當中應(yīng)該著重考慮哪些問題呢，以下提供幾點可供參考： ，輪廓清晰的圖標可保證圖像在不同背景色上都具有較好的效果 。 如 Tab 鍵的習慣用法是閱讀順序從從左到右，從上到下。除非特殊場合，杜絕使用對比強烈，讓人產(chǎn)生憎惡感的顏色 同的顏色 、顯卡、操作系統(tǒng)等原因顯示出不同的色彩 、色弱用戶，可以使用特殊指示符 、顯卡、操作系統(tǒng)等原因顯示出不同的色彩 、色弱用戶，可以使用特殊指示符 三、 GUI風格的一致性 界面的一致性既包括使用標準的控件，也指相同的信息表現(xiàn)方法，如在字體、標簽風格、顏色、術(shù)語、顯示錯誤信息等方面確保一致。確立界面標準的好處： 1. 便于用戶操作：戶使用起來能夠建立起精確的心里模型，使用熟練了一個界面后，切換到另外一個界面能夠很輕松的推測出各種功能 2. 使用戶感覺到統(tǒng)一、規(guī)范，在使用軟件的過程中愉快輕松的完成操作，提高對軟件的認知 3. 降低培訓、支持成本，不必花費較多的人力對客戶進行逐個指導 二、 GUI布局的合理性 界面的合理性是指界面是否與軟件功能相 融洽，界面的顏色和布局是否協(xié)調(diào)等。描述公司信息目的是為了方便用戶在沒有辦法的情況下找到售后支持，網(wǎng)址連接、信箱地址、電話號碼絕對不允許無效 。 ) 如：改變標題欄字符串，顯示 “ 信息：提交成功 ”, 或者專門設(shè)置一個狀態(tài)欄、 TLable 等用來進行提示。 3：彈出 菜單 輔助菜單必須在可視化界面上擁有對應(yīng)的按鈕或者菜單選項。 Acceleratoramp。以免用戶產(chǎn)生誤解。 行與行之間間距相同，靠窗體 Border 距離應(yīng)大于行間間距 (間距加邊緣留空 )。 很多人為了寫程序方便，喜歡把一個控件在不同情況下做不同功能用，這些對用戶初次理解增加難度，只有用戶熟悉后才能理解。 3：警告、信息、錯誤 使用對應(yīng)的表示方法。 系統(tǒng)大小字體屬性改變的處理。 3：底圖應(yīng)該融于底圖，使用淺色 , 低對比，盡量少的使用顏色。 5：遵循對比原則：在淺色背景上使用深色文字，深色背景上使用淺色文字，藍色文字以白色背景容易識別，而在紅色背景則不易分辨，原因是紅色和藍色沒有足夠反差，而藍色和白色反差很大。重復疊代上述工作。 3：給用戶統(tǒng)一感覺，不覺得混亂，心情愉快，支持度增加?，F(xiàn)場控制器直接面向生產(chǎn)和設(shè)備，通常為了快速啟動、控制和運行，所設(shè)置的控制口令簡短，訪問權(quán)限和密碼較少，因而容易產(chǎn)生誤操作，直接危及生產(chǎn)安全和可靠性。 （ 6）減少和避 免二級菜單操作和控制。例如，對于有順序要求的一系列操作，用設(shè)置和判斷變量狀態(tài)的方式實現(xiàn)其功能的連鎖，如果用戶不按照規(guī)程進行操作，程序就不執(zhí)行下一步操作并顯示出錯信息。 （ 2）設(shè)置操作提示。中性顏色（如淺灰色）往往是最好的背景顏色，淺色具有跳到面前的傾向，而黑色則使人感到退到了背景之中。在特定的區(qū)域，不同顏色的使用效果是不同的?？刂婆_人機界面中應(yīng)用的文本有兩類：標注文本和交互文本。層面 2 是過程界面。為了在提供足夠的信息量的同時保證界面的簡明， 在設(shè)計上采用了控件分級和分層的布置方式 。對于不同位置上多組控件，各組也是左對齊 2．系統(tǒng)界面布局分析 人機界面的布局設(shè)計根據(jù)人體工程學的要求應(yīng)該實現(xiàn)簡潔、平衡和風格一致。但考慮到大多數(shù)用戶對于標準 Windows 系統(tǒng)較熟悉，在界面設(shè)計中盡量兼容標準 Windows 界面的特征。因為灰色調(diào)在不同的光照條件下 容易被識別，且避免了色盲用戶在使用窗體時帶來的不便 ?？蓪⒔缑嬖O(shè)計為循環(huán)，如果運行大量界面，必須設(shè)計