第8講人機交互設(shè)計課件

人機交互設(shè)計教材P222第8章人機交互設(shè)計教材P222第8章先思考幾個問題？體系結(jié)構(gòu)設(shè)計的過程模型？（回顧）概念設(shè)計？（回顧）體系結(jié)構(gòu)精化？（回顧）2023/9/132先思考幾個問題？體系結(jié)構(gòu)設(shè)計的過程模型？（回顧）2023/8閱讀書的第八章回答下列問題？以用戶為中心的設(shè)計關(guān)鍵目標？用戶界面設(shè)計的基本原則？用戶界面設(shè)計的過程模型？10分鐘2023/9/133閱讀書的第八章回答下列問題？以用戶為中心的設(shè)計關(guān)鍵目標？20第八章人機交互設(shè)計8.1以用戶為中心的設(shè)計

8.2用戶界面設(shè)計的基本原則

8.3用戶界面設(shè)計模型的表示

8.4用戶界面設(shè)計的過程模型

8.5用戶及任務(wù)分析

8.6用戶界面的概念設(shè)計

8.7用戶界面流設(shè)計

8.8用戶界面的精化

2023/9/134第八章人機交互設(shè)計8.1以用戶為中心的設(shè)計 2023/88.1以用戶為中心的設(shè)計8.1.1以用戶為中心的設(shè)計理念誰是用戶？怎樣做到以用戶為中心？以用戶為中心的設(shè)計基本理念可歸納如下：⑴對用戶特征的研究和理解應(yīng)該作為軟件開發(fā)過程中各種決策的主要依據(jù)。⑵在軟件開發(fā)的各階段盡可能獲得來自用戶的反饋并利用這種反饋改進或優(yōu)化設(shè)計。2023/9/1358.1以用戶為中心的設(shè)計8.1.1以用戶為中心的設(shè)計理念以用戶為中心的設(shè)計⑶用戶對產(chǎn)品的滿意度不僅取決于使用體驗，而且取決于用戶在與產(chǎn)品接觸的全過程中獲得的滿意度。⑷人機交互設(shè)計不能僅止于用戶可以使用產(chǎn)品提供的各項功能，而應(yīng)該追求更高的目標：讓用戶在與產(chǎn)品接觸的全過程中獲得愉悅體驗。2023/9/136以用戶為中心的設(shè)計⑶用戶對產(chǎn)品的滿意度不僅取決于使用體驗，而8.1.2人類信息處理模型心理學上廣為采用的人類信息處理模型將人類接收并處理外界信息的過程劃分為感知（perception）、認知（cognition）和反應(yīng)（response）三個階段。2023/9/1378.1.2人類信息處理模型心理學上廣為采用的人類信息處理模8.1.3以用戶為中心的設(shè)計方法“以用戶為中心”的UI設(shè)計方法就是確保設(shè)計符合目標用戶的期望。在設(shè)計過程中貫徹“以用戶為中心”的UI設(shè)計方法，能夠幫助設(shè)計師檢驗設(shè)計是否有利于提高產(chǎn)品質(zhì)量，最重要的設(shè)計內(nèi)容是什么。2023/9/1388.1.3以用戶為中心的設(shè)計方法“以用戶為中心”的UI設(shè)計以用戶為中心的設(shè)計方法2023/9/139以用戶為中心的設(shè)計方法2023/8/398.2用戶界面設(shè)計的基本原則⑴易理解性界面上呈現(xiàn)的所有元素，包括文本信息、數(shù)據(jù)表示、狀態(tài)呈現(xiàn)、菜單、按鈕、超鏈等，貼近用戶的業(yè)務(wù)領(lǐng)域，并且具有簡潔、明確、自然、直觀等特性；

界面中屏幕（screen，見8.3節(jié)）之間的跳轉(zhuǎn)關(guān)系簡單、自然。⑵易操作性用戶對軟件系統(tǒng)的命令可以通過簡單、直觀的方式來完成；為提高用戶的工作效率，界面應(yīng)盡量減少用戶的操作次數(shù)和輸入信息量。2023/9/13108.2用戶界面設(shè)計的基本原則⑴易理解性2023/8/310用戶界面設(shè)計的基本原則⑶靈敏性界面必須在合理的時間內(nèi)對用戶操作做出響應(yīng)，對耗時較長的內(nèi)部處理過程必須提供及時的進度反饋，保持用戶與界面間的不間斷的雙向溝通。⑷一致性為降低用戶的記憶負擔，界面應(yīng)在整個軟件系統(tǒng)范圍內(nèi)保持顯示風格、操作方式的一致性并符合業(yè)界規(guī)范如，用Ctrl+C快捷鍵來實現(xiàn)復(fù)制功能2023/9/1311用戶界面設(shè)計的基本原則⑶靈敏性2023/8/311用戶界面設(shè)計的基本原則⑸容錯性界面設(shè)計應(yīng)以降低用戶的誤操作機率為目標，但必須容忍用戶的誤操作對所有可能造成損害的動作，必須在用戶確認后才進行；

允許用戶對盡可能多的界面操作反悔（Undo）；

在用戶誤操作后系統(tǒng)具備適當?shù)幕謴?fù)能力。⑹人性化在適當?shù)臅r機出現(xiàn)用戶恰好需要的幫助信息或建議；

在任何情況下用戶均能簡易地理解軟件系統(tǒng)的當前狀態(tài)和響應(yīng)信息，并能清晰地了解自己的操作行為的前因后果，不至因界面跳轉(zhuǎn)而迷失；

界面的布局和色彩應(yīng)使用戶感覺舒適、自然。2023/9/1312用戶界面設(shè)計的基本原則⑸容錯性2023/8/3128.3用戶界面設(shè)計模型的表示注：本書將界面中的窗口、對話框、網(wǎng)頁統(tǒng)稱為屏幕。界面設(shè)計的表示涉及兩個方面：

屏幕內(nèi)容的表示

屏幕之間跳轉(zhuǎn)關(guān)系的表示2023/9/13138.3用戶界面設(shè)計模型的表示注：本書將界面中的窗口、對話框用戶界面設(shè)計模型的表示屏幕中的界面元素有四種：⑴靜態(tài)元素：與軟件系統(tǒng)的運行狀態(tài)無關(guān)、在任何情況下均沒有變化的文本、圖標（icon）、圖形（graph）、圖像（image）等。⑵動態(tài)元素：

因當前用戶及軟件系統(tǒng)的運行狀態(tài)而異，由軟件系統(tǒng)根據(jù)業(yè)務(wù)邏輯自動呈現(xiàn)于屏幕中，且不允許用戶修改的內(nèi)容，包括不可編輯的文本、表格、圖標、圖形、圖像等。2023/9/1314用戶界面設(shè)計模型的表示屏幕中的界面元素有四種：2023/8/用戶界面設(shè)計模型的表示⑶用戶輸入元素：在屏幕上預(yù)留空位、由用戶在界面操作中填寫或選擇的界面元素，包括可編輯的文本、單選鈕（radio）、多選框（checkbox）、選擇列表（selectlist）、可編輯的表格等。只要一個界面元素在某些情況下可供用戶修改或選擇，就應(yīng)將其歸入用戶輸入元素類，而非動態(tài)元素類。⑷用戶命令元素：用戶點擊此類元素后位于界面后端的業(yè)務(wù)邏輯處理或界面刷新動作將被觸發(fā)，其典型代表是按鈕、菜單、超鏈等。，見圖8.1(a)

。2023/9/1315用戶界面設(shè)計模型的表示⑶用戶輸入元素：在屏幕上預(yù)留空位、由用用戶界面設(shè)計模型的表示本書推薦采用UML類來表示屏幕，與瞬時快照的圖形表示相輔相成，見圖8.1

。屏幕的瞬時快照可以表示為一張圖，它描述了屏幕中靜態(tài)元素的內(nèi)容、其他三類界面元素在特定時間點上的視覺形式以及此時所有可見的界面元素的布局在屏幕的UML類表示中，靜態(tài)元素被省略，它們在任何情況下均不會變化；動態(tài)元素體現(xiàn)為類的屬性；命令元素對應(yīng)的動作體現(xiàn)為類的操作。2023/9/1316用戶界面設(shè)計模型的表示本書推薦采用UML類來表示屏幕，與瞬時用戶界面設(shè)計模型的表示輸入元素的表示，有兩種方法：直接將它們作為屏幕類的屬性，此時需要采用UML構(gòu)造型（見5.1.4節(jié)）將其與動態(tài)元素相區(qū)分，見圖8.2

中的構(gòu)造型<<input>>；第二種方法是，設(shè)立單獨的“輸入表格”（inputform）類，將輸入元素作為其屬性，此時需要將從屬于輸入表格的命令元素對應(yīng)的操作從屏幕類移至輸入表格類，并在這兩個類之間建立組合關(guān)系（因為一個輸入表格對象總是出現(xiàn)在一個屏幕中），見圖8.2

中的構(gòu)造型<<inputform>>。2023/9/1317用戶界面設(shè)計模型的表示輸入元素的表示，有兩種方法：2023/在輸入元素為數(shù)組形態(tài)時（見例8.1

圖8.2

中的“SensorConfigForm”），必須使用第二種方法；在輸入元素盡管不是數(shù)組形態(tài)，但是輸入的信息項較多時，本書推薦第二種方法；否則，應(yīng)采用第一種表示，以使界面的UML模型更顯簡潔。2023/9/1318在輸入元素為數(shù)組形態(tài)時（見例8.1

圖8.2

中的“Sens用戶界面設(shè)計模型的表示隱藏的界面動作屏幕在每次出現(xiàn)時自行調(diào)用的初始化動作，跳轉(zhuǎn)發(fā)生時離開本屏幕前自行調(diào)用的動作、由本屏幕提供給其他屏幕調(diào)用的動作，因一個屏幕元素的狀態(tài)變化而導(dǎo)致其他屏幕元素發(fā)生改變的動作。這些隱藏動作也應(yīng)表示為屏幕類的操作，并采用UML構(gòu)造型將隱藏動作與命令元素對應(yīng)的動作相區(qū)分。見圖8.5中的動作“onInitScreen”。要表現(xiàn)屏幕之間的跳轉(zhuǎn)關(guān)系，既要考慮在典型應(yīng)用場景下屏幕之間的跳轉(zhuǎn)及信息傳遞，又要考慮屏幕之間的靜態(tài)邏輯關(guān)系。前者采用UML交互圖（主要是順序圖）來表示，見圖8.3；后者采用UML類圖來表現(xiàn)，其中的單向關(guān)聯(lián)關(guān)系表示可能發(fā)生的跳轉(zhuǎn)，關(guān)聯(lián)邊之上的名稱應(yīng)能反映跳轉(zhuǎn)的原因，見圖8.4。2023/9/1319用戶界面設(shè)計模型的表示隱藏的界面動作2023/8/319用戶界面設(shè)計的過程模型這項活動稱之為“用戶界面的概念設(shè)計”。2023/9/13國防科技大學計算機學院20用戶界面設(shè)計的過程模型這項活動稱之為“用戶界面的概念設(shè)計”。用戶界面設(shè)計的過程模型界面流的設(shè)計在時間上可以與前述的概念設(shè)計重疊，即，首先確定針對某項任務(wù)的主屏幕（詳見8.6節(jié)），對主屏幕進行概念設(shè)計，然后考慮從主屏幕可能跳轉(zhuǎn)到哪些其他屏幕，再對它們展開概念設(shè)計，依此類推，直至完整的界面流構(gòu)建完畢，并且界面流中每幅屏幕的概念設(shè)計也告完成。2023/9/1321用戶界面設(shè)計的過程模型界面流的設(shè)計在時間上可以與前述的概念設(shè)8.4用戶界面設(shè)計的過程模型用戶界面設(shè)計過程的主要活動如下：⑴用戶分析、任務(wù)分析及建模；⑵概念設(shè)計；基于任務(wù)分析和建模的成果，可以確定用戶為完成每項任務(wù)需要與軟件系統(tǒng)之間進行信息交互的時機，以及在每個時機軟件系統(tǒng)應(yīng)該呈現(xiàn)的屏幕的大致內(nèi)容。它區(qū)別于界面的詳細設(shè)計，僅從邏輯上表現(xiàn)軟件系統(tǒng)在相應(yīng)時機需要向用戶呈現(xiàn)哪些信息，可以接收用戶的哪些命令以及為執(zhí)行命令所必需的應(yīng)該由用戶提供的信息。概念設(shè)計不關(guān)心界面的布局和美觀性，也可以暫時忽略某些不太重要的人機交互信息。2023/9/13228.4用戶界面設(shè)計的過程模型用戶界面設(shè)計過程的主要活動如下用戶界面設(shè)計過程的主要活動⑶界面流設(shè)計；對于稍復(fù)雜的任務(wù)，僅通過一次人機交互不可能完成，所以需要設(shè)置若干屏幕以供用戶在適當?shù)臅r機獲得適當?shù)男畔?、發(fā)送適當?shù)拿睢＿@些屏幕之間存在跳轉(zhuǎn)關(guān)系，本書稱之為“界面流”。⑷界面精化。這些活動之間不存在嚴格的時序關(guān)系。2023/9/1323在界面設(shè)計的整個過程中均必須基于用戶分析的成果進行設(shè)計決策，這是提高用戶滿意度的關(guān)鍵。用戶界面設(shè)計過程的主要活動⑶界面流設(shè)計；2023/8/3238.5用戶及任務(wù)分析第一個任務(wù)8.5.1用戶分析具體的建模方法（

UML類圖）是：

每類用戶表示為一個UML類，其特征和典型行為分別表示為該類的屬性和方法；

各類用戶之間的關(guān)系表示為UML類之間的相應(yīng)關(guān)系。注意，與需求工程不同，這里的用戶分析及結(jié)果模型只關(guān)注與界面的用戶評價和用戶滿意度有關(guān)的特征和行為。2023/9/13248.5用戶及任務(wù)分析第一個任務(wù)2023/8/3248.5.2任務(wù)分析任務(wù)分析不僅要從用戶的視角確定人機協(xié)同需要完成哪些工作任務(wù)，更大的挑戰(zhàn)是，如何根據(jù)用戶特征分析甚至揣測每類用戶的思維模式，據(jù)此確定人機協(xié)同完成任務(wù)的過程，在此過程中哪些時間點上必須進行人機交互，在交互時人、機雙方各需要提供和接收哪些信息。2023/9/13258.5.2任務(wù)分析任務(wù)分析不僅要從用戶的視角確定人機協(xié)同需任務(wù)分析界面設(shè)計過程中任務(wù)分析活動的主要任務(wù)是：在用例模型、分析模型和用戶特征模型的基礎(chǔ)上，以提高用戶滿意度為宗旨，設(shè)計盡可能吻合用戶思維模式的任務(wù)完成過程及人機交互信息。軟件設(shè)計師不必另建新的UML模型圖，只需適當調(diào)整用例模型和分析模型中相應(yīng)的圖形或文字描述即可。2023/9/1326任務(wù)分析界面設(shè)計過程中任務(wù)分析活動的主要任務(wù)是：在用例模型、8.6用戶界面的概念設(shè)計概念設(shè)計的主要目標：確定屏幕中應(yīng)該包含的主要內(nèi)容，及用戶基于該屏幕可施行的主要操作。概念設(shè)計不關(guān)心界面的布局和美觀性，也不追求界面內(nèi)容和操作的完整性，但概念設(shè)計階段不應(yīng)遺漏重要的信息項和用戶操作。針對任務(wù)分析獲得的每項任務(wù)（用例），依據(jù)其人機協(xié)同過程找出該任務(wù)的主屏幕。主屏幕指，用戶剛開始使用軟件系統(tǒng)啟動此任務(wù)時系統(tǒng)呈現(xiàn)出來的畫面，其他屏幕均直接或間接地源自主屏幕，并且用戶在這些屏幕進行必要的操作后一般仍會回歸主屏幕2023/9/13278.6用戶界面的概念設(shè)計概念設(shè)計的主要目標：確定屏幕中應(yīng)該用戶界面的概念設(shè)計通常一項任務(wù)對應(yīng)一個主屏幕，但一項復(fù)雜任務(wù)可能對應(yīng)多個主屏幕。軟件設(shè)計師應(yīng)該在邏輯層面抽象地設(shè)計主屏幕的內(nèi)容，包括靜態(tài)元素、動態(tài)元素、用戶輸入元素和用戶命令元素。“在邏輯層面抽象地設(shè)計”指，設(shè)計師不考慮界面元素的形狀、尺寸、顏色、位置、布局等，只需列出這些界面元素并說明其含義。2023/9/1328用戶界面的概念設(shè)計通常一項任務(wù)對應(yīng)一個主屏幕，但一項復(fù)雜任務(wù)用戶界面的概念設(shè)計在屏幕上設(shè)置界面元素的依據(jù)：⑴任務(wù)分析階段獲得的人機交互信息和人機協(xié)同過程⑵借鑒需求工程階段構(gòu)造的快速原型⑶參考用例模型中的用例描述（見4.5.3節(jié)）⑷參考分析模型中的用例實現(xiàn)方案（包括領(lǐng)域概念模型、分析類圖，尤其是用來表示用例實現(xiàn)過程的UML交互圖中執(zhí)行者與邊界類之間的交互過程和交互信息。2023/9/1329用戶界面的概念設(shè)計在屏幕上設(shè)置界面元素的依據(jù)：2023/8/用戶界面的概念設(shè)計從屏幕設(shè)計在概念設(shè)計和界面流設(shè)計交疊進行的過程中，針對界面流中除主屏幕之外的稍復(fù)雜的從屏幕（相對于主屏幕而言），同樣需要先進行概念設(shè)計，再進行精化（或稱界面詳細設(shè)計）。對于簡單的從屏幕，可直接進行詳細設(shè)計。2023/9/1330用戶界面的概念設(shè)計從屏幕設(shè)計2023/8/330例8.1用戶界面的概念設(shè)計針對家庭保安系統(tǒng)，加電后它將顯示初始屏幕。該屏幕顯示一條靜態(tài)的歡迎信息（靜態(tài)元素），以文本（動態(tài)元素）顯示當前時間和系統(tǒng)當前狀態(tài)，以不可編輯的表格（動態(tài)元素）列出當前系統(tǒng)中傳感器的類別、位置和狀態(tài)，以四個命令按鈕（命令元素）表示可以接收用戶的“啟動監(jiān)控”、“系統(tǒng)配置”、“日志查詢”和“關(guān)機”命令。該初始屏幕的外觀設(shè)計及其UML類圖表示見圖8.1。家庭保安系統(tǒng)的主要任務(wù)包括“開關(guān)機及復(fù)位處理”、“傳感器監(jiān)測”、“日志查詢”和“系統(tǒng)配置”。本例選擇“系統(tǒng)配置”討論其主屏幕的設(shè)計。請讀者自行研究其他任務(wù)的主屏幕設(shè)計。2023/9/1331例8.1用戶界面的概念設(shè)計針對家庭保安系統(tǒng)，加電后它將顯示例8.1用戶界面的概念設(shè)計

圖8.1家庭保安系統(tǒng)的初始屏幕的設(shè)計

(a)外觀設(shè)計(b)初始屏幕的UML類表示2023/9/1332例8.1用戶界面的概念設(shè)計

圖8.1家庭保安系統(tǒng)的初始屏例8.1用戶界面的概念設(shè)計（續(xù)）用戶從初始屏幕發(fā)出“系統(tǒng)配置”命令后，系統(tǒng)應(yīng)彈出“用戶身份驗證”對話框要求輸入正確的密碼。不能認為該對話框是系統(tǒng)配置任務(wù)的主屏幕；通過密碼驗證后進入的屏幕才是真正的主屏幕?？晒┯脩襞渲玫男畔ǎ好艽a，報警電話號碼、重撥延遲和最大重撥次數(shù)，傳感器編號、安裝位置、門窗傳感器靈敏度和煙霧濃度閾值。前四項配置信息在屏幕上表現(xiàn)為輸入元素；傳感器一般有多個，本例將其設(shè)計為可編輯的表格（見圖8.2(b)中的SensorConfigForm類）。AddSensorScreen類中的屬性sensitivity代表門窗傳感器的靈敏度，煙霧傳感器的濃度閾值。2023/9/1333例8.1用戶界面的概念設(shè)計（續(xù)）用戶從初始屏幕發(fā)出“系統(tǒng)配圖8.2家庭保安系統(tǒng)中系統(tǒng)配置主屏幕的設(shè)計(a)外觀設(shè)計(b)系統(tǒng)配置主屏幕的UML類表示2023/9/1334圖8.2家庭保安系統(tǒng)中系統(tǒng)配置主屏幕的設(shè)計2023/8/38.7用戶界面流設(shè)計界面流設(shè)計的主要目標：確定屏幕之間的跳轉(zhuǎn)關(guān)系，即一幅屏幕在何種情況下，或者在響應(yīng)何種用戶操作命令后將跳轉(zhuǎn)至另一屏幕。界面流的出現(xiàn)源于：⑴單個屏幕的空間容量有限，不足以表現(xiàn)所有必要的界面元素；⑵用戶在主屏幕上的界面操作需要導(dǎo)出新的屏幕，以便在新屏幕上進行面向特定業(yè)務(wù)功能的界面交互。在界面流建模過程中，要對作為跳轉(zhuǎn)目標的從屏幕進行設(shè)計，概念設(shè)計的方法如8.6所述。2023/9/13358.7用戶界面流設(shè)計界面流設(shè)計的主要目標：確定屏幕之間的跳用戶界面流設(shè)計界面流的表示方式主要是UML交互圖和類圖交互圖表示特定應(yīng)用場景下的屏幕跳轉(zhuǎn)及跳轉(zhuǎn)發(fā)生時的消息傳遞類圖借助有向關(guān)聯(lián)關(guān)系表示在目標軟件系統(tǒng)中屏幕之間所有可能發(fā)生的跳轉(zhuǎn)及跳轉(zhuǎn)的原因示例分別見圖8.3和圖8.4實踐中只在類圖描繪主要的屏幕及它們之間的跳轉(zhuǎn)關(guān)系。2023/9/1336用戶界面流設(shè)計界面流的表示方式主要是UML交互圖和類圖202例8.2用戶界面流設(shè)計家庭保安系統(tǒng)的用戶從初始屏幕（MainScreen）發(fā)出“啟動監(jiān)控”、“系統(tǒng)配置”和“日志查詢”命令后，系統(tǒng)將分別跳轉(zhuǎn)至監(jiān)控主屏幕（MonitorScreen）系統(tǒng)配置主屏幕（SysConfigScreen）日志查詢主屏幕（LogScreen）后兩種跳轉(zhuǎn)關(guān)系忽略了用戶身份驗證屏幕當系統(tǒng)處在監(jiān)控主屏幕時，如發(fā)現(xiàn)異常，則跳轉(zhuǎn)至報警屏幕（AlarmScreen）報警屏幕報告異常事件的發(fā)生時間、位置、異常描述，并顯示通過電話報警的狀態(tài)如，“正在撥號”、“已接通”、“正在播報異常事件”、“已完成”等2023/9/1337例8.2用戶界面流設(shè)計家庭保安系統(tǒng)的用戶從初始屏幕（Ma例8.2用戶界面流設(shè)計（續(xù)）用戶從監(jiān)控主屏幕、報警屏幕分別發(fā)出“停止監(jiān)控”、“復(fù)位”命令后，經(jīng)用戶身份驗證屏幕（VerifyUserIdentityScreen）后可返回初始屏幕。從系統(tǒng)配置主屏幕和日志查詢主屏幕發(fā)出“關(guān)閉”命令后也可返回初始屏幕。家庭保安系統(tǒng)中主要界面流的順序圖表示和類圖表示分別見圖8.3和圖8.4。2023/9/1338例8.2用戶界面流設(shè)計（續(xù)）用戶從監(jiān)控主屏幕、報警屏幕分別圖8.3家庭保安系統(tǒng)中主要界面流的

順序圖表示2023/9/1339圖8.3家庭保安系統(tǒng)中主要界面流的

順序圖表示2023/8/圖8.4家庭保安系統(tǒng)中主要界面流的

類圖表示2023/9/1340圖8.4家庭保安系統(tǒng)中主要界面流的

類圖表示2023/8/38.8用戶界面的精化界面精化的主要任務(wù)：基于概念設(shè)計和界面流設(shè)計，給出目標軟件產(chǎn)品界面的完整的、詳細的設(shè)計設(shè)計師的工作步驟是：①對屏幕的概念設(shè)計成果進行細化、補充等，將界面流中每次跳轉(zhuǎn)動作與具體的事件或界面動作關(guān)聯(lián)起來；②在軟件系統(tǒng)的全局范圍內(nèi)對屏幕的設(shè)計和界面流進行優(yōu)化；③將每個精化后的屏幕設(shè)計成果提交給美工設(shè)計師，進行必要的裝飾、美化工作。2023/9/13418.8用戶界面的精化界面精化的主要任務(wù)：基于概念設(shè)計和界面屏幕的概念設(shè)計進行精化針對屏幕的概念設(shè)計進行精化時，首先要補齊概念設(shè)計中遺漏或故意忽略的界面元素。在精化屏幕內(nèi)容的同時，必須同步地修改、精化屏幕的UML類圖，尤其要注意補齊作為屏幕類的操作的隱藏動作（詳見8.3節(jié)，圖8.5中的動作“onInitScreen”）選用最適當?shù)慕缑嬖亟M織信息的呈現(xiàn)或錄入以樹形結(jié)構(gòu)組織遞歸型信息以表格結(jié)構(gòu)組織數(shù)組型信息以checkbox表示布爾型信息，等2023/9/1342屏幕的概念設(shè)計進行精化針對屏幕的概念設(shè)計進行精化時，2023屏幕的概念設(shè)計進行精化設(shè)計界面元素的布局，包括將哪些界面元素集結(jié)于一個子區(qū)域，哪些界面元素應(yīng)該相互對齊，等。將用戶的界面動作（例如鼠標點擊命令按鈕、修改checkbox或radiobox的選項，在界面域中填寫或修改數(shù)據(jù)導(dǎo)致其他界面域的改變，等）與屏幕類中的操作對應(yīng)起來。2023/9/1343屏幕的概念設(shè)計進行精化設(shè)計界面元素的布局，包括將哪些界面元素界面流的精化界面流的精化包括：補齊8.7節(jié)所述的界面流設(shè)計中遺漏或故意忽略的屏幕，必要時修改或細化界面流的順序圖和類圖；具體說明在哪些時機或情形下、由哪些事件或界面動作會引發(fā)什么樣的屏幕跳轉(zhuǎn)；針對每個屏幕的跳轉(zhuǎn)關(guān)系，說明跳轉(zhuǎn)時將會執(zhí)行屏幕類中的哪些操作。2023/9/1344界面流的精化界面流的精化包括：2023/8/344設(shè)計和界面流進行優(yōu)化必須在整個軟件系統(tǒng)范圍內(nèi)協(xié)調(diào)多項任務(wù)的屏幕和屏幕流，這些任務(wù)可能順序執(zhí)行，也可能并行或交叉執(zhí)行。必須在全局范圍內(nèi)對屏幕和屏幕流進行優(yōu)化，如，探討屏幕合并的可能性；對已設(shè)計的屏幕進行調(diào)整，確保界面風格一致化、用戶操作方法一致化等。2023/9/1345設(shè)計和界面流進行優(yōu)化必須在整個軟件系統(tǒng)范圍內(nèi)協(xié)調(diào)多項任務(wù)的屏例8.3用戶界面的精化針對圖8.2(a)所示的家庭保安系統(tǒng)中系統(tǒng)配置主屏幕，考慮到顯示屏的面積較小，基于界面設(shè)計原則，應(yīng)該將配置信息分為報警電話（含電話號碼、重撥延遲和最大重撥次數(shù)三個配置項）、傳感器（含編號、安裝位置、門窗傳感器靈敏度和煙霧濃度閾值四個配置項）和密碼共三大類，每類配置信息組織為一個標簽頁（tabpage），從而將圖8.2(a)精化為圖8.5(a)。本例將圖8.5(a)中的三個標簽頁分別命名為AlarmTelConfigTabSensorConfigTabPswConfigTab。2023/9/1346例8.3用戶界面的精化針對圖8.2(a)所示的家庭保安系統(tǒng)用戶界面的精化在初次進入每個標簽頁時，系統(tǒng)分別調(diào)用onInitAlarmTelConfigonInitSensorConfigonInitPswConfig

讀入相應(yīng)的配置信息。在用戶修改密碼時，如果僅要求鍵入一次新密碼，用戶事后容易忘記。按照界面設(shè)計原則，必須要求用戶再次鍵入，并且系統(tǒng)應(yīng)該檢查用戶兩次錄入的密碼是否完全一致。精化后系統(tǒng)配置主屏幕的UML類如圖8.5(b)所示，該屏幕處于密碼修改標簽頁時的瞬時快照如圖8.5(a)所示。2023/9/1347用戶界面的精化在初次進入每個標簽頁時，系統(tǒng)分別調(diào)用onIni圖8.5家庭保安系統(tǒng)中精化后的

系統(tǒng)配置主屏幕的設(shè)計(a)精化后的系統(tǒng)配置屏幕的外觀設(shè)計(b)精化后的系統(tǒng)配置屏幕的UML類表示2023/9/1348圖8.5家庭保安系統(tǒng)中精化后的

系統(tǒng)配置主屏幕的設(shè)計(a)小結(jié)任何產(chǎn)品，包括軟件產(chǎn)品在內(nèi)，成敗最終取決于用戶的滿意程度。軟件設(shè)計，尤其是用戶界面設(shè)計的過程中，遵