第8章用戶界面設(shè)計(jì)8．1用戶分類

用戶界面又稱為人機(jī)界面，是用于實(shí)現(xiàn)用戶與計(jì)算機(jī)之間的通信，以實(shí)現(xiàn)人機(jī)之間交互以及數(shù)據(jù)傳送的系統(tǒng)部件。（1）初級(jí)用戶。（2）中級(jí)用戶。（3）高級(jí)用戶。8．2用戶界面的設(shè)計(jì)目標(biāo)界面友好；增加系統(tǒng)可用性。人機(jī)界面友好的界面應(yīng)該具有以下特征：操作簡(jiǎn)單，容易學(xué)、容易掌握；界面美觀大方，操作舒適；反應(yīng)快速，響應(yīng)合理；用語(yǔ)通俗易懂，語(yǔ)義一一致。8．3用戶界面設(shè)計(jì)方法為適應(yīng)不同程度的用戶群體，一般把界面分為“高級(jí)功能”和“常用功能”來(lái)布置界面元素。（1）高級(jí)功能一般放在比較隱秘的位置。（2）常用功能一般放在很醒目的位置。1、界面的一致性2、菜單的一致性3、鼠標(biāo)與鍵盤的對(duì)應(yīng)原則

4、向?qū)褂迷瓌t

5、系統(tǒng)響應(yīng)時(shí)間

6、用戶幫助設(shè)施

7、出錯(cuò)信息警告

8、輸入界面設(shè)計(jì)

9、輸出界面設(shè)計(jì)

10、基于Web界面設(shè)計(jì)

55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)的一般問(wèn)題界面設(shè)計(jì)主要包括三個(gè)方面設(shè)計(jì)軟件構(gòu)件間的接口設(shè)計(jì)模塊和其他非人的信息生產(chǎn)者和消費(fèi)者(例如，其他外部實(shí)體)的接口設(shè)計(jì)人(例如，用戶)和計(jì)算機(jī)間的界面，即人機(jī)界面設(shè)計(jì)本節(jié)主要介紹人機(jī)界面設(shè)計(jì)55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)的一般問(wèn)題設(shè)計(jì)用戶界面常遇到四個(gè)問(wèn)題系統(tǒng)響應(yīng)時(shí)間用戶幫助設(shè)施出錯(cuò)信息處理命令交互系統(tǒng)響應(yīng)時(shí)間指從用戶完成某個(gè)控制動(dòng)作(例如按回車鍵或點(diǎn)擊鼠標(biāo))，到軟件給出預(yù)期的響應(yīng)(輸出或做動(dòng)作)之間的這段時(shí)間55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)的一般問(wèn)題用戶幫助設(shè)施應(yīng)考慮的問(wèn)題(1)在用戶與系統(tǒng)交互期間，是否在任何時(shí)間都能獲得關(guān)于系統(tǒng)任何功能的幫助信息，有兩種選擇：提供部分功能的幫助信息和提供全部功能幫助信息。(2)用戶怎樣請(qǐng)求幫助，有三種選擇：幫助菜單，特殊功能鍵和HELP命令。(3)怎樣顯示幫助信息，有三種選擇：在獨(dú)立的窗口中，指出參考某個(gè)文檔(不理想)和在屏幕固定位置顯示簡(jiǎn)短提示。(4)用戶怎樣返回到正常的交互方式，有兩種選擇：屏幕上的返回按鈕和功能鍵。(5)怎樣組織幫助信息，有三種選擇：平面結(jié)構(gòu)(所有信息都通過(guò)關(guān)鍵字訪問(wèn))，信息的層次結(jié)構(gòu)(用戶可在該結(jié)構(gòu)中查到更詳細(xì)的信息)和超文本結(jié)構(gòu)。55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)的一般問(wèn)題出錯(cuò)信息屬性(1)信息應(yīng)該以用戶可以理解的術(shù)語(yǔ)描述問(wèn)題。(2)信息應(yīng)該提供有助于從錯(cuò)誤中恢復(fù)的建設(shè)性意見(jiàn)。(3)信息應(yīng)該指出錯(cuò)誤可能導(dǎo)致哪些負(fù)面后果(例如，破壞數(shù)據(jù)文件)，以便用戶檢查是否出現(xiàn)了這些問(wèn)題，并在確實(shí)出現(xiàn)問(wèn)題時(shí)予以改正。(4)信息應(yīng)該伴隨著聽(tīng)覺(jué)上或視覺(jué)上的提示，也即在顯示信息時(shí)應(yīng)該同時(shí)發(fā)出警告聲，或者用閃爍方式顯示，或者用明顯表示出錯(cuò)的顏色顯示。(5)信息不能帶有指責(zé)色彩，即不能指責(zé)用戶。55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)的一般問(wèn)題命令交互應(yīng)考慮的問(wèn)題(1)是否每個(gè)菜單選項(xiàng)都有對(duì)應(yīng)的命令。(2)采用何種命令形式，有三種選擇：快捷鍵(例如，Ctrl+P)，功能鍵和鍵入命令。(3)學(xué)習(xí)和記憶命令的難度有多大，忘記了命令怎么辦。(4)用戶是否可以定制或縮寫(xiě)命令。在理想情況下，所有應(yīng)用軟件都有一致的命令使用方法。一般情況下，在常用的應(yīng)用軟件中采用了一致的快捷鍵來(lái)完成相同的功能，如用Ctrl+C表示復(fù)制，用Ctrl+V表示粘貼，Ctrl+S表示保存，

Ctrl+O表示打開(kāi)。55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)過(guò)程

人機(jī)界面設(shè)計(jì)是一個(gè)迭代的過(guò)程，先后涉及四個(gè)模型：設(shè)計(jì)者創(chuàng)建的設(shè)計(jì)模型、用戶模型、終端用對(duì)系統(tǒng)的假想和系統(tǒng)實(shí)現(xiàn)后的系統(tǒng)映象。

完成界面設(shè)計(jì)設(shè)計(jì)者研究評(píng)估結(jié)果創(chuàng)建原型#n界面創(chuàng)建原型#1界面用戶評(píng)估界面設(shè)計(jì)修改設(shè)計(jì)初步界面設(shè)計(jì)過(guò)程一、任務(wù)分析與創(chuàng)建設(shè)計(jì)模型55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)過(guò)程界面設(shè)計(jì)首先要完成下列工作(1)確定任務(wù)的目標(biāo)和含義(2)將每個(gè)目標(biāo)/含義映射為一系列特定動(dòng)作(3)說(shuō)明這些動(dòng)作將來(lái)在界面上執(zhí)行的順序。(4)指明各個(gè)系統(tǒng)狀態(tài)，即上述各動(dòng)作序列中每個(gè)動(dòng)作在界面上執(zhí)行時(shí)，界面呈現(xiàn)的形式。(5)定義控制機(jī)制，即便于用戶修改系統(tǒng)狀態(tài)的一些設(shè)置和操作。(6)說(shuō)明控制機(jī)制怎樣作用于系統(tǒng)狀態(tài)。(7)指明用戶應(yīng)怎樣根據(jù)界面上反映出的信息解釋系統(tǒng)的狀態(tài)。二、利用工具構(gòu)造原型

確定了界面設(shè)計(jì)模型，就可利用原型開(kāi)發(fā)工具創(chuàng)建原型。這些工具被稱為用戶界面工具箱或用戶界面開(kāi)發(fā)系統(tǒng)(UIDS)，它們?yōu)楹?jiǎn)化窗口、菜單、設(shè)備交互、出錯(cuò)信息、命令及交互環(huán)境的許多其他元素的創(chuàng)建，提供了各種例程或?qū)ο?。這些工具所提供的功能既可以用基于語(yǔ)言的方式(如面向?qū)ο蟮恼Z(yǔ)言VB)也可以用基于圖形的方式來(lái)實(shí)現(xiàn)。55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)過(guò)程55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)過(guò)程三、用戶試用與評(píng)估評(píng)估正式非正式例如，由用戶即興發(fā)表一些反饋意見(jiàn)非正式評(píng)估

由全體終端用戶填寫(xiě)調(diào)查表，然后進(jìn)行統(tǒng)計(jì)分析是十分正式的評(píng)估

早期復(fù)審評(píng)估標(biāo)準(zhǔn)系統(tǒng)及其界面的規(guī)格說(shuō)明的長(zhǎng)度和復(fù)雜程度，預(yù)示用戶學(xué)習(xí)使用該系統(tǒng)所需要的工作量

命令或動(dòng)作的數(shù)量、命令的平均參數(shù)個(gè)數(shù)或動(dòng)作中單個(gè)操作的個(gè)數(shù)，預(yù)示系統(tǒng)的交互時(shí)間和總體效率

設(shè)計(jì)模型中給出的動(dòng)作、命令和系統(tǒng)狀態(tài)的數(shù)量，預(yù)示用戶學(xué)習(xí)使用系統(tǒng)時(shí)需記憶內(nèi)容的多少

界面風(fēng)格、幫助設(shè)施和出錯(cuò)處理協(xié)議，預(yù)示界面的復(fù)雜程度和用戶接受該界面的程度

55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)過(guò)程四、完成界面設(shè)計(jì)

完成初步設(shè)計(jì)后就創(chuàng)建第一級(jí)原型；用戶試用并評(píng)估該原型，直接向設(shè)計(jì)者提出對(duì)界面的評(píng)價(jià)；設(shè)計(jì)者根據(jù)用戶意見(jiàn)修改設(shè)計(jì)并實(shí)現(xiàn)下一級(jí)原型。上述評(píng)估過(guò)程不斷進(jìn)行下去，直到用戶感到滿意，完成界面設(shè)計(jì)

55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例描述人機(jī)界面的三個(gè)方面一般交互信息顯示數(shù)據(jù)輸入

一般交互涉及信息顯示、數(shù)據(jù)輸入和整體系統(tǒng)控制，忽略它將承擔(dān)較大風(fēng)險(xiǎn)

如果人機(jī)界面顯示的信息是不完整的、含糊的或者難以理解，用戶會(huì)感到迷惑、不滿意用戶的大部分時(shí)間用在選擇命令、輸入數(shù)據(jù)和向系統(tǒng)提供所需其他信息55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例提高交互性的措施

保持一致性。對(duì)人機(jī)界面的菜單選擇、命令輸入、數(shù)據(jù)顯示和眾多其他功能，使用一致的格式

提供有意義的反饋信息。在執(zhí)行較大破壞動(dòng)作之前要求用戶確認(rèn)。允許撤消絕大多數(shù)操作。盡量減少用戶兩次操作間的記憶量提高對(duì)話、移動(dòng)和思考的效率寬容用戶所犯錯(cuò)誤按功能對(duì)動(dòng)作分類，并依此設(shè)計(jì)屏幕布局提供對(duì)工作內(nèi)容的敏感幫助設(shè)施用簡(jiǎn)單的動(dòng)詞和動(dòng)詞短語(yǔ)為命令名55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例案例1

文檔分欄界面特點(diǎn)：頁(yè)面布局非常一致，視覺(jué)清晰，看起來(lái)令人愉快，閱讀信息所需的時(shí)間減少，任務(wù)的性能強(qiáng)，滿意度高

案例255用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例刪除界面特點(diǎn)：在功能上添加額外的保護(hù)層以避免用戶犯錯(cuò)誤。要求用戶確定要選擇的意圖。這種解決方案增加了安全性，減少了錯(cuò)誤，并提高了滿意度。然而，它要求額外的用戶操作，導(dǎo)致執(zhí)行效率較低

案例355用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例Word字體對(duì)話框特點(diǎn)：Word中的字體對(duì)話框，用戶可以用一堆復(fù)選框來(lái)選擇字體效果，這沒(méi)什么問(wèn)題。但是其中有4對(duì)選項(xiàng)是互斥的：刪除線、雙刪除線，下劃線、雙下劃線，陰文、陽(yáng)文，小型大寫(xiě)字母、全部大寫(xiě)字母。這些控件看上去是復(fù)選框但實(shí)際上卻是單選框。顯然，使用單選框?qū)⒂绊懣丶旱恼w美感但確失去了可交互性。

55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例信息顯示的設(shè)計(jì)原則

只顯示與當(dāng)前工作內(nèi)容有關(guān)的信息

避免用數(shù)據(jù)困惑用戶，應(yīng)用便于用戶迅速獲取信息的方式表示數(shù)據(jù)

使用統(tǒng)一的標(biāo)記、標(biāo)準(zhǔn)的縮寫(xiě)和預(yù)知的顏色允許用戶維護(hù)可視化語(yǔ)境。例如放大縮小圖像只顯示有意義的出錯(cuò)信息使用大小寫(xiě)、縮進(jìn)和文本分組以幫助理解使用窗口分隔不同類型的信息用“類比”手法，生動(dòng)形象地表示信息合理、高效地使用顯示屏55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例案例4特點(diǎn)：顯示了兩欄工具欄及一欄主菜單。命令區(qū)域清晰可見(jiàn)卻并不占據(jù)過(guò)多的屏幕空間

案例555用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例特點(diǎn)：是個(gè)反面示例，幾乎所有的工具欄都激活了。屏幕高度混亂，用戶不得要領(lǐng)

問(wèn)題案例55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例案例6Winrar診斷對(duì)話框特點(diǎn)：對(duì)話框上的三個(gè)按鈕分別是“關(guān)閉”、“中斷操作”、“復(fù)制到剪貼板”，前兩個(gè)按鈕的提示意義含糊，用戶容易引起誤解：中斷或關(guān)閉的是本對(duì)話框還是壓縮操作？而且在操作“中斷操作”的按鈕時(shí)系統(tǒng)似乎并沒(méi)有效果

問(wèn)題案例55用戶界面設(shè)計(jì)--人機(jī)界面設(shè)計(jì)實(shí)現(xiàn)原則及典型案例數(shù)據(jù)輸入設(shè)計(jì)原則

盡量減少用戶的輸入動(dòng)作

保持信息顯示方式和數(shù)據(jù)輸入方式的一致性

允許用戶自定義輸入格式靈活多樣的交互方式，允許用戶自選輸入方式使在當(dāng)前動(dòng)作語(yǔ)境中不適用的命令失效允