【導(dǎo)讀】豈論是控件使用，提示音訊措辭，還是顏色、窗口布局風(fēng)致，遵循同一的法度模范，做到真正的一致。項(xiàng)目組有經(jīng)驗(yàn)人士，確立UI典型：學(xué)習(xí)印刷管理軟件?？丶в米裱袠I(yè)法度模范，windows平臺(tái)參見《Microsoft用戶體驗(yàn)》(MSDN中有，中文曾經(jīng)翻。參考其他軟件進(jìn)步前輩操作，提取對本項(xiàng)目有用的效用，以使用，完全不能順從，漫無目的。界面踐諾人員與美工商榷控件可告竣性!(如不實(shí)行此步驟，將會(huì)招致各自對對方職責(zé)滿意意，也會(huì)。爆發(fā)不一致的紊亂)。反復(fù)疊代上述職責(zé)。建立合理化文檔《UI法度模范》描述上述典型，強(qiáng)行界面打算者理解之，并作為開發(fā)準(zhǔn)則，SQA人員舉行監(jiān)控開發(fā)人員能否遵循，及時(shí)申飭開發(fā)人員。"著重號，事實(shí)上天跡設(shè)計(jì)印刷。和紅色反差很大。滿堂法度模范參考美術(shù)學(xué)統(tǒng)計(jì)學(xué)術(shù)法度模范。全不愿意畫出默許離奇的圖案。有打算好的同一風(fēng)致的控件，借使沒有能力打算出一套控件，則使用法度模范控件，完全不能不正經(jīng)，

　　

【正文】 為窗口設(shè)計(jì)單位，導(dǎo)致改變大字體后，出現(xiàn)版面混亂的問題。這個(gè)情況下，應(yīng)該做相應(yīng)處理： 1：寫程序自動(dòng)調(diào)節(jié)大小，點(diǎn)陣值乘以一個(gè)相應(yīng)比例 2：全部采用點(diǎn)陣作為單位，不理會(huì)系統(tǒng)字體的調(diào)節(jié) ，這樣可以減少調(diào)節(jié)大字體帶來的麻煩。 BCB/DELPHI中多采用這種方法，但是必然結(jié)果是和系統(tǒng)不統(tǒng)一。五： (Text)文字表達(dá)提示信息、幫助文檔文字表達(dá)遵循以下準(zhǔn)則： 1：口語化、客氣、多用您、請，不要用或少用專業(yè)術(shù)語，杜絕錯(cuò)別字 2：斷句逗號句號頓號分號的用法， \r\n 提示信息比較多的話，應(yīng)該分段， 3：警告、信息、錯(cuò)誤 使用對應(yīng)的表示方法 4：使用統(tǒng)一的語言描述，例如一個(gè)關(guān)閉功能按鈕，可以描述為退出、返回、關(guān)閉，則應(yīng)該統(tǒng)一規(guī)定。 5: 根據(jù)用戶不同采用相應(yīng)的詞語語氣語調(diào)，如專用軟件，可以出現(xiàn)很多專業(yè)屬于，用戶為 兒童：這可以語氣親切和藹，老年用戶則應(yīng)該成熟穩(wěn)重。制定標(biāo)準(zhǔn)遵循之。六：(STYLE)控件風(fēng)格，不要使用錯(cuò)誤控件，控件功能要專一有設(shè)計(jì)好的同一風(fēng)格的控件，如果沒有能力設(shè)計(jì)出一套控件，則使用標(biāo)準(zhǔn)控件，絕對不能不倫不類，雜亂無章不要錯(cuò)誤使用控件例如：使用Button樣式做 TTable的功能，拿主菜單條顯示版權(quán)信息統(tǒng)一類型的控件操作方式相同例如一個(gè)控件雙擊可以執(zhí)行某些動(dòng)作，而同樣控件，雙擊卻沒有任何反映一個(gè)控件只做單一功能，不復(fù)用很多人為了寫程序方便，喜歡把一個(gè)控件在不同情況下做不同功能用，這些對用戶初次理解增加難 度，只有用戶熟悉后才能理解。例如 :改變紅色選項(xiàng)，左邊的參數(shù)代表不同的設(shè)置，可能由于為了節(jié)省控件或者編程量，但是只有熟練用戶才回使用，這種情況下解決方法： 1:分組，使用雙份控件 .2：使用 TABLE頁，給用戶很明顯的視覺變化七： (ALIGN)控件布局，窗口不擁擠，按功能組合控件 1：屏幕不能擁擠擁擠的屏幕讓人難以理解，因而難以使用。試驗(yàn)結(jié)果 (Mayhew,1992年 )屏幕總體覆蓋度不應(yīng)該超過 40％，而分組鐘覆蓋度不應(yīng)該超過 62％。讓人看上去，不能太擁擠，也不能太松散。整個(gè)項(xiàng)目，采用統(tǒng)一的控件間距，通過調(diào)整窗體大 小達(dá)到一致，即使在窗體大小不變的情況下，寧可留空部分區(qū)域，也不要破壞控件間的行間距。 2：區(qū)域排列一行控件，縱向中對齊 , 控件間距基本保持一致行與行之間間距相同，靠窗體 Border距離應(yīng)大于行間間距 (間距加邊緣留空 )。當(dāng)屏幕有多個(gè)編輯區(qū)域，要以視覺效果和效率來組織這些區(qū)域。 3：數(shù)據(jù)對齊要適當(dāng)說明文字，中文版應(yīng)使用中文全角冒號，縱向?qū)R時(shí)，并按冒號右對其，如圖。縱向控件寬度盡量保持相通。并左對齊。例如金額等字符穿應(yīng)根據(jù)小數(shù)點(diǎn)對齊，或者右對齊 4：有效組合邏輯上相關(guān)聯(lián)的控件應(yīng)當(dāng)加以組合，以表示其關(guān)聯(lián)性，反之，任何不 想光的項(xiàng)目應(yīng)當(dāng)風(fēng)格開，在項(xiàng)目集合間，用間隔對其進(jìn)行分組，或者使用方框劃分各自區(qū)域。例如： 以下界面，選擇搜索方式來判斷號碼范圍是表示主叫號碼范圍還是被叫號碼范圍，和入帳方式無關(guān)，則應(yīng)該修改為： 搜索方式和入帳方式調(diào)換位置。以免用戶產(chǎn)生誤解。 5：窗口縮放時(shí)，控件位置、布局：為了使界面不出現(xiàn)跑版或者難看的局面，解決方法： 1：固定窗口大小，不允許改變尺寸， 2：改變尺寸的窗口，在 Onsize的時(shí)候做控件位置、大小的相應(yīng)改變。 BCB/DELPHI的 VCL中，大部分控件有布局屬性：某些控件擁有 alignment屬性，可 以用來做布局調(diào)節(jié)： TcustomPanel，Tmemo等，考左靠右靠上靠下以及撐滿 (Client)屬性，用來根據(jù)版面自動(dòng)調(diào)節(jié)。大部分控件有屬性Anchors，里面上下左右 akLeft, akTop等如果為 true，則表示相對各個(gè)邊緣的距離是否改變。這個(gè)可以進(jìn)一步設(shè)計(jì)好排版工作。八： (TAB ORDER)TAB順序習(xí)慣用法，閱讀順序，從從左到右，從上到下窗體中控件的 Tab按鍵激活順序， TabOrder,. BCB/DELPHI中使用窗體設(shè)計(jì)右鍵菜單選擇 taborder設(shè)置， VC中窗體 RES編輯區(qū)域使用 ctrl+D九： (ShortcutKey amp。 Acceleratoramp。 PopMenu)快捷鍵、加速鍵和彈出菜單快捷鍵： 1：全局快捷鍵菜單中加以描述 CTRL+XXX 并入幫助列表。 2：快捷鍵寫入幫助，特殊說明，并在使用培訓(xùn)時(shí)強(qiáng)調(diào)使用加速鍵： 1：使用非破壞性缺省按鈕，回車、 ESC鍵的正確使用一個(gè)窗體，有默認(rèn)加速鍵，如回車表示激活當(dāng)前窗口設(shè)置為 default的按鈕動(dòng)作， esc表示關(guān)閉窗口。在調(diào)用 default按鈕動(dòng)作和關(guān)閉動(dòng)作時(shí)候，不應(yīng)該做有破壞性的操作，避免用戶錯(cuò)誤操作產(chǎn)生危害程度，例如不能把刪除數(shù) 據(jù)等功能的按鈕作為缺省按鈕。當(dāng)用戶要提交很多數(shù)據(jù)時(shí)，應(yīng)該屏蔽 esc，或者做退出提示，告誡用戶是否保存提交。 2：可接收動(dòng)作控件必須擁有加速鍵，統(tǒng)一加速鍵描述 (amp。A)為結(jié)合鍵盤使用，可操作控件都應(yīng)該有加速鍵，加速鍵定義準(zhǔn)則，為英文單詞第一個(gè)字母，如果同一窗體重復(fù)則用第二個(gè)字母，以此類推，則加速方式為 alt+這個(gè)加速鍵，用統(tǒng)一的方法標(biāo)識(shí)在界面中，如 XXX(A) 或者 wps的 英文可直接在字母下標(biāo)識(shí)下劃線 Cancel，對于無法像 button一樣顯示快捷鍵的 Edit等控件，則在 Edit描述的 Label中顯示快捷鍵。彈出菜單輔助菜單必須在可視化界面上擁有對應(yīng)的按鈕或者菜單選項(xiàng)。由于輔助菜單由用戶點(diǎn)擊鼠標(biāo)左右鍵或者別的動(dòng)作才能調(diào)出來顯示給用戶。無法清晰的顯示給用戶，所以對應(yīng)選項(xiàng)應(yīng)該可以通過別的途徑得到 ,例如界面上有相應(yīng)控件或彈出右鍵菜單的按鈕等。十：(ACTION)用戶交互 1： disable而不是 not visible要使一個(gè)功能有時(shí)允許有時(shí)不允許用戶使用，則這個(gè)控件的不能隨便隱藏，應(yīng)該使用 disable屬性進(jìn)行表示，以免用戶發(fā)現(xiàn)控件失蹤后措手無策 2：窗口彈出位置要明顯點(diǎn)擊一個(gè)控件，彈出窗口或者菜單， 應(yīng)該給人明顯提示，最低要求是覆蓋剛才點(diǎn)擊的位置，讓用戶輕松跳轉(zhuǎn)到新的界面。 3：執(zhí)行動(dòng)作要提示給用戶一個(gè)視覺感受的同時(shí)，寫程序的時(shí)候應(yīng)該注意用戶的交互感受， UI作為人機(jī)對話的工具，用戶做了任何動(dòng)作，應(yīng)該給用戶一個(gè)視覺或者聽覺、觸覺提示。而且這個(gè)提示應(yīng)該行明顯，但不應(yīng)提示過長，可以有以下幾種方法：當(dāng)用戶點(diǎn)擊按鈕等動(dòng)作進(jìn)行一個(gè)工作時(shí)： (1) 彈出交互對話框讓用戶點(diǎn)擊確認(rèn)。 (2) 改變 UI中控件參數(shù)提示：(處理不用用戶確認(rèn)的提示，有一定延時(shí)，或者用戶按鍵后自動(dòng)清除。 )如：改變標(biāo)題欄字符串，顯示 “信息：提交成功 ”,或 者專門設(shè)置一個(gè)狀態(tài)欄、 TLable等用來進(jìn)行提示。 (3) 聽覺提示：在確定有聲卡，用戶可以聽到聲音的時(shí)候，發(fā)出特殊聲音提示。一般作為重要提示的輔助。聲音不應(yīng)過長，緊急錯(cuò)誤提示應(yīng)該短促，頻率較高，成功提示應(yīng)該舒緩，輕松。等等 ……十一： (HELP)聯(lián)機(jī)幫助什么時(shí)候要幫助，什么時(shí)候不要幫助 1：系統(tǒng)默認(rèn)、行業(yè)標(biāo)準(zhǔn)的控件操作不需要逐一描述，只需要對特殊控件加以描述 2：特殊操作、特殊功能界面，在界面上加控件直接連接到對應(yīng)的 HELP文件中 3：特殊設(shè)置詳細(xì)，應(yīng)該在界面上用簡潔明了的語句說明，或者是好用 Tiptool，并由第 二步幫助幫助文檔：結(jié)構(gòu)化，按功能模塊劃分必須闡述功能通過什么方法可以在軟件中實(shí)現(xiàn)幫助文件是幫助用戶更好的使用軟件，措辭要恰當(dāng)、簡捷、通俗易懂 ,每一句話都應(yīng)該有目的，幫用戶解決問題幫助文件不是廣告、商業(yè)軟件不允許打廣告。描述公司信息目的是為了方便用戶在沒有辦法的情況下找到售后支持，網(wǎng)址連接、信箱地址、電話號碼絕對不允許無效。十二：發(fā)行時(shí)闡明規(guī)則對統(tǒng)一的東西進(jìn)行逐一闡述，并加以典型描述，放入 HELP和用戶手冊中，同時(shí)加有詞匯表附錄：美工何時(shí)參與進(jìn)來：美工作為界面美化的主要人員，不但擁有藝術(shù)設(shè)計(jì)、包裝設(shè)計(jì)的才能， 還應(yīng)該穿插整個(gè)項(xiàng)目，給界面程序設(shè)計(jì)人員提出系統(tǒng)參考意見。 1：軟件設(shè)計(jì)前期，美工參與需求了解，分析同類軟件界面有缺點(diǎn)，提出主色調(diào)、典型界面風(fēng)格、以及構(gòu)思整個(gè)美術(shù)包裝等。 2：界面原型設(shè)計(jì)過程中，與開發(fā)人員共同修改、商榷最終表現(xiàn)樣式，以及確立 UI標(biāo)準(zhǔn)。 3：程序開發(fā)過程中，提供標(biāo)準(zhǔn)風(fēng)格的資源文件（ icon,cur,bmp等），并總結(jié)出統(tǒng)一風(fēng)格的資源的設(shè)計(jì)過程，形成規(guī)范文檔 * .4：產(chǎn)品化方面，協(xié)助制作幫助文件、網(wǎng)站風(fēng)格以及參與制作，制作附帶宣傳圖片、動(dòng)畫、產(chǎn)品包裝、海報(bào)等。/*****************************************************************************************************************************（ 1）用戶原則。人機(jī)界面設(shè)計(jì)首先要確立用戶類型。劃分類型可以從不同的角度，視實(shí)際情況而定。確定類型后要針對其特點(diǎn)預(yù)測他們對不同界面的反應(yīng)。這就要從多方面設(shè)計(jì)分析。（ 2）信息最小量原則。人機(jī)界面設(shè)計(jì)要盡量減少用戶記憶負(fù)擔(dān)，采用有助于記憶的設(shè)計(jì)方案。（ 3）幫助和提示原則。要對用戶的操作命令作出 反應(yīng)，幫助用戶處理問題。系統(tǒng)要設(shè)計(jì)有恢復(fù)出錯(cuò)現(xiàn)場的能力，在系統(tǒng)內(nèi)部處理工作要有提示，盡量把主動(dòng)權(quán)讓給用戶。（ 4）媒體最佳組合原則。多媒體界面的成功并不在于僅向用戶提供豐富的媒體，而應(yīng)在相關(guān)理論指導(dǎo)下，注意處理好各種媒體間的關(guān)系 ,恰當(dāng)選用。（詳見媒體的選擇） ，首先應(yīng)進(jìn)行界面設(shè)計(jì)分析，進(jìn)行用戶特性分析，用戶任務(wù)分析，記錄用戶有關(guān)系統(tǒng)的概念、術(shù)語，這項(xiàng)工作可與多媒體應(yīng)用系統(tǒng)分析結(jié)合進(jìn)行，囊括于用戶分析報(bào)告里。 ，要決定界面類型。目前有多種人機(jī)界面設(shè)計(jì)類 型，各有不同的品質(zhì)和性能，下圖進(jìn)行了詳細(xì)的描述。創(chuàng)造性地使用多媒體環(huán)境，將會(huì)使應(yīng)用程序功能大大增強(qiáng)。要做到這一點(diǎn) ,需從如下兩方面考慮 :媒體的選擇 (1)媒體的功能：沒有任何一種媒體在所有場合都是最優(yōu)的，每種媒體都有其各自擅長的特定范圍，各種媒體功能參考如下： ① 文本：在表現(xiàn)概念和刻劃細(xì)節(jié)時(shí)可用表現(xiàn)。 ② 圖形：擅長表達(dá)思想輪廓及蘊(yùn)含與大量數(shù)值數(shù)據(jù)內(nèi)的趨向性信息，在空間信息方面有較大優(yōu)勢。 ③ 動(dòng)畫：可用來突出整個(gè)事物，特別適于表現(xiàn)靜態(tài)圖形無法表現(xiàn)的動(dòng)作信息。④ 視頻影像：適于表現(xiàn)其它媒體所難以表現(xiàn)的來自真實(shí)生活的事件和情 景。 ⑤ 語音：能使對話信息突出，特別是在于影像，動(dòng)畫集合時(shí)能傳遞大量的信息。 ⑥ 姿態(tài)與動(dòng)作：在與別的媒體結(jié)合時(shí)具有較強(qiáng)的信息引用能力，可以在相關(guān)信息之間建立起時(shí)間、空間以及邏輯上的聯(lián)系。（ 2）媒體選擇的結(jié)合與互補(bǔ)：腳本設(shè)計(jì)可根據(jù)內(nèi)容需要分配表達(dá)的媒體，這里要特別注意媒體間的結(jié)合與區(qū)別。提出幾條原則如下： ① 人們在問題求解過程中的不同階段對信息媒體有不同需要。一般在最初的探索階段采用能提供具體信息的媒體如語音、圖像等，而在最后的分析階段多采用描述抽象概念的文本媒體。而一些直觀的信息 (圖形、圖像等 )介于兩者之間，適于 綜合階段。 ② 媒體種類對空間信息的傳遞并沒有明顯的影響，各種媒體各有所長。 ③ 媒體結(jié)合是多媒體設(shè)計(jì)中需要研究的新課題。媒體之間可以互相支持，也會(huì)互相干擾。多種媒體應(yīng)密切相關(guān)，扣緊一個(gè)表現(xiàn)主題，而不應(yīng)把不相關(guān)的媒體內(nèi)容拼湊在一起。 ④ 目前，媒體結(jié)合在技術(shù)上主要通過在一個(gè)窗口中提供多種媒體的信息片段 (空間結(jié)合 )和對聲音、語音、錄相等隨時(shí)間變化的動(dòng)態(tài)媒體加以同步實(shí)現(xiàn) (時(shí)間序列組合 )。 ⑤ 媒體資源并非愈多愈好，如何在語義層上將各種媒體很好的，結(jié)合以更有效地傳遞信息，是要很好地探索的研究課題，也是應(yīng)用系統(tǒng)人機(jī)界面設(shè)計(jì)的關(guān)鍵問 題。（二）用戶心理學(xué) ——認(rèn)知原則的應(yīng)用認(rèn)知心理學(xué)，從廣義上來說，就是關(guān)于認(rèn)識(shí)的心理學(xué)。人類認(rèn)識(shí)客觀事物，主要就是通過感覺、知覺、注意、記憶、思維想象等來進(jìn)行，因此，凡是研究人的認(rèn)識(shí)心理過程的，都屬于認(rèn)識(shí)心理學(xué)。實(shí)際上，我們這里所指的認(rèn)知心理學(xué)是指純粹采用信息加工觀點(diǎn)來研究認(rèn)知心理學(xué)過程的心理學(xué)，也就是運(yùn)用信息論以及計(jì)算機(jī)的類比、模擬、驗(yàn)證等方法來研究的的知識(shí)是如何獲得、如何存貯、如何交換、如何取使用的。所以，我們這里所指的現(xiàn)代認(rèn)知心理學(xué)實(shí)質(zhì)是信息加工心理學(xué)。一般地，人們將信息加工心理學(xué)又稱為狹義的認(rèn)知心理學(xué) 。 ，圖像和聲音作為刺激的特征被接收并以抽象的方式被編碼，把輸入和記憶中的信息進(jìn)行對比得出對刺激的解釋，這一過程就是認(rèn)知。人體信息處理器包括感官，短期記憶、長期記憶及與其相聯(lián)系的動(dòng)作處理器和認(rèn)知處理器。每種知覺均有一個(gè)對應(yīng)的短期存儲(chǔ)器和處理器，人體信息模型總體框圖如左圖 。其中認(rèn)知處理器執(zhí)行的工作就是我們通常所說的思維。思維的結(jié)果或被存儲(chǔ)起來，或送至動(dòng)作處理器控制行動(dòng)。 （ 1）現(xiàn)代認(rèn)知心理學(xué)的核心： 現(xiàn)代認(rèn)知心理學(xué)的理論實(shí)質(zhì)，就是以計(jì)算機(jī)信息加工的觀點(diǎn) 來研究人的心理學(xué)活動(dòng)，把人腦看作是一種如同計(jì)算機(jī)的信息加工系統(tǒng)。（ 2）現(xiàn)代認(rèn)知心理學(xué)兩個(gè)關(guān)鍵的重要概念： 現(xiàn)代認(rèn)知心理學(xué)的學(xué)說內(nèi)容集中體現(xiàn)在兩個(gè)關(guān)鍵的重要概念上。現(xiàn)代認(rèn)知心理學(xué)的一個(gè)重要的中心概念，就是 “信息 ”。在某種程度上說，抽掉了 “信息 ”的概念，認(rèn)知心理學(xué)的理論也就會(huì)散架解體，難以存在。 現(xiàn)代認(rèn)知心理學(xué)的另一個(gè)重要的中心概念，就是 “信息加工系統(tǒng) ”。信息加工系統(tǒng)的理論，是現(xiàn)代認(rèn)知心理學(xué)理論的主體。（ 3）現(xiàn)代認(rèn)知心理學(xué)的研究方法：現(xiàn)代認(rèn)知心理學(xué)的研究方法有實(shí)驗(yàn)法、觀察法 (包括自我觀察法 )以及計(jì)算機(jī)模擬法等。 用戶心理學(xué)和認(rèn)知科學(xué)，提出了如下基本原則指導(dǎo)人機(jī)界面交互設(shè)計(jì)。（ 1）一致性原則。即從任務(wù)、信息的表達(dá)、界面控制操作等方面與用戶理解熟悉的模式盡量保持一致。（ 2）兼容性。在用戶期望和界面設(shè)計(jì)的現(xiàn)實(shí)之間要兼容，要基于用戶以前的經(jīng)驗(yàn)。（ 3）適應(yīng)性。用戶應(yīng)處于控制地位，因此界面應(yīng)在多方面適應(yīng)用戶。（ 4）指導(dǎo)性。界面設(shè)計(jì)應(yīng)通過任務(wù)提示和反饋信息來指導(dǎo)用戶，做到 “以用戶為中心 ”。（ 5）結(jié)構(gòu)性。界面設(shè)計(jì)應(yīng)是結(jié)構(gòu)化的，以減少復(fù)雜度。（ 6）經(jīng)濟(jì)性。界面設(shè)計(jì)要用最少的支持