軟件工程交互設(shè)計

軟件工程交互設(shè)計1第一頁，共42頁內(nèi)容介紹交互設(shè)計概念交互設(shè)計的重要性交互設(shè)計方法角色設(shè)計目標設(shè)計任務(wù)設(shè)計人性化設(shè)計交互設(shè)計注意的問題交互設(shè)計舉例2第二頁，共42頁一.交互設(shè)計的概念交互設(shè)計：指對行為、功能、信息及其為滿足用戶的要求而進行的選擇等的設(shè)計。與界面設(shè)計的區(qū)別：界面設(shè)計只能告訴人們?nèi)绾未虬缫呀?jīng)存在的行為。交互設(shè)計是為了給用戶提供既強大又愉快的軟件，需要首先進行概念的思考（概念設(shè)計考慮對于第一線的用戶有價值得東西），然后是用行為（行為設(shè)計告訴人們軟件元素如何動作和通信），最后才是用界面，這才是交互設(shè)計的過程。3第三頁，共42頁4第四頁，共42頁二.交互設(shè)計的重要性不好的交互設(shè)計產(chǎn)生認知摩擦自動取款機的認知摩擦微波爐的認知摩擦好的交互設(shè)計能贏得客戶的忠誠技術(shù)能力、市場能力、期望能力期望與需求的區(qū)別自動取款機與應(yīng)用軟件的不同之處無形資產(chǎn)5第五頁，共42頁三.交互設(shè)計方法角色設(shè)計目標設(shè)計任務(wù)設(shè)計人性化設(shè)計6第六頁，共42頁1.角色設(shè)計能設(shè)計一種款式的皮鞋來滿足成年女性的需要嗎？需要虛構(gòu)潛在的用戶并為他們設(shè)計軟件產(chǎn)品，這些虛構(gòu)的用戶就是“角色”，是交互設(shè)計的必要基礎(chǔ)。

軟件的角色設(shè)計就是精確描述我們的用戶以及用戶希望達到的目標。分別為年青女孩、年輕媽媽、老年婦女設(shè)計。7第七頁，共42頁必須賦予角色嚴格而精確的定義

角色是虛擬的，但是合理的人群。必須只為一類人設(shè)計。角色目標的范圍越大，迷失方向的可能性也越大。時尚、個性大方、實用舒適、安全角色必須有限定。限定出這50％的目標人群，然后盡力讓他們100％地喜歡它。而最終結(jié)果遠遠不止這些。王靜張君給角色起名字，還可以有其他細節(jié)。否則很容易跟有彈性的用戶混為一談。不要把精確定義的分類用戶和真正的人混淆。特定性8第八頁，共42頁角色只為中心服務(wù)，而不是為邊緣

角色設(shè)計需要用大量的細節(jié)精確定義角色。年青女孩：程序可以按照邊緣需求來定義，但是設(shè)計只能為中心服務(wù)。李娜王靜在定義角色時，需要精確，但并不是采取平均主義的辦法。9第九頁，共42頁必須實際了解角色的技術(shù)水平

強力用戶文化用戶電腦文盲用戶角色定義能防止這種錯誤分類，而忽略人群的代表性。角色定義還能防止程序員把自己和用戶混淆。乘客不關(guān)心飛機怎么開。李會計10第十頁，共42頁設(shè)計師和程序員都需要角色

角色作為設(shè)計師和程序員的交流工具，使程序員忘掉籠統(tǒng)的“用戶”一詞。應(yīng)用角色以前：程序員：“如果用戶需要把這個打印出來怎么辦？”經(jīng)理：“我認為他們不會在第一版就需要增加打印功能?！背绦騿T：“但是也許有人會希望要打印功能?！苯?jīng)理：“當然有這種可能，但是我們不能推遲到第二版再增加打印功能嗎？”應(yīng)用角色以后：程序員：“如果用戶需要把這個打印出來怎么辦？”交互視設(shè)計師：“羅麗對打印功能可不感興趣?！背绦騿T：“但是也許有人可能需要打印功能?！苯换ヒ曉O(shè)計師：“我們是為羅麗設(shè)計，而不是某些人?！?/p>

11第十一頁，共42頁長期堅持應(yīng)用角色后：快樂的程序員：“羅麗是否需要打印功能？”高興的交互設(shè)計師：“她不需要。張輝可能每一季度需要打印報表?！笨鞓返某绦騿T：“如果這樣，我們就可以節(jié)省時間和精力，不去設(shè)計那種麻煩的打印功能，而去使用現(xiàn)在的商業(yè)打印軟件包?！备吲d的經(jīng)理：“這樣就可以節(jié)省兩周的時間了?！爆F(xiàn)在大家討論，很容易取得一致意見。因為角色設(shè)計幫助程序員統(tǒng)一了思想，充分理解最終用戶的需要了。

12第十二頁，共42頁必須區(qū)別用戶角色和買方角色

防止角色被多重化定義——忽視特定性；區(qū)別買方角色與設(shè)計角色：盡管我們不應(yīng)該忽視購買產(chǎn)品的人的需求，但如果讓真正的最終用戶高興，購買的人也會高興。角色多了，必須確定首要角色，使首要角色成為設(shè)計的焦點?？蛻粲脩?3第十三頁，共42頁2.目標設(shè)計

目標與角色是不可分割的，角色決定著需要達到的目標，而這些目標則反映出角色的意義。目標很容易與任務(wù)混淆起來,怎樣區(qū)分？目標的內(nèi)涵非常豐富，涉及到用戶個人目標、公司目標、以及一些虛假的目標，在這些目標中，我們該如何選擇對待?14第十四頁，共42頁針對目標進行設(shè)計，而不是針對任務(wù)

目標是一個終結(jié)條件，然而任務(wù)是達到目標必需的一個中間進程。區(qū)別很簡單：任務(wù)會隨著技術(shù)的變化而變化，但目標卻具有相當穩(wěn)定的性質(zhì)。目標與任務(wù)有時甚至是迥然不同的。所以針對任務(wù)的設(shè)計并不總能適合目標，而針對目標的設(shè)計是總能適應(yīng)任務(wù)的。和平：戰(zhàn)爭/談判

教師教學評估系統(tǒng)發(fā)現(xiàn)不正確的需求學生考核督導聽課抽查試卷提高教師水平－>一流大學15第十五頁，共42頁交互設(shè)計必須滿足個人目標讓用戶達到他們的實際目標時，還不能妨礙或侵犯他們的個人目標。個人目標是簡單的、普遍的、也是屬于個人的。傷害用戶個人目標的設(shè)計，無論其他目標實現(xiàn)得有多好，也一樣會失敗。計算程序燈滿足個人目標同時，也必須滿足公司目標。通常把公司目標當成保健目標。不要把一些新技術(shù)同目標混淆起來。采用新技術(shù)是軟件公司的任務(wù)，但他從來不是用戶的目標。16第十六頁，共42頁3.任務(wù)設(shè)計任務(wù)是對使用軟件產(chǎn)品的角色為達到某個目標而進行的簡潔描述，也稱腳本設(shè)計。－日常使用型腳本：包含用戶要完成的，而且是最頻繁完成的動作。必須精心設(shè)計。必需使用型腳本：包括所有必須要完成的動作，但卻不是頻繁完成的工作。也必須好好設(shè)計。邊緣情況腳本：所需的交互被簡約地設(shè)計，并被放到界面的不重要位置。簡約的設(shè)計。

任務(wù)是需求分析階段收集的信息建立的，一般通過直接對用戶進行觀察和對話，從他們的任務(wù)中學習獲得的。17第十七頁，共42頁4.人性化設(shè)計人對電腦的反應(yīng)與人對其他人的反應(yīng)是一樣的。如何使軟件像人一樣有禮貌，以達到設(shè)計的目標？軟件的禮貌：禮貌軟件應(yīng)對我關(guān)心：紫金港公寓管理員、打印禮貌軟件允許用戶出錯并提前防止用戶出錯。禮貌軟件應(yīng)該消息靈通，并具有一定的自信和判斷力：搜索引擎禮貌軟件還應(yīng)美觀，風格一致。18第十八頁，共42頁四.交互設(shè)計中應(yīng)注意的問題調(diào)節(jié)界面為中間程度用戶設(shè)計需要精確的詞匯表能夠側(cè)向思維衡量軟件開發(fā)工作的標準19第十九頁，共42頁1.調(diào)節(jié)界面只要把日常使用的腳本中所需要的控制與數(shù)據(jù)突出的放在界面上，而把其它的放在次要的位置上。微軟的Word常用工具欄程序員很容易被一些小玩意迷住，熱衷于給產(chǎn)品增添一些小發(fā)明或小功能。這種傾向正好與優(yōu)秀設(shè)計的基本觀點相對立。好的服務(wù)員20第二十頁，共42頁2.為中間程度用戶設(shè)計

用戶數(shù)量初學者中間程度專家用戶技術(shù)水平分布用戶數(shù)量初學者中間程度專家程序員為專家設(shè)計用戶數(shù)量初學者中間程度專家市場人員為初學者設(shè)計矛盾21第二十一頁，共42頁3.需要精確的詞匯表

沒有一個創(chuàng)新的、有用的、詳細而精確的詞匯表，那就不可能進行交流；如果明顯地看出彼此使用的術(shù)語并不相同，這樣討論就會缺乏有效性，因為沒有共同的語言。使用精確的詞匯表主要能使交流更加有效。內(nèi)部詞匯表22第二十二頁，共42頁4.能夠側(cè)向思維

交互設(shè)計師對于這些假定，必須保持適當?shù)膽岩?。因為約束可能是錯覺產(chǎn)生的。有些限制是實際的，我們無法逾越，但是嘗試一下也是有價值的，很多重大想法都是在突破不合理的假設(shè)后出現(xiàn)的。23第二十三頁，共42頁5.衡量軟件開發(fā)工作的標準用最后期限與功能來衡量軟件開發(fā)工作是錯誤的。交互設(shè)計的執(zhí)行者交互設(shè)計應(yīng)該由2～3名經(jīng)過專門培訓的專業(yè)交互設(shè)計師組成的小組去做，他們必須與產(chǎn)品的開發(fā)和銷售無關(guān)。交互設(shè)計文檔“沒有落在紙上的東西都是不存在的”；可以采取報紙那樣的方式來組織設(shè)計文檔。編寫初步用戶使用手冊24第二十四頁，共42頁結(jié)論軟件開發(fā)與制作電影很相似，是一件耗資巨大的事情。電影的制作過程中，拍攝是最昂貴的一部分，所有的導演、演員、技術(shù)人員、機器等都投入，每天都要花費很多錢。精明的制片人會在拍攝前做好詳細的計劃，盡量縮短拍攝時間。

軟件業(yè)，應(yīng)向電影制作學習。交互設(shè)計投入的只是時間，目的是使后續(xù)軟件開發(fā)階段的工作更清晰。做好交互設(shè)計，不僅能有效保障軟件的可用性，還能提高軟件開發(fā)的效率和成功率。25第二十五頁，共42頁五.交互設(shè)計案例

負責設(shè)計航空娛樂系統(tǒng)（IFE）。航空娛樂系統(tǒng)是在商業(yè)飛機上放電影、電視劇、以及玩游戲的系統(tǒng)。該系統(tǒng)最引人注目的功能是稱為Passport的真正的即點即看的視頻點播（VoD）。每一個座椅靠背的后面，都有一個屏幕及運行Windows的電腦，飛機的前部有一個功能強大的電腦系列，光纖把座椅上的電腦和飛機前部的電腦連接起來。這意味者每一個乘客可以選擇看任一部電影或玩游戲，甚至可以暫停、后退等，而不影響飛機上的另一個人?，F(xiàn)在要求進行交互設(shè)計，以使坐飛機的各類人都得到滿意。

26第二十六頁，共42頁傳統(tǒng)的解決辦法采用分層結(jié)構(gòu)設(shè)計，與程序內(nèi)部結(jié)構(gòu)非常一致。音樂

》返回主界面

》返回前頁

》……電影喜劇片××××游戲動作片×××購物兒童片×××旅游戲劇片××××幫助故事片下一頁27第二十七頁，共42頁交互設(shè)計的過程－確定角色趙克，65歲老頭，精力充沛，但雙手的關(guān)節(jié)炎很嚴重，使他行動不方便。他是4個乘客中唯一不擁有電腦，也不知道如何使用它的人。

張軍，企業(yè)經(jīng)理，大約每星期都要乘飛機一次，有大量的旅行經(jīng)驗意味著無法忍受復雜的、費時的、或者遷就于新手的界面。王樂，9歲男孩，他是第一次無人帶領(lǐng)乘機，喜歡玩游戲。劉梅，喜歡旅行，英語是她的第二語言，喜歡瀏覽購物指南，當然也喜歡其它的娛樂選擇。28第二十八頁，共42頁交互設(shè)計的過程—確定目標設(shè)計的界面必須滿足以上四人，同時又不能讓他們中的任何一個人不高興。但是這并不意味著我們要讓他們中的每一個人高興。因為趙克手部的關(guān)節(jié)炎，任何復雜的操作他都不會接受，他應(yīng)該用手中的球來操縱系統(tǒng)。任何關(guān)注張軍、王樂、劉梅的解決辦法，對趙克都是不合適的，而關(guān)注趙克的解決辦法是其他三人可接受的。

29第二十九頁，共42頁交互設(shè)計的過程—任務(wù)設(shè)計我們把界面變成水平的類似精美電影海報或唱片封面那種式樣的滾動屏。用屏幕上實際存在的真正旋轉(zhuǎn)鈕，像使用收音機選臺旋鈕一樣使用它，當趙克向順時針旋轉(zhuǎn)按鈕時，海報向右移動，向左旋轉(zhuǎn)時，海報向左移動。這樣，只要旋轉(zhuǎn)按鈕，他就可以瀏覽所有內(nèi)容，而不必思考電影是什么類型。因為沒有逐級選擇的障礙，和一次次的按鍵引起前排人員的不適，所以可以重新引進觸摸屏。當趙克對某個電影畫報感興趣時，只要一點擊它就可以看簡潔的介紹，然后決定觀看，還是退出繼續(xù)瀏覽。在屏幕的底部，還有瀏覽欄，允許張軍快速地切換瀏覽內(nèi)容，而趙克不必知道這個功能。對于張軍需要的一些快捷鍵，可以安排在界面不顯眼的位置，趙克是不會注意到的。而對于旋轉(zhuǎn)按鈕的操縱，趙克可以從直觀上知道它的功能，或觀察其他旅客的操作就會很快掌握使用該系統(tǒng)。30第三十頁，共42頁整定計算實例以地區(qū)電網(wǎng)整定計算模塊為例分析交互設(shè)計方法的應(yīng)用過程。繼電保護整定計算工作是一項非常復雜的技術(shù)工作，需要進行大量的故障分析、比較和篩選，需要整定人員有一定的工作經(jīng)驗。

在對地區(qū)電網(wǎng)整定人員的性別、學歷、工作經(jīng)歷、愛好等的調(diào)查了解基礎(chǔ)上，定義了以下三個角色。

31第三十一頁，共42頁角色設(shè)計1）王亮：男，本科，剛參加工作，能熟練使用計算機，喜歡嘗試新東西，但缺乏整定計算經(jīng)驗，經(jīng)常需要向別人請教。2）李蘭：女，大專，工作了近十年，但從事整定計算工作三年，熟悉常規(guī)的計算機操作。她已有一定的整定經(jīng)驗，有時還會碰到整定問題需要請教別人，但不經(jīng)常。3）張忠：男，即將退休，是地區(qū)電網(wǎng)整定的專家，有豐富的整定經(jīng)驗，但對電腦不熟悉，也不感興趣，更不愿意經(jīng)常為如何操作而向別人請教。

32第三十二頁，共42頁目標設(shè)計整定計算過程雖然有一定的整定導則可遵循，但對整定導則的理解和應(yīng)用，以及對特殊電網(wǎng)及保護配置的處理都離不開整定經(jīng)驗。因此可以分析目標如下：1）王亮：缺乏整定經(jīng)驗，所以他特別渴望能方便地獲得軟件提供的整定幫助，以提高他的工作水平，為此他愿意花費些時間。2）李蘭：有一定的整定經(jīng)驗，所以她特別希望做適量的工作，而又不制造錯誤。3）張忠：有豐富的整定經(jīng)驗，希望通過簡單的操作，就可把整定經(jīng)驗傳授給別人。

33第三十三頁，共42頁李蘭的目標也是其他角色所希望的，比較一致，而其它目標不盡相同。軟件不能損害任何一個角色的目標，否則將失去該角色所代表的那部分用戶。同時軟件又不能做成多個版本分別滿足不同角色的目標，否則軟件不僅會提高成本，同時將失去通用性。

獲取整定幫助：這是王亮迫切需要的，應(yīng)首先滿足他方便獲得幫助的目標。

錄入整定經(jīng)驗：這個功能是張忠最常使用的，他經(jīng)常解答其他整定人員的問題，并進行歸納總結(jié)，錄入服務(wù)器數(shù)據(jù)庫。所以應(yīng)首先滿足他簡單操作的目標。

目標只要使最迫切需要的角色滿意，其他的角色一般也能滿足。34第三十四頁，共42頁任務(wù)設(shè)計獲取整定幫助：最經(jīng)常使用的設(shè)計是獨立的幫助功能，書本式的分層結(jié)構(gòu)，從上層選擇一個類型后進入下層信息瀏覽。這樣的設(shè)計對張忠和李蘭是可行的，因為基本不用或偶爾用，屬于必需使用型或邊緣使用型任務(wù)，稍微麻煩點也可以接受；但對于王亮屬于日常使用型任務(wù)，不能忍受經(jīng)常要切換到幫助界面，并逐層深入地去查找信息。因此對王亮來說，用快捷鍵方式直接調(diào)出對應(yīng)信息是最方便的，而另兩人甚至可以不知道快捷鍵的存在。為此王亮愿意花一定時間去記住每個快捷鍵對應(yīng)的信息類型，當他經(jīng)過一段時間的工作，越來越少地依賴整定幫助時，他也可以忘掉快捷鍵的存在。35第三十五頁，共42頁錄入整定經(jīng)驗：整定經(jīng)驗是寶貴而嚴肅的資源，錄入和修改必須經(jīng)過管理員授權(quán)和密碼驗證后才能進行。由于張忠對使用電腦不熟悉，也沒有深入學習的興趣，如果在進行這項他常用的任務(wù)時，要他輸入與登錄系統(tǒng)不同的密碼，他會被搞糊涂。所以應(yīng)分配他為一類特殊整定用戶，登錄軟件后無需再次登錄即可使用“輸入/修改整定經(jīng)驗”功能，打開對應(yīng)的整定經(jīng)驗錄入界面。該界面應(yīng)類似于表格文本，可直接在各對應(yīng)欄中輸入相應(yīng)信息，并在退出時自動保存。這樣基本符合了張忠操作簡單的目標。對于王亮和李蘭普通整定用戶來說，可查看整定經(jīng)驗，但輸入或修改整定經(jīng)驗則須輸入分配給該功能的密碼。由于他們用的少，也能記清楚該功能的登錄密碼，是可以接受的。36第三十六頁，共42頁做適量的工作，而又不制造錯誤：這是整定人員的共同目標，在其它整定任務(wù)設(shè)計時應(yīng)主要考慮，比如盡量簡化整定流程和操作步驟，自動提供默認值和默認設(shè)置，對用戶的操作和設(shè)置進行記憶，與具體工作相關(guān)的信息能方便地調(diào)出，界面布置盡量符合習慣等。