軟件工程教學課件chapter11

1、1第11章 用戶界面設計 2界面設計3界面設計4黃金規(guī)則n用戶操縱控制n減少用戶的記憶負擔n保持界面一致5用戶操作控制6減輕用戶記憶負擔7保持界面一致8用戶界面設計模型n用戶模型 系統(tǒng)所有最終用戶的輪廓n設計模型實現(xiàn)用戶模型的設計n心里模型(系統(tǒng)感覺) 用戶腦海里對界面的想象n實現(xiàn)模型界面（“看和感覺”）結合了用來描述系統(tǒng)語法和語義的支撐信息對用戶進行分類n新手n對系統(tǒng)有了解的間歇用戶n對系統(tǒng)有了解的經(jīng)常用戶910用戶界面設計過程界面確認界面分析和建模界面構造界面設計11界面分析n界面分析意味著了解n(1) 通過界面和系統(tǒng)交互的人(最終用戶)n(2) 最終用戶為完成工作要執(zhí)行的任務n(3) 作

2、為界面的一部分而顯示的內容n(4) 任務處理的環(huán)境12用戶分析n用戶是經(jīng)過的訓練的專業(yè)人員、技術員、辦事員，還是制造業(yè)工人？n用戶平均正規(guī)教育水平如何？n用戶是否具有學習書面資料的能力或者是否渴望接受集中培訓？n用戶是否是專業(yè)錄入人員還是鍵盤恐懼者？n用戶群體的年齡范圍如何？n是否需要考慮用戶的性別差異？n如何為用戶完成的工作提供報酬？n用戶是否在正常的辦公時間內工作或者一直干到工作完成？n軟件是用戶所完成工作中的一個集成部分，還是偶爾使用一次？n用戶群中使用的主要交流語言是什么？n如果用戶在使用軟件的過程中出錯，結果會怎么樣？n用戶是否是系統(tǒng)所解決問題領域的專家？n用戶是否想了解界面背后的技

3、術？13任務分析和建模n回答以下問題n在指定環(huán)境下用戶將完成什么工作？n當用戶工作時將完成什么任務和子任務？n在工作中用戶將處理什么特殊的問題域對象？n工作任務的順序（工作流）如何？n任務的層次關系如何？n用例確定基本的交互作用n任務細化精化交互任務n對象細化確定界面對象(類)n工作流分析確定在涉及多個成員（角色）時，工作過程是如何完成的。14泳道圖pati entphar m aci stphysi ci anrequests that a prescri pti on be refi l l edno refi l l s rem ai ni ngchecks pati ent recor

4、dsdeterm i nes status of prescri pti onrefi l l s rem ai ni ngrefi l l not al l ow edapproves refi l l eval uates al ternati ve m edi cati onnonerecei ves request to contact physi ci anal ternati ve avai l abl echecks i nventory for refi l l or al ternati veout of stockrecei ves out of stock noti fi

5、 cati onrecei ves ti m e/date to pi ck upi n stockpi cks up prescri pti onfi l l s prescri pti onfi gur e 12. 2 sw i m l ane di agr am f or pr escr i pti on r ef i l l f uncti on重填處方請求病人藥劑師醫(yī)生檢查患者記錄確定處方的狀態(tài)有新補充的藥批準重填處方不允許評估可替換的藥物有可替換沒有填寫處方有存貨無存貨檢查庫存查找新補充的藥或替換藥接到缺貨通知單接收供選擇的時間/日期選擇處方接收聯(lián)系醫(yī)生的請求沒有新補充的藥處方重填

6、功能的泳道圖15顯示內容分析n不同類型的數(shù)據(jù)是否要放置到屏幕上固定的位置（例如，照片一般顯示在右上角）？n用戶能否定制內容的屏幕位置？n是否對所有的內容賦予適當?shù)钠聊粯俗R？n為了便于理解，應如何劃分長篇報告？n對于大集合的數(shù)據(jù)，是否存在直接移動到摘要信息的機制？n輸出圖形的大小是否需要適合所使用顯示設備的限制？n如何使用顏色來曾強理解？n出錯信息和警告應如何呈現(xiàn)給用戶？16界面設計步驟n使用界面分析中獲得的信息，定義界面對象和動作（操作）。n定義那些導致用戶界面狀態(tài)發(fā)生變化的事件（用戶動作），并對行為建模。n描述每個界面狀態(tài)，就像最終用戶實際看到的那樣。n簡要說明用戶如何從界面提供的界面信息來

7、解釋系統(tǒng)狀態(tài)。17設計問題n響應時間n幫助設施n錯誤處理n菜單和命令標識n應用系統(tǒng)的可訪問性n國際化18webapp 界面設計n我在哪里？ 界面應該：n為訪問過的webapp提供指示n提示用戶當前在內容層次中所處的位置n我現(xiàn)在能做什么？ 界面應該總是能夠幫助用戶理解當前的選項n哪些功能可以使用？n哪些鏈接是可用的？n哪些內容是相關的？n我去過哪里？我將去哪里？界面必須能夠輔助導航。 n提供一張“地圖”（以容易理解的方式實現(xiàn)），這張地圖顯示了用戶在webapp中去過哪里，還能沿著哪些路徑去webapp的其他地方。19有效的webapp 界面nbruce tognozzi tog01 提出n有效的

8、界面在視覺效果上是明顯的、寬容的，并且慢慢地給用戶灌輸控制感。用戶能夠很快地看到他們的選擇范圍，領會怎樣達到他們的目標，然后做他們的工作。n有效的界面使用戶不必關心系統(tǒng)的內部操作。工作被謹慎而連續(xù)地保存，從而使用戶有充分的選擇余地，可以在任何時刻取消任何活動。n有效的應用和服務從用戶那里要求最少的信息，而完成最多的工作。20界面設計原則-in預測對webapp進行設計，使其能夠預測出用戶的下一個步驟。 n傳達界面應該能夠傳達由用戶啟動的任何活動的狀態(tài)。n一致導航控制、菜單、圖標和美學風格（例如，顏色、形狀和布局）。n自律界面應該輔助用戶在整個webapp中移動，但是應該堅持使用已經(jīng)為應用系統(tǒng)建

9、立起來的導航習慣，以這樣的方式來輔助用戶。n效率 webapp的設計和界面應該優(yōu)化用戶的工作效率，而不是優(yōu)化設計與構造webapp的web工程師的效率，也不是優(yōu)化運行webapp的客戶/服務器環(huán)境的效率。21界面設計原則-iin關注點 webapp界面（及界面表示的內容）應該關注在用戶正完成的任務上。n人機界面對象對于webapp，已經(jīng)開發(fā)了大量可復用的人機界面對象庫。n縮短等待時間 webapp應該利用多任務處理方式，從而使用戶繼續(xù)他的處理工作，看起就像前面的操作已經(jīng)完成一樣。n學習能力應該設計webapp的界面，將學習時間減到最少，并且一旦已經(jīng)學習過了，當再次訪問此webapp時，將所需要

10、的再學習時間減到最少。22界面設計原則-iiin保持工作產品的完整性工作產品（例如用戶填寫的表單，用戶專用數(shù)據(jù)清單）必須自動保存，使得在有錯誤發(fā)生時數(shù)據(jù)不會丟失。n易讀性界面展示的所有信息對于老人和年輕人都應該是易讀的。n跟蹤狀態(tài)在合適的時候，應該跟蹤和保存用戶狀態(tài)，使得用戶能夠退出系統(tǒng)，稍后返回系統(tǒng)時又能回到退出的地方。n可見的導航設計合理的webapp界面提供了這樣的設想，“即用戶呆在同一個地方，工作被帶到他們面前”。23界面設計工作流-in對需求模型中的信息進行評審，并根據(jù)需要進行優(yōu)化。n開發(fā)webapp界面布局的草圖。n將用戶目標映射到特定的界面行為。n定義與每個行為相關的一組用戶任務

11、。n為每個界面行為設計情節(jié)故事板屏像。n利用從美學設計中的輸入來優(yōu)化界面布局和情節(jié)故事板。24映射用戶目標obj ecti ve #1obj ecti ve #2obj ecti ve #3obj ecti ve #4obj ecti ve #5obj ecti ve #nli st of user obj ecti veshome page text copygraphicgraphic, logo, and company namenavigation menumenu bar major functions用戶目標列表目標#1目標#2目標#3目標#4目標#5圖像 徽標和公司名稱主要功能菜單條圖像主頁文本拷貝目標#n導航菜單25界面設計工作流-iin明確實現(xiàn)界面功能的界面對象。n開發(fā)用戶與界面交互的過程表示。n開發(fā)界面的行為表示法。n描