第5章 界面設(shè)計(jì)

第五章界面設(shè)計(jì)山東大學(xué)計(jì)算機(jī)學(xué)院Lecture42內(nèi)容提要界面設(shè)計(jì)原則理解用戶(hù)設(shè)計(jì)流程任務(wù)分析以用戶(hù)為中心的界面設(shè)計(jì)Lecture435.1界面設(shè)計(jì)原則根據(jù)表現(xiàn)形式，用戶(hù)界面分為命令行界面圖形界面多通道用戶(hù)界面5.1.1圖形用戶(hù)界面的主要思想圖形用戶(hù)界面的三個(gè)重要思想桌面隱喻(DesktopMetaphor)所見(jiàn)即所得（WhatYouSeeIsWhatYouGet，WYSIWYG）直接操縱(Directmanipulation)Lecture44Lecture451桌面隱喻(DesktopMetaphor)在用戶(hù)界面中用人們熟悉的桌面上的圖例清楚地表示計(jì)算機(jī)可以處理的能力圖形具有一定的文化和語(yǔ)言獨(dú)立性，可以提高搜索目標(biāo)的效率圖形用戶(hù)界面中的圖例可以代表對(duì)象、動(dòng)作、屬性或其他概念表達(dá)方式：圖例和文字文字適用于表達(dá)某些抽象概念圖例更易于識(shí)別，占用較少屏幕空間，可獨(dú)立于語(yǔ)言1桌面隱喻隱喻的表現(xiàn)方法靜態(tài)圖標(biāo)動(dòng)畫(huà)視頻隱喻的分類(lèi)直接隱喻：隱喻本身就帶有操縱的對(duì)象如Word中的表格、圖表等圖標(biāo)，圖標(biāo)分別代表了操縱對(duì)象。工具隱喻：代表所使用的工具如用磁盤(pán)圖標(biāo)隱喻存盤(pán)操作、用打印機(jī)圖標(biāo)隱喻打印操作等，這種隱喻設(shè)計(jì)簡(jiǎn)單、形象直觀(guān)，應(yīng)用也最為普遍。過(guò)程隱喻：通過(guò)描述操作的過(guò)程來(lái)暗示該操作如Word中的撤銷(xiāo)和恢復(fù)圖標(biāo)。Lecture47Lecture482.所見(jiàn)即所得（WYSIWYG）在WYSIWYG交互界面中顯示的用戶(hù)交互行為與應(yīng)用程序最終產(chǎn)生的結(jié)果是一致的。非WYSIWYG的編輯器，用戶(hù)只能看到文本的控制代碼，對(duì)于最后的輸出結(jié)果缺乏直觀(guān)的認(rèn)識(shí)。（latex編輯器）2.所見(jiàn)即所得（WYSIWYG）WYSIWYG的弊端如果屏幕的空間或顏色的配置方案與硬件設(shè)備所提供的配置不一樣，在兩者之間就很難產(chǎn)生正確的匹配文本處理器都提供了定義章、節(jié)、小節(jié)等的標(biāo)記，這些標(biāo)記顯式地標(biāo)明了對(duì)象的屬性，但并不是用戶(hù)最終輸出結(jié)果的一部分Lecture4103.直接操縱(Directmanipulation)

直接操縱是指可以把操作的對(duì)象、屬性、關(guān)系顯式地表示出來(lái)，用光筆、鼠標(biāo)、觸摸屏或數(shù)據(jù)手套等指點(diǎn)設(shè)備直接從屏幕上獲取形象化命令與數(shù)據(jù)的過(guò)程直接操縱的對(duì)象是命令、數(shù)據(jù)或是對(duì)數(shù)據(jù)的某種操作Lecture4113.直接操縱直接操縱的特點(diǎn)直接操縱的對(duì)象是動(dòng)作或數(shù)據(jù)的形象隱喻形象隱喻應(yīng)該與其實(shí)際內(nèi)容相近，使用戶(hù)能通過(guò)屏幕上的隱喻直接想象或感知其內(nèi)容用指點(diǎn)和選擇代替鍵盤(pán)輸入優(yōu)點(diǎn)：操作簡(jiǎn)便，速度快捷操作結(jié)果立即可見(jiàn)操作結(jié)果立即可見(jiàn)，用戶(hù)可以及時(shí)修正操作，逐步往正確的方向前進(jìn)。支持逆向操作用戶(hù)在使用系統(tǒng)的過(guò)程中，不可避免地會(huì)出現(xiàn)一些操作錯(cuò)誤，通過(guò)逆向操作，用戶(hù)可以很方便地恢復(fù)到出現(xiàn)錯(cuò)誤之前的狀態(tài)Lecture412直接操縱的優(yōu)缺點(diǎn)優(yōu)點(diǎn)：借助物理的、空間的或形象的表示，而不是單純的文字或數(shù)字的表示。依賴(lài)于視覺(jué)和手動(dòng)控制的參與，可以直接操作，有利于解決問(wèn)題和進(jìn)行學(xué)習(xí)缺點(diǎn)：不具備命令語(yǔ)言界面的某些優(yōu)點(diǎn)。例如從用戶(hù)界面設(shè)計(jì)者角度看，設(shè)計(jì)圖形比較繁瑣，需進(jìn)行大量的測(cè)試和實(shí)驗(yàn)。表示復(fù)雜語(yǔ)義、抽象語(yǔ)義比較困難Lecture4135.1.2圖形用戶(hù)界面

一般性原則界面要具有一致性在同一用戶(hù)界面中，所有的菜單選擇、命令輸入、數(shù)據(jù)顯示和其他功能應(yīng)保持風(fēng)格的一致性常用操作要有快捷方式不僅會(huì)提高用戶(hù)的工作效率，還使界面在功能實(shí)現(xiàn)上簡(jiǎn)潔而高效提供簡(jiǎn)單的錯(cuò)誤處理在出現(xiàn)錯(cuò)誤時(shí)，系統(tǒng)應(yīng)該能檢測(cè)出錯(cuò)誤，并且提供簡(jiǎn)單和容易理解的錯(cuò)誤處理功能對(duì)操作人員的重要操作要有信息反饋

尤其是對(duì)不常用操作、至關(guān)重要操作要有信息反饋Lecture414操作可逆對(duì)大多數(shù)動(dòng)作應(yīng)允許恢復(fù)(UNDO)，對(duì)用戶(hù)出錯(cuò)采取比較寬容的態(tài)度設(shè)計(jì)良好的聯(lián)機(jī)幫助人機(jī)界面應(yīng)該提供上下文敏感的求助系統(tǒng)，讓用戶(hù)及時(shí)獲得幫助，盡量用簡(jiǎn)短的動(dòng)詞和動(dòng)詞短語(yǔ)提示命令合理劃分并高效地使用顯示屏只顯示與上下文有關(guān)的信息，允許用戶(hù)對(duì)可視環(huán)境進(jìn)行維護(hù)，如放大、縮小窗口；用窗口分隔不同種類(lèi)的信息，只顯示有意義的出錯(cuò)信息保證信息顯示方式與數(shù)據(jù)輸入方式的協(xié)調(diào)一致減少用戶(hù)輸入動(dòng)作，允許用戶(hù)自選輸入方式，能刪除錯(cuò)誤的輸入允許用戶(hù)控制交互過(guò)程，隱藏當(dāng)前狀態(tài)下不可用的命令5.1.2圖形用戶(hù)界面

一般性原則5.2理解用戶(hù)用戶(hù)是使用某種產(chǎn)品的人，其包含兩層含義1）用戶(hù)是人類(lèi)的一部分2）用戶(hù)是產(chǎn)品的使用者。以用戶(hù)為中心的設(shè)計(jì)在軟件開(kāi)發(fā)過(guò)程中要緊緊圍繞用戶(hù)，在系統(tǒng)設(shè)計(jì)和測(cè)試過(guò)程中，要有用戶(hù)的參與，以便及時(shí)獲得用戶(hù)的反饋信息，根據(jù)用戶(hù)的需求和反饋信息，不斷改進(jìn)設(shè)計(jì)，直到滿(mǎn)足了用戶(hù)的需求，這個(gè)過(guò)程才終止關(guān)鍵點(diǎn)是強(qiáng)調(diào)產(chǎn)品的最終使用者與產(chǎn)品之間的交互質(zhì)量，它包括三方面特性：產(chǎn)品在特定使用環(huán)境下為特定用戶(hù)用于特定用途時(shí)所具有的有效性（Effectiveness）、效率（Efficiency）和用戶(hù)主觀(guān)滿(mǎn)意度（Satisfaction）。5.2.2用戶(hù)體驗(yàn)用戶(hù)體驗(yàn)（UserExperience，UX）通常是指用戶(hù)在使用產(chǎn)品或系統(tǒng)時(shí)的全面體驗(yàn)和滿(mǎn)意度。用戶(hù)體驗(yàn)主要有下列四個(gè)元素組成（如圖5-5）：品牌（Branding）使用性（Usability）功能性（Functionality）內(nèi)容（Content）用戶(hù)體驗(yàn)是一個(gè)迭代過(guò)程，影響用戶(hù)體驗(yàn)的因素很多現(xiàn)有技術(shù)上的限制，使得設(shè)計(jì)人員必須優(yōu)先在相對(duì)固定的UI框架內(nèi)進(jìn)行設(shè)計(jì)；設(shè)計(jì)的創(chuàng)新，在用戶(hù)的接受程度上也存在一定的風(fēng)險(xiǎn)；開(kāi)發(fā)進(jìn)度表，也會(huì)給這樣一種具有藝術(shù)性的工作帶來(lái)壓力；設(shè)計(jì)人員很容易認(rèn)為他們了解用戶(hù)需要，但實(shí)際情況常常不是這樣。用戶(hù)體驗(yàn)貫穿人類(lèi)文明始終250萬(wàn)年前，有一個(gè)玉樹(shù)臨風(fēng)的哥們兒，他專(zhuān)門(mén)負(fù)責(zé)部落的飲食供給。你們知道那個(gè)時(shí)候人們都只吃一些燒烤，野味。這個(gè)哥們工作很認(rèn)真負(fù)責(zé)，他無(wú)時(shí)無(wú)刻不在思考自己的工作：如何把工作做到最好，去得到領(lǐng)導(dǎo)的賞識(shí)和美女的芳心呢？

有一天，他在河邊盤(pán)旋，他還在低頭思考。這時(shí)，他發(fā)現(xiàn)了一塊石頭，他想，如果能用石頭把肉切得小片一點(diǎn)，那么，應(yīng)該能更入味。

后來(lái)，他把那些恐龍肉分別烤成5分熟或者8分熟之后，獻(xiàn)給自己的領(lǐng)導(dǎo)和美女。得到了大家一致的認(rèn)可。這就是那塊石頭。這個(gè)工具有兩個(gè)特點(diǎn)：1.鋒利的尖角；2.圓滑的底座。

圓滑的底座方便我們用手拿，而另一端，能讓我們更容易切肉（也就是去征服大自然）。

真是光陰似箭，歲月如梭啊。時(shí)間一晃就是250萬(wàn)年。這是蘋(píng)果在09年的產(chǎn)品：MagicMouse（魔鼠），蘋(píng)果首創(chuàng)的Multi-touch鼠標(biāo)。這款鼠標(biāo)的設(shè)計(jì)和我們常見(jiàn)到的有一點(diǎn)區(qū)別：/v_show/id_XMTI2NzMyNjEy.html沒(méi)有滾輪，沒(méi)有我們支持左右鍵的左右兩塊。

它同樣支持左右鍵；它支持單指滾動(dòng)功能，你用雙指還可以進(jìn)行左右的翻頁(yè)......石頭和鼠標(biāo)有驚人的相似之處，它們長(zhǎng)得都差不多，都要好用，而且有用。在人類(lèi)用石頭征服了首領(lǐng)和美女的250萬(wàn)年之后，在這個(gè)0和1的電腦時(shí)代，用戶(hù)卻希望自己使用工具時(shí)的手感仍然回到最原始。毋庸置疑，用戶(hù)體驗(yàn)與生俱來(lái)，不是刻意產(chǎn)生。

這本書(shū)作者也不停的告訴大家，產(chǎn)品的功能越強(qiáng)大，讓用戶(hù)使用的時(shí)候要最簡(jiǎn)單這本書(shū)作者也不停的告訴大家，產(chǎn)品的功能越強(qiáng)大，讓用戶(hù)使用的時(shí)候要最簡(jiǎn)單增強(qiáng)用戶(hù)體驗(yàn)的實(shí)例Multi-TouchTechnology，一款多點(diǎn)觸摸的產(chǎn)品，你可以在大屏幕上進(jìn)行操作。BumpTop桌面/v_show/id_XMTMzMDE2MjA0.html它將普通的電腦桌面設(shè)計(jì)成了眩目的3D桌面，使文件瀏覽的經(jīng)驗(yàn)變得隨心所欲，可以隨手放置文檔，周?chē)琴N滿(mǎn)便條的“墻面”。支持蘋(píng)果和Windows系統(tǒng)。vizoo公司的Cheoptics360一款展會(huì)產(chǎn)品，用戶(hù)可以360度觀(guān)察你要展示的物品或人物。/v_show/id_XMTMzMDE2NTEy.html微軟的多媒體觸摸屏通過(guò)移動(dòng)桌面的小物件產(chǎn)生不同音效的桌子：reactable。/programs/view/PGuUpJ7SWJM/將一張張平面照片，組合成3D場(chǎng)景的軟件：Photosynth。5.2.3用戶(hù)的區(qū)別

1.用戶(hù)的分類(lèi)1）偶然型用戶(hù)：既沒(méi)有計(jì)算機(jī)應(yīng)用領(lǐng)域的專(zhuān)業(yè)知識(shí)，也缺少計(jì)算機(jī)系統(tǒng)基本知識(shí)的用戶(hù)。2）生疏型用戶(hù)：他們更常使用計(jì)算機(jī)系統(tǒng)，因而對(duì)計(jì)算機(jī)的性能及操作使用，已經(jīng)有一定程度的理解和經(jīng)驗(yàn)。但他們往往對(duì)新使用的計(jì)算機(jī)系統(tǒng)缺乏了解，不太熟悉，因此對(duì)新系統(tǒng)而言，他們?nèi)耘f是生疏用戶(hù)。3）熟練型用戶(hù)：這類(lèi)用戶(hù)一般是專(zhuān)業(yè)技術(shù)人員，他們對(duì)需要計(jì)算機(jī)完成的工作任務(wù)有清楚地了解，對(duì)計(jì)算機(jī)系統(tǒng)也有相當(dāng)多的知識(shí)和經(jīng)驗(yàn)，并且能熟練地操作、使用。4）專(zhuān)家型用戶(hù)：對(duì)需要計(jì)算機(jī)完成的工作任務(wù)和計(jì)算機(jī)系統(tǒng)都很精通的，通常是計(jì)算機(jī)專(zhuān)業(yè)用戶(hù)，稱(chēng)為專(zhuān)家型用戶(hù)。5.2.3用戶(hù)的區(qū)別

2.計(jì)算機(jī)領(lǐng)域經(jīng)驗(yàn)和問(wèn)題領(lǐng)域經(jīng)驗(yàn)的區(qū)別用戶(hù)界面還必須至少?gòu)膬蓚€(gè)維度迎合潛在的廣泛經(jīng)驗(yàn)，這兩個(gè)維度指的是計(jì)算機(jī)經(jīng)驗(yàn)和領(lǐng)域經(jīng)驗(yàn)。計(jì)算機(jī)經(jīng)驗(yàn)不僅包括對(duì)計(jì)算機(jī)的一般性了解，還包括對(duì)尚待開(kāi)發(fā)的系統(tǒng)的經(jīng)驗(yàn)。計(jì)算機(jī)領(lǐng)域和問(wèn)題領(lǐng)域經(jīng)驗(yàn)都不足的用戶(hù)所需的用戶(hù)界面與專(zhuān)家用戶(hù)的界面將區(qū)別很大。5.2.4用戶(hù)交互分析

產(chǎn)品策略分析確定產(chǎn)品的設(shè)計(jì)方向和預(yù)期目標(biāo)，特別是要了解用戶(hù)對(duì)設(shè)計(jì)產(chǎn)品的期望是什么；同類(lèi)型產(chǎn)品的競(jìng)爭(zhēng)特點(diǎn)，用戶(hù)使用同類(lèi)型產(chǎn)品時(shí)的交互體驗(yàn)，包括正面的體驗(yàn)和負(fù)面的體驗(yàn)，從而得出產(chǎn)品交互設(shè)計(jì)的策略。用戶(hù)分析深入而明確的了解產(chǎn)品的目標(biāo)用戶(hù)(如特定年齡區(qū)間、特殊的文化背景、職業(yè)特征、計(jì)算機(jī)使用經(jīng)驗(yàn)、同類(lèi)產(chǎn)品使用經(jīng)驗(yàn)、愛(ài)好等等)，并找到典型用戶(hù)。用戶(hù)交互特性分析通過(guò)對(duì)目標(biāo)用戶(hù)群的交互挖掘，得出準(zhǔn)確、具體的用戶(hù)特征，從而可以進(jìn)行有的放矢地設(shè)計(jì)。5.3設(shè)計(jì)流程

5.3.1用戶(hù)的觀(guān)察和分析情境訪(fǎng)談（ContextualInterviews）走進(jìn)用戶(hù)的現(xiàn)實(shí)環(huán)境，盡量了解你的用戶(hù)的工作方式、生活環(huán)境等情況。焦點(diǎn)小組（FocusGroups）組織一組用戶(hù)進(jìn)行討論，讓你更了解用戶(hù)的理解、想法、態(tài)度和需求。單獨(dú)訪(fǎng)談（IndividualInterviews）一對(duì)一的用戶(hù)討論，讓你了解某個(gè)用戶(hù)是如何工作，使你知道用戶(hù)的感受、想要什么及其經(jīng)歷等。5.3.2設(shè)計(jì)對(duì)象模型化:將用戶(hù)分析的結(jié)果按照討論的對(duì)象進(jìn)行分類(lèi)整理，并且以各種圖示的方法描述其屬性、行為和關(guān)系。比較抽象的視圖有利于進(jìn)行邏輯分析，稱(chēng)為低保真原型（Low-fidelityPrototype）；比較具體的視圖更接近于人機(jī)界面的最終表達(dá)，稱(chēng)為高保真原型圖（High-fidelityPrototype）5.3.3實(shí)施設(shè)計(jì)師對(duì)高真設(shè)計(jì)原型進(jìn)行最后的調(diào)整，并且撰寫(xiě)產(chǎn)品的設(shè)計(jì)風(fēng)格標(biāo)準(zhǔn)（StyleGuide），產(chǎn)品各個(gè)部分風(fēng)格的一致性由該標(biāo)準(zhǔn)保證。產(chǎn)品實(shí)施或投入市場(chǎng)后，面向用戶(hù)的設(shè)計(jì)并沒(méi)有結(jié)束，而是要進(jìn)一步的搜集用戶(hù)的評(píng)價(jià)和建議，以利于下一代產(chǎn)品的開(kāi)發(fā)和研制。5.4任務(wù)分析

在以用戶(hù)為中心的設(shè)計(jì)中，關(guān)心的是如何從用戶(hù)那里理解和獲取用戶(hù)的思維模式，進(jìn)行充分、直觀(guān)的表達(dá)，并用于交互設(shè)計(jì)。描述用戶(hù)行為的工具有很多，目前經(jīng)常提到的是通用標(biāo)識(shí)語(yǔ)言UML（UnifiedMarkupLanguage）。UML2.0共有10種圖示，分別為組合結(jié)構(gòu)圖、用例圖、類(lèi)圖、序列圖、對(duì)象圖、協(xié)作圖、狀態(tài)圖、活動(dòng)圖、組件圖和部署圖在任務(wù)分析中使用UML工具，可以清晰地表達(dá)一個(gè)交互任務(wù)諸多方面的內(nèi)容，包括交互中的使用行為、交互順序、協(xié)作關(guān)系、工序約束等等名

稱(chēng)視

圖主

要

符

號(hào)組合結(jié)構(gòu)圖(composite-structurediagram)表現(xiàn)結(jié)構(gòu)(架構(gòu))性需求，主要包括Part、Port、接口和鏈接(Link)Part、Port、接口、鏈接關(guān)系用例圖(usecasediagram)表現(xiàn)功能需求，主要包括用例和參與者用例、參與者、關(guān)聯(lián)關(guān)系類(lèi)圖(classdiagram)表現(xiàn)靜態(tài)結(jié)構(gòu)，主要包括一群類(lèi)及其間的靜態(tài)關(guān)系類(lèi)、關(guān)聯(lián)關(guān)系、泛化關(guān)系序列圖(sequencediagram)表現(xiàn)一群對(duì)象依序傳送消息的交互狀況對(duì)象、消息、活動(dòng)期對(duì)象圖(objectdiagram)表現(xiàn)某時(shí)刻下的數(shù)據(jù)結(jié)構(gòu)，主要包括一群對(duì)象及其間擁有的數(shù)據(jù)數(shù)值對(duì)象、鏈接、消息協(xié)作圖(collaborationdiagram)表現(xiàn)一群有鏈接的對(duì)象傳送消息的交互狀況對(duì)象、鏈接狀態(tài)圖(statechartdiagram)表現(xiàn)某種對(duì)象的行為，主要呈現(xiàn)一堆狀態(tài)因事件而轉(zhuǎn)換的狀況狀態(tài)、事件、轉(zhuǎn)換、動(dòng)作活動(dòng)圖(activitydiagram)表現(xiàn)一段自動(dòng)轉(zhuǎn)換的活動(dòng)流程，主要包括一堆活動(dòng)及其間的自動(dòng)轉(zhuǎn)換線(xiàn)活動(dòng)、轉(zhuǎn)換、分叉、接合組件圖(componentdiagram)表現(xiàn)一群組件及其間的依賴(lài)關(guān)系組件、接口、依賴(lài)關(guān)系、實(shí)現(xiàn)關(guān)系部署圖(deploymentdiagram)表現(xiàn)一堆設(shè)備及其間的依賴(lài)關(guān)系節(jié)點(diǎn)、組件、依賴(lài)關(guān)系例子圖書(shū)館管理系統(tǒng)為例說(shuō)明任務(wù)分析的過(guò)程，這個(gè)用例從讀者提出想要借書(shū)開(kāi)始，經(jīng)過(guò)如下五個(gè)交互步驟：根據(jù)系統(tǒng)提供查詢(xún)功能，讀者可以在系統(tǒng)界面中輸入關(guān)鍵字查詢(xún)圖書(shū)；系統(tǒng)通過(guò)交互界面列出可借用的圖書(shū)供讀者選擇；如果讀者選定了圖書(shū)，系統(tǒng)提示讀者輸入借書(shū)證號(hào)和密碼；如果最后讀者確定借閱關(guān)系，系統(tǒng)處理并通知讀者借書(shū)成功，并給讀者一個(gè)確認(rèn)；當(dāng)確認(rèn)信息出現(xiàn)時(shí)，整個(gè)圖書(shū)借閱的交互過(guò)程就結(jié)束了。下面，我們?cè)敿?xì)介紹如何用UML來(lái)對(duì)這些交互任務(wù)進(jìn)行分析。5.4.1使用行為分析

使用行為分析就是要理解系統(tǒng)中每個(gè)參與者及其所需完成的任務(wù)，即分析系統(tǒng)所涉及的問(wèn)題領(lǐng)域和系統(tǒng)運(yùn)行的主要任務(wù)，分析使用該系統(tǒng)主要功能部分的是哪些人，誰(shuí)將需要該系統(tǒng)的支持以完成其工作。使用行為分析一般使用用例圖描述，它從參與者的角度出發(fā)來(lái)描述一個(gè)系統(tǒng)的功能，主要目的是幫助開(kāi)發(fā)團(tuán)隊(duì)以一種可視化的方式理解系統(tǒng)的功能需求。以圖書(shū)館管理系統(tǒng)為例，其參與者主要包括：讀者（借閱者）；圖書(shū)管理員；圖書(shū)館管理系統(tǒng)的系統(tǒng)管理員。讀者使用圖書(shū)館管理系統(tǒng)的用例

圖書(shū)管理員處理借書(shū)、還書(shū)的用例系統(tǒng)管理員進(jìn)行系統(tǒng)維護(hù)的用例5.4.2順序分析

每個(gè)使用行為都是由若干步驟組成的，這些步驟可以使用順序圖進(jìn)行描述。順序圖描述了完成一個(gè)任務(wù)的典型步驟；它可以按照交互任務(wù)發(fā)生的時(shí)間順序，把用例表達(dá)的需求轉(zhuǎn)化為進(jìn)一步、更加正式層次的精細(xì)表達(dá)；用例常常被細(xì)化為一個(gè)或更多的順序圖。讀者借書(shū)時(shí)序圖5.4.3協(xié)作關(guān)系分析

協(xié)作圖著重顯示了某個(gè)用戶(hù)行為中各個(gè)系統(tǒng)元素之間的關(guān)系，而不再重點(diǎn)強(qiáng)調(diào)各個(gè)步驟的時(shí)間順序。讀者借書(shū)過(guò)程中，幾個(gè)交互對(duì)象之間的協(xié)作關(guān)系:5.4.4工序約束陳述用戶(hù)完成任務(wù)的步驟又被稱(chēng)為工序，某些工序之間的順序是由一些邏輯關(guān)系的。工序約束陳述是工序分析的最直接的方法。本案例中可能存在如下工序約束：系統(tǒng)管理員必須先增加借閱者信息，讀者才能登陸。系統(tǒng)管理員必須先增加書(shū)籍信息，讀者才能查閱。讀者借閱信息生成后，圖書(shū)管理員圖書(shū)管理員才能去書(shū)庫(kù)取書(shū)。讀者必須先在系統(tǒng)中辦理借閱，才能取書(shū)。讀者必須先借書(shū)才能還書(shū)。5.4.5用戶(hù)任務(wù)一覽表

當(dāng)所有任務(wù)分析完畢，就可以用一覽表的形式描述系統(tǒng)中的所有用戶(hù)及其可能需要完成的所有任務(wù):可以一目了然的展示所有用戶(hù)的交互任務(wù)信息，并且便于更改和調(diào)整。任務(wù)讀者圖書(shū)館管理員系統(tǒng)管理員書(shū)籍信息查詢(xún)、讀者信息查詢(xún)√√借書(shū)√√還書(shū)√√書(shū)籍預(yù)定√√增加、刪除或更新書(shū)目√增加、刪除書(shū)籍√增加、刪除或更新讀者帳戶(hù)信息√5.4.6任務(wù)金字塔

任務(wù)金字塔描述了不同層次的任務(wù)之間的關(guān)系。任何一個(gè)任務(wù)都可能包括若干子任務(wù)，從而構(gòu)成金字塔狀的結(jié)構(gòu)。讀者查詢(xún)圖書(shū)5.4.7故事講述和情節(jié)分析

通過(guò)描述實(shí)際的任務(wù)場(chǎng)景可以非常直觀(guān)的進(jìn)行任務(wù)描述，便于與用戶(hù)的交流，并可以幫助分析設(shè)計(jì)者和真正用戶(hù)之間對(duì)任務(wù)的不同理解。故事講述（storytelling）可以是真實(shí)的案例，也可以是虛構(gòu)的情節(jié)，甚至可以是對(duì)理想場(chǎng)景的虛構(gòu)，關(guān)鍵是使這些故事能夠典型的反映交互任務(wù)，具有充分的代表性。情節(jié)分析（scenarioanalysis）是對(duì)故事所反映的交互任務(wù)的理性分析，分離出故事中所描述的角色、目標(biāo)、環(huán)境、步驟、策略、感情等諸方面的因素。例子學(xué)生借書(shū)的過(guò)程描述圖書(shū)館里系統(tǒng)的交互故事角色：劉凡，圖書(shū)館讀者；圖書(shū)管理員。目標(biāo)：完成書(shū)籍的借閱或預(yù)定。環(huán)境：圖書(shū)館借閱大廳，有查詢(xún)電腦可供查詢(xún)使用；借書(shū)處，取到借閱的書(shū)籍。步驟：查詢(xún)書(shū)籍，瀏覽圖書(shū)信息，確定要借閱的書(shū)籍；然后在系統(tǒng)中辦理借閱，并等待從借書(shū)處取書(shū)。策略：如果圖書(shū)在館，則借閱；否則，可以預(yù)定圖書(shū)。情感：交互系統(tǒng)的交互過(guò)程簡(jiǎn)潔、順暢，信息提示充分、清晰，用戶(hù)對(duì)完成任務(wù)的過(guò)程感到滿(mǎn)意。5.5以用戶(hù)為中心的界面設(shè)計(jì)以用戶(hù)為中心設(shè)計(jì)的四個(gè)重要原則。及早以用戶(hù)為中心：設(shè)計(jì)人員應(yīng)當(dāng)在設(shè)計(jì)過(guò)程的早期就致力于了解用戶(hù)的需要。綜合設(shè)計(jì)：設(shè)計(jì)的所有方面應(yīng)當(dāng)齊頭并進(jìn)發(fā)展，而不是順次發(fā)展，使產(chǎn)品的內(nèi)部設(shè)計(jì)與用戶(hù)界面的需要始終保持一致。及早并持續(xù)性地進(jìn)行測(cè)試：當(dāng)前對(duì)軟件測(cè)試的唯一可行的方法是根據(jù)經(jīng)驗(yàn)總結(jié)出的方法，即若實(shí)際用戶(hù)認(rèn)為設(shè)計(jì)是可行的，它就是可行的。通過(guò)在開(kāi)發(fā)的全過(guò)程引入可用性測(cè)試，可以使用戶(hù)有機(jī)會(huì)在產(chǎn)品推出之前就設(shè)計(jì)提供反饋意見(jiàn)。反復(fù)式設(shè)計(jì)：大問(wèn)題往往會(huì)掩蓋小問(wèn)題的存在。設(shè)計(jì)人員和開(kāi)發(fā)人員應(yīng)當(dāng)在整個(gè)測(cè)試過(guò)程中反復(fù)對(duì)設(shè)計(jì)進(jìn)行修改。用戶(hù)為中心的設(shè)計(jì)方法圖形用戶(hù)界面設(shè)計(jì)與評(píng)估（GraphicalUserInterfaceDesignandEvaluation，GUIDE）以用戶(hù)為中心的邏輯交互設(shè)計(jì)（LogicalUser-CentredInteractionDesign，LUCID）用于交互優(yōu)化的結(jié)構(gòu)化用戶(hù)界面設(shè)計(jì)（StructuredUser-InterfaceDesignforInteractionOptimisation，STUDIO）以使用為中心的設(shè)計(jì)（Usage-CenteredDesign）OVID設(shè)計(jì)OVID方法通過(guò)對(duì)用戶(hù)、目標(biāo)和任務(wù)的分析，系統(tǒng)地指導(dǎo)人機(jī)交互界面設(shè)計(jì)，以達(dá)到用戶(hù)滿(mǎn)意的設(shè)計(jì)要求設(shè)計(jì)者模型就是用對(duì)象、對(duì)象間的關(guān)系等概念來(lái)表達(dá)目標(biāo)用戶(hù)意圖的概念模型；編程者模型廣泛應(yīng)用于面向?qū)ο蟮拈_(kāi)發(fā)方法中，用于表示和實(shí)現(xiàn)構(gòu)成系統(tǒng)的類(lèi)；用戶(hù)概念模型表示用戶(hù)對(duì)系統(tǒng)的理解，它依賴(lài)于用戶(hù)的交互經(jīng)驗(yàn)OVID方法的關(guān)鍵確定交互中涉及的對(duì)象，并把這些對(duì)象組織到交互視圖中。其中，對(duì)象來(lái)自用戶(hù)的概念模型視圖是支持特定用戶(hù)任務(wù)的對(duì)象的有機(jī)組合交互就是那些在交互界面中對(duì)對(duì)象執(zhí)行的操作。OVID中的活動(dòng)循環(huán)對(duì)象從用戶(hù)概念模型的任務(wù)分析中獲得，并被轉(zhuǎn)化到設(shè)計(jì)者的對(duì)象模型中。交互就是那些界面中執(zhí)行對(duì)象操作的必須動(dòng)作。如果該模型能夠有效地設(shè)計(jì)和實(shí)現(xiàn)，用戶(hù)就可以通過(guò)與系統(tǒng)的交互理解設(shè)計(jì)者模型所要表達(dá)的信息；這些模型可以使用面向?qū)ο蟾拍钊ケ磉_(dá)，如統(tǒng)一對(duì)象建模語(yǔ)言（UML）等。下面以一個(gè)網(wǎng)上機(jī)票訂購(gòu)系統(tǒng)的界面開(kāi)發(fā)為例，簡(jiǎn)單說(shuō)明OVID方法的過(guò)程5.5.1對(duì)象建模分析建模是將系統(tǒng)任務(wù)的某些概念及其關(guān)系用圖的方式直觀(guān)綜合地表達(dá)出來(lái)；分析則是將系統(tǒng)的對(duì)象抽象為類(lèi)，列出對(duì)象或類(lèi)的屬性、行為、以及對(duì)象間的關(guān)系。對(duì)象：乘客會(huì)員、航空代理、航班、機(jī)票、會(huì)員賬戶(hù)、航班列表等；操作（交互過(guò)程）：用戶(hù)注冊(cè)、登陸、查詢(xún)航班信息、填寫(xiě)預(yù)定信息、支付、出票等對(duì)象&操作5.5.2視圖抽象設(shè)計(jì)視圖抽象設(shè)計(jì)階段就是仔細(xì)研究系統(tǒng)的對(duì)象模型，列出其系統(tǒng)狀態(tài)，對(duì)每個(gè)視圖抽象出其中涉及的對(duì)象，以及對(duì)象的屬性和行為。用戶(hù)查詢(xún)航班視圖航班信息列表視圖用戶(hù)選中的某個(gè)具體航班的信息視圖訂購(gòu)信息填寫(xiě)視圖支付視圖交易成功反饋和出票視圖等用戶(hù)查詢(xún)航班視圖對(duì)象：航班對(duì)象屬性：出發(fā)城市、到達(dá)城市、航空公司、起飛日期時(shí)間、機(jī)票類(lèi)別以及出票城市等，操作：主要是查詢(xún)，即要從后臺(tái)數(shù)據(jù)庫(kù)中查出符合條件的航班信息，以及重置查詢(xún)條件等操作。進(jìn)一步交互動(dòng)作例如對(duì)于視窗系統(tǒng)界面，在用戶(hù)執(zhí)行航班查詢(xún)后，要在屏幕上顯示航班信息和可能的進(jìn)一步的交互動(dòng)作航班信息如何展現(xiàn)？以什么順序顯示？已經(jīng)訂滿(mǎn)的航班還需不需要顯示？如果要顯示的話(huà)，是不是用不同的顏色？如果信息超出一屏是用滾動(dòng)條還使用分頁(yè)的方式？這些都要通過(guò)與用戶(hù)一起分析來(lái)確定，最大限度的滿(mǎn)足用戶(hù)可用性。進(jìn)一步交互動(dòng)作例如對(duì)于視窗系統(tǒng)界面，在用戶(hù)執(zhí)行航班查詢(xún)后，要在屏幕上顯示航班信息和可能的進(jìn)一步的交互動(dòng)作

進(jìn)一步的操作如何展示？進(jìn)一步查詢(xún)的條件如何輸入？是否提供打印功能？用戶(hù)通過(guò)什么方式確定要訂購(gòu)的航班？是否允許用戶(hù)把查到的信息存入收藏夾？考慮與其他界面可能的關(guān)聯(lián)接口。對(duì)于其他的用戶(hù)界面，如電話(huà)語(yǔ)音訂票或手機(jī)短信訂票，返回信息的表示方式就大為不同，所以需要針對(duì)不同界面進(jìn)行交互設(shè)計(jì)，但這些設(shè)計(jì)都是來(lái)自同一個(gè)抽象設(shè)計(jì)。5.5.3概要設(shè)計(jì)

針對(duì)特定的操作系統(tǒng)或交互方式，對(duì)抽象的視圖設(shè)計(jì)做進(jìn)一步的具體設(shè)計(jì)，產(chǎn)生視圖的概要設(shè)計(jì)。實(shí)際設(shè)計(jì)中，這些視圖通常是用鉛筆畫(huà)在紙上，這樣做速度快，而且修改起來(lái)也比較方便。查詢(xún)條件航班號(hào)起飛城市到達(dá)城市起飛時(shí)間到達(dá)時(shí)間全票票價(jià)剩余票額CA1100濟(jì)南北京17：3519：1050020……………………………………訂票保存打印上一頁(yè)下一頁(yè)新查詢(xún)結(jié)果中查詢(xún)5.5.4視圖的關(guān)聯(lián)設(shè)計(jì)

很多交互任務(wù)需要從一個(gè)狀態(tài)轉(zhuǎn)化為另一個(gè)狀態(tài)，這就要考慮用戶(hù)完成任務(wù)所需的信息和功能，并將不同交互視圖之間的聯(lián)系和狀態(tài)轉(zhuǎn)換關(guān)系整理清楚。對(duì)一個(gè)具體的交互視圖進(jìn)行關(guān)聯(lián)性設(shè)計(jì)一般就要考慮以下因素：該視圖的前一個(gè)或幾個(gè)視圖是什么？用戶(hù)怎樣由前面的