《用戶界面設計》

第16章用戶界面設計目標介紹用戶界面設計的一般設計原則；介紹多種交互模式以及它們的應用；解釋什么時候應該使用圖形顯示和文本顯示方式來顯示信息；講解在用戶界面設計過程中應包括的主要活動；介紹可用性屬性以及界面評價的不同方法。內(nèi)容設計問題用戶界面設計過程用戶分析用戶界面原型構造界面評估用戶界面用戶界面的設計應與將來的用戶所具有的技能、經(jīng)驗和他們的期待相一致。系統(tǒng)用戶經(jīng)常通過用戶界面，而不是它的功能來評價一個系統(tǒng)。一個不好的界面設計可能導致用戶無法使用系統(tǒng)的某些特性。界面設計不好就是為什么如此多的軟件系統(tǒng)還從未使用過的原因。界面設計中人的因素有限的短時記憶人們可以瞬間想起七條信息。如果你在同一時間內(nèi)提供給用戶太多的信息，他們就不能夠全部接受。人們會犯錯誤

當我們犯錯誤的時候，系統(tǒng)運行就會不正常，并發(fā)出問題警告消息和報警，這些消息可能會對用戶施加更大的精神壓力，從而也增加了他們操作失誤的可能性。

人是不同的我們有很強的身體行為能力。設計者在設計時不能按照他們個人的能力來進行。人們會有不同的交互偏好有些人喜歡看圖片，而有的人喜歡閱讀文字。用戶界面設計原則用戶界面設計必須要考慮到系統(tǒng)用戶的需要、經(jīng)驗和用戶的能力。設計者應該意識到使用軟件的人的身體和精神上的局限性（例如有限的短時記憶），還要認識到人們是會犯錯誤的。用戶界面設計原則是界面設計的基礎，盡管不是所有的原則都會應用到全部的設計中。用戶界面設計原則設計原則用戶熟悉界面所使用的屬于和概念應該來自于用戶的經(jīng)驗，而不是計算機的概念。例如，一個辦公系統(tǒng)應該要使用諸如信件，文件，文件夾之類的概念，而不是目錄，文件標識符等的概念。一致性界面設計應該是一致的，即盡可能地讓相似的操作有相同的觸發(fā)方式。意外最小化如果一個命令式按某種已知的方法進行操作的，那么用戶就應該可以預測相似的命令的操作方式。設計原則可恢復性界面應該有一種機制來允許用戶從錯誤中恢復，這可能包括撤銷，對破壞性行為的確認，軟刪除等。用戶指南用戶界面應該提供一些比如幫助系統(tǒng)，在線手冊等用戶指南。用戶差異性界面設計應該為不同類型用戶提供合適的交互功能。例如，某些用戶可能有視覺困難，所以就用該給他們提供大量的文字信息。界面設計中的設計問題在交互式設計中，設計者可能要面對兩個關鍵問題：用戶應該如何與計算機系統(tǒng)進行交互？來自計算機系統(tǒng)的信息應該如何傳達給用戶？用戶交互和信息表達應該通過比如用戶界面隱喻這樣連貫的框架集成起來。用戶交互類型直接操作菜單選擇表格填寫命令語言自然語言交互類型多用戶界面LIBSYS系統(tǒng)的交互文檔搜索用戶使用搜索工具找他們所需要的文檔文檔請求用戶請求將文檔傳遞到他們的本地機或者是服務器上以供打印基于web的用戶界面許多基于web的系統(tǒng)都有基于web表格的界面。表格域可以是菜單，自由文字輸入，單選框等。在LIBSYS系統(tǒng)這個例子中，用戶從可訪問的集合菜單中選擇某個集合，在自由文本輸入字段中輸入要檢索的短語。LIBSYS系統(tǒng)的搜索表格信息表示信息表達是將系統(tǒng)的信息表達給系統(tǒng)用戶。信息可以是直接表達的（比如文字處理器中的文本），或是將信息轉換成另一種形式（比如表格）來表達。MVC（Model-View-Controller）方法首先廣泛應用于Smalltalk語言中，它是支持數(shù)據(jù)的多重表達的有效方式。信息表示用戶交互的MVC模型信息表示靜態(tài)信息在一段時間開始時進行初始化，并且在這段時間內(nèi)不會變化的信息?？梢允菙?shù)字或文本形式動態(tài)信息在某一時間段內(nèi)會改變，而且這種改變必須要與系統(tǒng)用戶進行交流的信息?？梢允菙?shù)字或文本的形式信息表示要考慮的因素用戶對精確信息或不同數(shù)據(jù)值之間的關系感興趣嗎？信息值變更的速度如何？數(shù)值的變更需要馬上顯示給用戶嗎？用戶必須根據(jù)信息的變更執(zhí)行某種動作嗎？用戶需要經(jīng)由直接操作界面與顯示的信息進行交互嗎？要顯示的信息是文本形式的還是數(shù)字形式的？數(shù)值項的相對值重要嗎？兩種信息表示法模擬和數(shù)字表示法數(shù)字表示緊湊—占用的屏幕空間小；精確的數(shù)字可以進行交流。模擬表示很容易獲得一個相對值的直觀印象；能夠顯示相對值；易于觀察異常數(shù)據(jù)值。動態(tài)變化的數(shù)字信息表達方法表示相對值的圖形信息表達數(shù)據(jù)可視化數(shù)據(jù)可視化是顯示大量信息的技術。可視化可以表現(xiàn)數(shù)據(jù)中實體和趨勢之間的關系。數(shù)據(jù)可視化的實例有：從多個地點收集起來的氣象信息；電話網(wǎng)狀態(tài)顯示為相互連接的一組節(jié)點；化工廠狀態(tài)可視化為相互連接的一組反應罐和管道，顯示出它們當中的壓力和溫度信息；在三維空間中顯示和操縱分子模型；一組網(wǎng)頁顯示為一個擴展樹。顏色顯示顏色能夠改善用戶界面，幫助用戶了解并處理系統(tǒng)的復雜結構。顏色可以應用來突出顯示異常事件。在界面設計中，顏色的應用常出現(xiàn)的錯誤有：使用顏色來傳達意思；在顯示中過度使用顏色。顏色使用的指導限制使用顏色的數(shù)量，并在如何使用顏色的問題上盡量保守一些；利用顏色的變化說明系統(tǒng)狀態(tài)的變化；使用彩色編碼支持用戶想要完成的任務；使用彩色編碼要慎重，并且前后一致；注意色彩搭配。錯誤消息錯誤消息設計是非常重要的。錯誤消息設計不好，可能就意味著用戶拒絕而不是接受一個系統(tǒng)。錯誤消息應該是有禮貌的、簡潔的、一致的和有建設性的。在錯誤消息設計中，用戶的背景和經(jīng)驗應該是一個決定性的因素。在消息措詞上的設計因素用戶錯誤假設護士誤拼了一個病人的名字，這個病人的記錄就是護士極力想恢復的。好的和不好的錯誤消息設計用戶界面設計過程用戶界面設計（UIdesign）是一個反復的過程，用戶要與設計者和界面原型交互，以確定系統(tǒng)用戶界面的特性、構成、外表和感受。界面設計過程的三個核心活動：用戶分析理解用戶所做的任務。系統(tǒng)原型開發(fā)開發(fā)一系列實驗系統(tǒng)原型。界面評估

收集有關用戶對界面的真實體驗信息。用戶界面設計過程用戶分析如果你不理解用戶想與計算機做什么的話，那你就不會對設計有效用戶界面有可行的想法。用戶分析一定要描述為其他的用戶和設計者能夠理解的術語。腳本描述典型的應用，它是描述用戶分析的一種方法。用戶交互腳本珍妮的專業(yè)是宗教研究，她正在寫一篇有關印度建筑及其受宗教活動影響方面的論文。為了了解這些方面的東西，她需要翻閱反映一些著名建筑細節(jié)的圖片，但是她無法在本地圖書館找到這些材料。

于是她找到負責此方面的圖書管理員討論她的需求，該圖書管理員給她一些搜索術語以供使用。同時他也告訴了她位于新德里和倫敦的哪些圖書館有可能收藏此材料，他和珍妮可以登錄到圖書館目錄上用上述搜索術語進行檢索。他們發(fā)現(xiàn)了一些原始資料，對部分有建筑細節(jié)內(nèi)容的圖片發(fā)出了拷貝請求，這些圖片會直接郵寄給珍妮。

來自腳本的需求用戶可能不知道恰當是搜索短語，他們會需要提供幫助他們選擇搜索短語的入口。用戶要能夠選擇要搜索的集合。用戶要能執(zhí)行搜索并請求相關資料的副本。分析技術任務分析把所要完成的任務分為多個步驟。采訪和問卷詢問用戶他們所做的工作。深入實際關注用戶的工作。層次化任務分析（HTA）采訪基于開放式問題設計半結構化的采訪。用戶可以提供他們認為必需的信息，而不僅僅是你所想到的信息。小組討論或者是小組采訪允許用戶彼此之間討論他們所做的事。深入實際深入實際方法貼近地觀察人們是如何工作的、他們是如何與其他人進行交互的以及如何使用工作場合中的特征來支持他們的工作。深入實際是很有價值的，因為許多用戶任務都是很直觀的，這些任務很難描述和解釋。深入實際也可以幫我們理解社會和組織在工作方面的影響所扮演的角色。深入實際的觀察報告空中交通管制包括多個控制“套件”，這些控制相鄰空域扇區(qū)的套件是自然地一個挨一個擺放的。在一個扇區(qū)中的飛機用一個條形紙表示，按照能反映它們在扇區(qū)中的位置的順序放進一個木頭架子中。如果架子上沒有足夠的槽（例如，當空域非常繁忙的時候），管制員就將條形紙擺在木架前的桌面上。在我們觀察管制員的時候，我們注意到管制員經(jīng)常性地掃描在相鄰扇區(qū)中的紙架。我們與他們就這一點交談并問及為什么要這樣做。他們的回答是，當相鄰的管制員有紙條擺在桌面上時，就意味著有很多飛機將要進入他們的扇區(qū)。于是他們就努力提高飛機在扇區(qū)中的速度來“清空”扇區(qū)，以便能讓更多的飛機進來。從觀察中所學到的事情管制員要能看到扇區(qū)內(nèi)的所有飛機，因此，我們應該避免使用滾動顯示，這種顯示方式會使得飛機消失在顯示屏的上面或下面。界面應該有某種方法來告知管制員有多少飛機在相鄰的扇區(qū)中，以便管制員來計劃他們的工作負荷。用戶界面原型構造原型構造的目的是讓用戶獲得對界面的直接體驗。如果沒有這樣直接的經(jīng)驗，我們是不可能評價一個界面的可用性的。原型構造過程分為以下兩步：在過程的最早階段，我們應該在紙面上規(guī)劃出原型；然后我們要對設計進行提煉并逐步地開發(fā)復雜的自動化的原型，接著再開發(fā)。紙面上的原型構造運用界面草圖來完成腳本。使用情節(jié)串聯(lián)圖板來顯示一系列描述交互序列的草圖。紙面上的原型構造是獲得用戶對某個設計方案的反應的一個有效方法。原型構造技術腳本驅動方法使用諸如MacromediaDirector這樣的工具創(chuàng)建一系列腳本和屏幕。當用戶與這些屏幕交互時，腳本得到執(zhí)行，下一個屏幕出現(xiàn)。可視化編程語言使用一種快速開發(fā)的語言（比如VisualBasic）。對可視化開發(fā)系統(tǒng)的詳細介紹見17章?；谝蛱鼐W(wǎng)的原型構造使用web瀏覽器和相關的腳本。用戶界面評估界面評估就是評定一個界面的可用性并檢查它是否符合用戶需求的過程。對大多數(shù)系統(tǒng)來說，用戶界面設計的系統(tǒng)評估是非常昂貴的，并且是不實用的。理想情況下，對用戶界面的評估應該有一個可用性詳細說明書。然而，這樣的可用性說明書是很少制作出來的?？捎眯詫傩院唵蔚脑u估方法可以獲得用戶反饋的問卷調查；觀察在系統(tǒng)使用過程中用戶的表現(xiàn)，并聽取用戶對如何使用系統(tǒng)完成某項任務的“思想交流”；典型系統(tǒng)使用的“快照”；在軟件中嵌入一段統(tǒng)計代碼，以收集最常用的功能和最容易犯的錯誤的信息。要點用戶界面設計原則對用戶界面設計具有指導作用。與一個軟件系統(tǒng)交互的方式包括直接操作、菜單系統(tǒng)、表格填寫、命令語言和自然語言。當要表示變化趨勢和近似