軟件工程-5交互設(shè)計(jì).ppt

1,交互設(shè)計(jì),2,內(nèi)容介紹,交互設(shè)計(jì)概念 交互設(shè)計(jì)的重要性 交互設(shè)計(jì)方法 角色設(shè)計(jì) 目標(biāo)設(shè)計(jì) 任務(wù)設(shè)計(jì) 人性化設(shè)計(jì) 交互設(shè)計(jì)注意的問(wèn)題 交互設(shè)計(jì)舉例,3,一.交互設(shè)計(jì)的概念,交互設(shè)計(jì)：指對(duì)行為、功能、信息及其為滿足用戶的要求而進(jìn)行的選擇等的設(shè)計(jì)。,與界面設(shè)計(jì)的區(qū)別：界面設(shè)計(jì)只能告訴人們?nèi)绾未虬缫呀?jīng)存在的行為。交互設(shè)計(jì)是為了給用戶提供既強(qiáng)大又愉快的軟件，需要首先進(jìn)行概念的思考（概念設(shè)計(jì)考慮對(duì)于第一線的用戶有價(jià)值得東西），然后是用行為（行為設(shè)計(jì)告訴人們軟件元素如何動(dòng)作和通信），最后才是用界面，這才是交互設(shè)計(jì)的過(guò)程。,4,5,二.交互設(shè)計(jì)的重要性,不好的交互設(shè)計(jì)產(chǎn)生認(rèn)知摩擦 自動(dòng)取款機(jī)的認(rèn)知摩擦 微波爐的認(rèn)知摩擦,好的交互設(shè)計(jì)能贏得客戶的忠誠(chéng) 技術(shù)能力、市場(chǎng)能力 、期望能力 期望與需求的區(qū)別 自動(dòng)取款機(jī)與應(yīng)用軟件的不同之處,無(wú)形資產(chǎn),6,三.交互設(shè)計(jì)方法,角色設(shè)計(jì) 目標(biāo)設(shè)計(jì) 任務(wù)設(shè)計(jì) 人性化設(shè)計(jì),7,1.角色設(shè)計(jì),能設(shè)計(jì)一種款式的皮鞋來(lái)滿足成年女性的需要嗎？,需要虛構(gòu)潛在的用戶并為他們?cè)O(shè)計(jì)軟件產(chǎn)品，這些虛構(gòu)的用戶就是“角色”，是交互設(shè)計(jì)的必要基礎(chǔ)。,軟件的角色設(shè)計(jì)就是精確描述我們的用戶以及用戶希望達(dá)到的目標(biāo)。,分別為年青女孩、年輕媽媽、老年婦女設(shè)計(jì)。,8,必須賦予角色嚴(yán)格而精確的定義,角色是虛擬的，但是合理的人群。,必須只為一類(lèi)人設(shè)計(jì)。角色目標(biāo)的范圍越大，迷失方向的可能性也越大。,時(shí)尚、個(gè)性大方、實(shí)用 舒適、安全,角色必須有限定。限定出這50的目標(biāo)人群，然后盡力讓他們100地喜歡它。而最終結(jié)果遠(yuǎn)遠(yuǎn)不止這些。,王靜 張君,給角色起名字，還可以有其他細(xì)節(jié)。否則很容易跟有彈性的用戶混為一談 。,不要把精確定義的分類(lèi)用戶和真正的人混淆 。,特定性,9,角色只為中心服務(wù)，而不是為邊緣,角色設(shè)計(jì)需要用大量的細(xì)節(jié)精確定義角色 。,年青女孩：,程序可以按照邊緣需求來(lái)定義，但是設(shè)計(jì)只能為中心服務(wù)。,李娜,王靜,在定義角色時(shí)，需要精確，但并不是采取平均主義的辦法。,10,必須實(shí)際了解角色的技術(shù)水平,角色定義能防止這種錯(cuò)誤分類(lèi)，而忽略人群的代表性。,角色定義還能防止程序員把自己和用戶混淆。乘客不關(guān)心飛機(jī)怎么開(kāi)。,李會(huì)計(jì),11,設(shè)計(jì)師和程序員都需要角色,角色作為設(shè)計(jì)師和程序員的交流工具 ，使程序員忘掉籠統(tǒng)的“用戶”一詞 。,應(yīng)用角色以前： 程序員：“如果用戶需要把這個(gè)打印出來(lái)怎么辦？” 經(jīng)理：“我認(rèn)為他們不會(huì)在第一版就需要增加打印功能?！?程序員：“但是也許有人會(huì)希望要打印功能?！?經(jīng)理：“當(dāng)然有這種可能，但是我們不能推遲到第二版再增加打印功能嗎？”,應(yīng)用角色以后： 程序員：“如果用戶需要把這個(gè)打印出來(lái)怎么辦？” 交互視設(shè)計(jì)師：“羅麗對(duì)打印功能可不感興趣?！?程序員：“但是也許有人可能需要打印功能?！?交互視設(shè)計(jì)師：“我們是為羅麗設(shè)計(jì)，而不是某些人?！?12,長(zhǎng)期堅(jiān)持應(yīng)用角色后： 快樂(lè)的程序員：“羅麗是否需要打印功能？” 高興的交互設(shè)計(jì)師：“她不需要。張輝可能每一季度需要打印報(bào)表?！?快樂(lè)的程序員：“如果這樣，我們就可以節(jié)省時(shí)間和精力，不去設(shè)計(jì)那種麻煩的打印功能，而去使用現(xiàn)在的商業(yè)打印軟件包。” 高興的經(jīng)理：“這樣就可以節(jié)省兩周的時(shí)間了?！?現(xiàn)在大家討論，很容易取得一致意見(jiàn)。因?yàn)榻巧O(shè)計(jì)幫助程序員統(tǒng)一了思想，充分理解最終用戶的需要了。,13,必須區(qū)別用戶角色和買(mǎi)方角色,防止角色被多重化定義忽視特定性； 區(qū)別買(mǎi)方角色與設(shè)計(jì)角色：盡管我們不應(yīng)該忽視購(gòu)買(mǎi)產(chǎn)品的人的需求，但如果讓真正的最終用戶高興，購(gòu)買(mǎi)的人也會(huì)高興。 角色多了，必須確定首要角色，使首要角色成為設(shè)計(jì)的焦點(diǎn) 。,14,2.目標(biāo)設(shè)計(jì),目標(biāo)與角色是不可分割的 ，角色決定著需要達(dá)到的目標(biāo)，而這些目標(biāo)則反映出角色的意義。,目標(biāo)很容易與任務(wù)混淆起來(lái),怎樣區(qū)分？ 目標(biāo)的內(nèi)涵非常豐富，涉及到用戶個(gè)人目標(biāo)、公司目標(biāo)、以及一些虛假的目標(biāo)，在這些目標(biāo)中，我們?cè)撊绾芜x擇對(duì)待?,15,針對(duì)目標(biāo)進(jìn)行設(shè)計(jì)，而不是針對(duì)任務(wù),目標(biāo)是一個(gè)終結(jié)條件，然而任務(wù)是達(dá)到目標(biāo)必需的一個(gè)中間進(jìn)程 。,區(qū)別很簡(jiǎn)單：任務(wù)會(huì)隨著技術(shù)的變化而變化，但目標(biāo)卻具有相當(dāng)穩(wěn)定的性質(zhì)。目標(biāo)與任務(wù)有時(shí)甚至是迥然不同的。,所以針對(duì)任務(wù)的設(shè)計(jì)并不總能適合目標(biāo)，而針對(duì)目標(biāo)的設(shè)計(jì)是總能適應(yīng)任務(wù)的 。,和平 ：戰(zhàn)爭(zhēng)/談判,教師教學(xué)評(píng)估系統(tǒng),發(fā)現(xiàn)不正確的需求,學(xué)生考核,督導(dǎo)聽(tīng)課,抽查試卷,提高教師水平一流大學(xué),16,交互設(shè)計(jì)必須滿足個(gè)人目標(biāo),讓用戶達(dá)到他們的實(shí)際目標(biāo)時(shí)，還不能妨礙或侵犯他們的個(gè)人目標(biāo)。個(gè)人目標(biāo)是簡(jiǎn)單的、普遍的、也是屬于個(gè)人的 。,傷害用戶個(gè)人目標(biāo)的設(shè)計(jì)，無(wú)論其他目標(biāo)實(shí)現(xiàn)得有多好，也一樣會(huì)失敗。,計(jì)算程序,不要把一些新技術(shù)同目標(biāo)混淆起來(lái)。采用新技術(shù)是軟件公司的任務(wù)，但他從來(lái)不是用戶的目標(biāo)。,17,3.任務(wù)設(shè)計(jì),任務(wù)是對(duì)使用軟件產(chǎn)品的角色為達(dá)到某個(gè)目標(biāo)而進(jìn)行的簡(jiǎn)潔描述，也稱(chēng)腳本設(shè)計(jì)。,日常使用型腳本：包含用戶要完成的，而且是最頻繁完成的動(dòng)作。 必須精心設(shè)計(jì)。 必需使用型腳本：包括所有必須要完成的動(dòng)作，但卻不是頻繁完成的工作。也必須好好設(shè)計(jì)。 邊緣情況腳本：所需的交互被簡(jiǎn)約地設(shè)計(jì)，并被放到界面的不重要位置。簡(jiǎn)約的設(shè)計(jì)。,任務(wù)是需求分析階段收集的信息建立的，一般通過(guò)直接對(duì)用戶進(jìn)行觀察和對(duì)話，從他們的任務(wù)中學(xué)習(xí)獲得的。,18,4.人性化設(shè)計(jì),人對(duì)電腦的反應(yīng)與人對(duì)其他人的反應(yīng)是一樣的。 如何使軟件像人一樣有禮貌，以達(dá)到設(shè)計(jì)的目標(biāo)？軟件的禮貌 ：,禮貌軟件應(yīng)對(duì)我關(guān)心 ：紫金港公寓管理員、打印 禮貌軟件允許用戶出錯(cuò)并提前防止用戶出錯(cuò)。 禮貌軟件應(yīng)該消息靈通，并具有一定的自信和判斷力：搜索引擎 禮貌軟件還應(yīng)美觀，風(fēng)格一致。,19,四.交互設(shè)計(jì)中應(yīng)注意的問(wèn)題,調(diào)節(jié)界面 為中間程度用戶設(shè)計(jì) 需要精確的詞匯表 能夠側(cè)向思維 衡量軟件開(kāi)發(fā)工作的標(biāo)準(zhǔn),20,1.調(diào)節(jié)界面,只要把日常使用的腳本中所需要的控制與數(shù)據(jù)突出的放在界面上，而把其它的放在次要的位置上 。微軟的Word 常用工具欄,程序員很容易被一些小玩意迷住，熱衷于給產(chǎn)品增添一些小發(fā)明或小功能。這種傾向正好與優(yōu)秀設(shè)計(jì)的基本觀點(diǎn)相對(duì)立 。好的服務(wù)員,21,2.為中間程度用戶設(shè)計(jì),矛 盾,22,3.需要精確的詞匯表,沒(méi)有一個(gè)創(chuàng)新的、有用的、詳細(xì)而精確的詞匯表，那就不可能進(jìn)行交流；如果明顯地看出彼此使用的術(shù)語(yǔ)并不相同，這樣討論就會(huì)缺乏有效性，因?yàn)闆](méi)有共同的語(yǔ)言 。 使用精確的詞匯表主要能使交流更加有效 。 內(nèi)部詞匯表,23,4.能夠側(cè)向思維,交互設(shè)計(jì)師對(duì)于這些假定，必須保持適當(dāng)?shù)膽岩?。因?yàn)榧s束可能是錯(cuò)覺(jué)產(chǎn)生的 。,有些限制是實(shí)際的，我們無(wú)法逾越，但是嘗試一下也是有價(jià)值的 ，很多重大想法都是在突破不合理的假設(shè)后出現(xiàn)的。,24,5.衡量軟件開(kāi)發(fā)工作的標(biāo)準(zhǔn) 用最后期限與功能來(lái)衡量軟件開(kāi)發(fā)工作是錯(cuò)誤的。,交互設(shè)計(jì)的執(zhí)行者 交互設(shè)計(jì)應(yīng)該由23名經(jīng)過(guò)專(zhuān)門(mén)培訓(xùn)的專(zhuān)業(yè)交互設(shè)計(jì)師組成的小組去做，他們必須與產(chǎn)品的開(kāi)發(fā)和銷(xiāo)售無(wú)關(guān)。,交互設(shè)計(jì)文檔 “沒(méi)有落在紙上的東西都是不存在的”； 可以采取報(bào)紙那樣的方式來(lái)組織設(shè)計(jì)文檔 。,編寫(xiě)初步用戶使用手冊(cè),25,結(jié)論,軟件開(kāi)發(fā)與制作電影很相似，是一件耗資巨大的事情。電影的制作過(guò)程中，拍攝是最昂貴的一部分，所有的導(dǎo)演、演員、技術(shù)人員、機(jī)器等都投入，每天都要花費(fèi)很多錢(qián)。精明的制片人會(huì)在拍攝前做好詳細(xì)的計(jì)劃，盡量縮短拍攝時(shí)間。,軟件業(yè)，應(yīng)向電影制作學(xué)習(xí)。交互設(shè)計(jì)投入的只是時(shí)間，目的是使后續(xù)軟件開(kāi)發(fā)階段的工作更清晰。做好交互設(shè)計(jì)，不僅能有效保障軟件的可用性，還能提高軟件開(kāi)發(fā)的效率和成功率。,26,五.交互設(shè)計(jì)案例,負(fù)責(zé)設(shè)計(jì)航空娛樂(lè)系統(tǒng)（IFE）。航空娛樂(lè)系統(tǒng)是在商業(yè)飛機(jī)上放電影、電視劇、以及玩游戲的系統(tǒng)。該系統(tǒng)最引人注目的功能是稱(chēng)為Passport的真正的即點(diǎn)即看的視頻點(diǎn)播（VoD）。每一個(gè)座椅靠背的后面，都有一個(gè)屏幕及運(yùn)行Windows的電腦，飛機(jī)的前部有一個(gè)功能強(qiáng)大的電腦系列，光纖把座椅上的電腦和飛機(jī)前部的電腦連接起來(lái)。這意味者每一個(gè)乘客可以選擇看任一部電影或玩游戲，甚至可以暫停、后退等，而不影響飛機(jī)上的另一個(gè)人?，F(xiàn)在要求進(jìn)行交互設(shè)計(jì)，以使坐飛機(jī)的各類(lèi)人都得到滿意。,27,傳統(tǒng)的解決辦法,采用分層結(jié)構(gòu)設(shè)計(jì)，與程序內(nèi)部結(jié)構(gòu)非常一致 。,28,交互設(shè)計(jì)的過(guò)程 確定角色,趙克，65歲老頭，精力充沛，但雙手的關(guān)節(jié)炎很?chē)?yán)重，使他行動(dòng)不方便。他是4個(gè)乘客中唯一不擁有電腦，也不知道如何使用它的人。,張軍，企業(yè)經(jīng)理，大約每星期都要乘飛機(jī)一次，有大量的旅行經(jīng)驗(yàn)意味著無(wú)法忍受復(fù)雜的、費(fèi)時(shí)的、或者遷就于新手的界面。,王樂(lè)，9歲男孩，他是第一次無(wú)人帶領(lǐng)乘機(jī)，喜歡玩游戲。,劉梅，喜歡旅行，英語(yǔ)是她的第二語(yǔ)言，喜歡瀏覽購(gòu)物指南，當(dāng)然也喜歡其它的娛樂(lè)選擇。,29,交互設(shè)計(jì)的過(guò)程確定目標(biāo),設(shè)計(jì)的界面必須滿足以上四人，同時(shí)又不能讓他們中的任何一個(gè)人不高興。但是這并不意味著我們要讓他們中的每一個(gè)人高興。 因?yàn)橼w克手部的關(guān)節(jié)炎，任何復(fù)雜的操作他都不會(huì)接受，他應(yīng)該用手中的球來(lái)操縱系統(tǒng)。 任何關(guān)注張軍、王樂(lè)、劉梅的解決辦法，對(duì)趙克都是不合適的，而關(guān)注趙克的解決辦法是其他三人可接受的。,30,交互設(shè)計(jì)的過(guò)程任務(wù)設(shè)計(jì),我們把界面變成水平的類(lèi)似精美電影海報(bào)或唱片封面那種式樣的滾動(dòng)屏。用屏幕上實(shí)際存在的真正旋轉(zhuǎn)鈕，像使用收音機(jī)選臺(tái)旋鈕一樣使用它，當(dāng)趙克向順時(shí)針旋轉(zhuǎn)按鈕時(shí)，海報(bào)向右移動(dòng)，向左旋轉(zhuǎn)時(shí)，海報(bào)向左移動(dòng)。這樣，只要旋轉(zhuǎn)按鈕，他就可以瀏覽所有內(nèi)容，而不必思考電影是什么類(lèi)型。因?yàn)闆](méi)有逐級(jí)選擇的障礙，和一次次的按鍵引起前排人員的不適，所以可以重新引進(jìn)觸摸屏。當(dāng)趙克對(duì)某個(gè)電影畫(huà)報(bào)感興趣時(shí)，只要一點(diǎn)擊它就可以看簡(jiǎn)潔的介紹，然后決定觀看，還是退出繼續(xù)瀏覽。在屏幕的底部，還有瀏覽欄，允許張軍快速地切換瀏覽內(nèi)容，而趙克不必知道這個(gè)功能。 對(duì)于張軍需要的一些快捷鍵，可以安排在界面不顯眼的位置，趙克是不會(huì)注意到的。而對(duì)于旋轉(zhuǎn)按鈕的操縱，趙克可以從直觀上知道它的功能，或觀察其他旅客的操作就會(huì)很快掌握使用該系統(tǒng)。,31,整定計(jì)算實(shí)例,以地區(qū)電網(wǎng)整定計(jì)算模塊為例分析交互設(shè)計(jì)方法的應(yīng)用過(guò)程。 繼電保護(hù)整定計(jì)算工作是一項(xiàng)非常復(fù)雜的技術(shù)工作，需要進(jìn)行大量的故障分析、比較和篩選，需要整定人員有一定的工作經(jīng)驗(yàn)。 在對(duì)地區(qū)電網(wǎng)整定人員的性別、學(xué)歷、工作經(jīng)歷、愛(ài)好等的調(diào)查了解基礎(chǔ)上，定義了以下三個(gè)角色。,32,角色設(shè)計(jì),1）王亮：男，本科，剛參加工作，能熟練使用計(jì)算機(jī)，喜歡嘗試新東西，但缺乏整定計(jì)算經(jīng)驗(yàn)，經(jīng)常需要向別人請(qǐng)教。 2）李蘭：女，大專(zhuān)，工作了近十年，但從事整定計(jì)算工作三年，熟悉常規(guī)的計(jì)算機(jī)操作。她已有一定的整定經(jīng)驗(yàn)，有時(shí)還會(huì)碰到整定問(wèn)題需要請(qǐng)教別人，但不經(jīng)常。 3）張忠：男，即將退休，是地區(qū)電網(wǎng)整定的專(zhuān)家，有豐富的整定經(jīng)驗(yàn)，但對(duì)電腦不熟悉，也不感興趣，更不愿意經(jīng)常為如何操作而向別人請(qǐng)教。,33,目標(biāo)設(shè)計(jì),整定計(jì)算過(guò)程雖然有一定的整定導(dǎo)則可遵循，但對(duì)整定導(dǎo)則的理解和應(yīng)用，以及對(duì)特殊電網(wǎng)及保護(hù)配置的處理都離不開(kāi)整定經(jīng)驗(yàn)。因此可以分析目標(biāo)如下： 1）王亮：缺乏整定經(jīng)驗(yàn)，所以他特別渴望能方便地獲得軟件提供的整定幫助，以提高他的工作水平，為此他愿意花費(fèi)些時(shí)間。 2）李蘭：有一定的整定經(jīng)驗(yàn)，所以她特別希望做適量的工作，而又不制造錯(cuò)誤。 3）張忠：有豐富的整定經(jīng)驗(yàn)，希望通過(guò)簡(jiǎn)單的操作，就可把整定經(jīng)驗(yàn)傳授給別人。,34,李蘭的目標(biāo)也是其他角色所希望的，比較一致，而其它目標(biāo)不盡相同。軟件不能損害任何一個(gè)角色的目標(biāo)，否則將失去該角色所代表的那部分用戶。同時(shí)軟件又不能做成多個(gè)版本分別滿足不同角色的目標(biāo)，否則軟件不僅會(huì)提高成本，同時(shí)將失去通用性。,獲取整定幫助：這是王亮迫切需要的，應(yīng)首先滿足他方便獲得幫助的目標(biāo)。 錄入整定經(jīng)驗(yàn)：這個(gè)功能是張忠最常使用的，他經(jīng)常解答其他整定人員的問(wèn)題，并進(jìn)行歸納總結(jié)，錄入服務(wù)器數(shù)據(jù)庫(kù)。所以應(yīng)首先滿足他簡(jiǎn)單操作的目標(biāo)。,目標(biāo)只要使最迫切需要的角色滿意，其他的角色一般也能滿足。,35,任務(wù)設(shè)計(jì),獲取整定幫助：最經(jīng)常使用的設(shè)計(jì)是獨(dú)立的幫助功能，書(shū)本式的分層結(jié)構(gòu)，從上層選擇一個(gè)類(lèi)型后進(jìn)入下層信息瀏覽。這樣的設(shè)計(jì)對(duì)張忠和李蘭是可行的，因?yàn)榛静挥没蚺紶栍?，屬于必需使用型或邊緣使用型任?wù)，稍微麻煩點(diǎn)也可以接受；但對(duì)于王亮屬于日常使用型任務(wù)，不能忍受經(jīng)常要切換到幫助界面，并逐層深入地去查找信息。,因此對(duì)王亮來(lái)說(shuō)，用快捷鍵方式直接調(diào)出對(duì)應(yīng)信息是最方便的，而另兩人甚至可以不知道快捷鍵的存在。為此王亮愿意花一定時(shí)間去記住每個(gè)快捷鍵對(duì)應(yīng)的信息類(lèi)型，當(dāng)他經(jīng)過(guò)一段時(shí)間的工作，越來(lái)越少地依賴(lài)整定幫助時(shí)，他也可以忘掉快捷鍵的存在。,36,錄入整定經(jīng)驗(yàn)：整定經(jīng)驗(yàn)是寶貴而嚴(yán)肅的資源，錄入和修改必須經(jīng)過(guò)管理員授權(quán)和密碼驗(yàn)證后才能進(jìn)行。由于張忠對(duì)使用電腦不熟悉，也沒(méi)有深入學(xué)習(xí)的興趣，如果在進(jìn)行這項(xiàng)他常用的任務(wù)時(shí)，要他輸入與登錄系統(tǒng)不同的密碼，他會(huì)被搞糊涂。所以應(yīng)分配他為一類(lèi)特殊整定用戶，登錄軟件后無(wú)需再次登錄即可使用“輸入/修改整定經(jīng)驗(yàn)”功能，打開(kāi)對(duì)應(yīng)的整定經(jīng)驗(yàn)錄入界面。該界面應(yīng)類(lèi)似于表格文本，可直接在各對(duì)應(yīng)欄中輸入相應(yīng)信息，并在退出時(shí)自動(dòng)保存。這樣基本符合了張忠操作簡(jiǎn)單的目標(biāo)。,對(duì)于王亮和李蘭普通整定用戶來(lái)說(shuō)，可查看整定經(jīng)驗(yàn)，但輸入或修改整定經(jīng)驗(yàn)則須輸入分配給該功能的密碼。由于他們用的少，也能記清楚該功能的登錄密碼，是可以接受的。,37,做適量的工作，而又不制造錯(cuò)誤：這是整定人員的共同目標(biāo)，在其它整定任務(wù)設(shè)計(jì)時(shí)應(yīng)主要考慮，比如盡量簡(jiǎn)化整定流程和操作步驟，自動(dòng)提供默認(rèn)值和默認(rèn)設(shè)置，對(duì)用戶的操作和設(shè)置進(jìn)行記憶，與具體工作相關(guān)的信息能方便地調(diào)出，界面布置盡量符合習(xí)慣等。,38,ATM機(jī)交互設(shè)計(jì),確定角色（成年人） 李君：月收入和支出都1000元左右；使用金額與它的收入相關(guān)。 趙新：月收入5000元左右，平