軟件工程-5交互設計.ppt

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