交互式設(shè)計基礎(chǔ)

交互式設(shè)計基礎(chǔ)第1頁，共60頁，2023年，2月20日，星期日目錄第2頁，共60頁，2023年，2月20日，星期日先介紹一個人……第3頁，共60頁，2023年，2月20日，星期日第4頁，共60頁，2023年，2月20日，星期日8年前，Numal高中畢業(yè)，朋友告訴他注冊一個電子郵箱就可以方便的給人寫信，讓他也去弄一個。于是他就去上網(wǎng)了。他看到注冊頁面時，腦袋完全不清楚面前是什么東西。他有了一串疑問：電子郵箱是什么東西？新用戶是什么？郵箱名是什么？……他發(fā)現(xiàn)自己很笨，什么都不懂，非常的懊惱。第5頁，共60頁，2023年，2月20日，星期日兩年前，Numal推薦一個不常上網(wǎng)的人去使用自己設(shè)計的網(wǎng)站：豆瓣他朋友說發(fā)現(xiàn)豆瓣的注冊很簡潔。他朋友說很清楚自己要做什么事情他朋友說很放心他朋友說沒有出錯他朋友說很快完成了注冊整個過程他朋友很愉快，很有安全感第6頁，共60頁，2023年，2月20日，星期日是什么讓網(wǎng)站體驗幾年間變得這么好？是什么讓Numal的朋友如此愉悅有安全感？第7頁，共60頁，2023年，2月20日，星期日第8頁，共60頁，2023年，2月20日，星期日Numal大學(xué)上的是設(shè)計專業(yè)。在大學(xué)最后兩年，他的方向轉(zhuǎn)向了交互設(shè)計。通過學(xué)習(xí)，他了解了很多交互設(shè)計的基本概念。第9頁，共60頁，2023年，2月20日，星期日交互設(shè)計定義（一）簡單的說，交互設(shè)計是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達(dá)這種行為的外形元素的設(shè)計與定義。不像傳統(tǒng)的設(shè)計學(xué)科主要關(guān)注形式，最近則是關(guān)注內(nèi)容和內(nèi)涵，而交互設(shè)計首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式。艾蘭.庫珀(alancooper)VB之父交互設(shè)計之父微軟視窗先鋒獎軟件夢幻獎得主庫伯交互設(shè)計公司創(chuàng)始人第10頁，共60頁，2023年，2月20日，星期日交互設(shè)計定義（二）設(shè)計支持人們?nèi)粘９ぷ髋c生活的交互式產(chǎn)品。具體地說，交互設(shè)計就是關(guān)于創(chuàng)建新的用戶體驗的問題，其目的是增強(qiáng)和擴(kuò)充人們工作、通信及交互的方式。Winnogard（1997）把交互設(shè)計描述為“人類交流和交互空間的設(shè)計”HelenSharp從用戶角度來說，交互設(shè)計是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時，還包括了解各種有效的交互方式，并對它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計還涉及到多個學(xué)科，以及和多領(lǐng)域多背景人員的溝通。DeDream第11頁，共60頁，2023年，2月20日，星期日Numal在學(xué)習(xí)時，接觸到了幾個很容易混淆的概念。后來經(jīng)過辨析，他這樣理解了……第12頁，共60頁，2023年，2月20日，星期日幾個概念交互設(shè)計設(shè)計行為，偏向于計算機(jī)的人機(jī)交互人與機(jī)器相互信息交換交互一種行為第13頁，共60頁，2023年，2月20日，星期日幾個概念可用性標(biāo)準(zhǔn)用戶體驗?zāi)繕?biāo)UCD原則方法第14頁，共60頁，2023年，2月20日，星期日交互的廣義發(fā)展歷程舊石器時代簡單的單一的機(jī)器大工業(yè)時代復(fù)雜的繁瑣的出錯率高的危險的信息時代效率易用性第15頁，共60頁，2023年，2月20日，星期日交互設(shè)計行業(yè)的發(fā)展第16頁，共60頁，2023年，2月20日，星期日學(xué)科人類工程學(xué)心理學(xué)認(rèn)知科學(xué)信息學(xué)工程學(xué)計算機(jī)科學(xué)軟件工程社會學(xué)人類學(xué)語言學(xué)美學(xué)……設(shè)計圖形設(shè)計產(chǎn)品設(shè)計商業(yè)美術(shù)電影產(chǎn)業(yè)服務(wù)業(yè)……交互設(shè)計人機(jī)交互（HCI）交互設(shè)計的范疇第17頁，共60頁，2023年，2月20日，星期日第18頁，共60頁，2023年，2月20日，星期日交互的三個要素第19頁，共60頁，2023年，2月20日，星期日可是，Numal發(fā)現(xiàn)在人機(jī)工程的介紹中，三要素是另外的三個……第20頁，共60頁，2023年，2月20日，星期日交互三個要素第21頁，共60頁，2023年，2月20日，星期日交互過程是一個輸入和輸出的過程，人通過人機(jī)界面向計算機(jī)輸入指令，計算機(jī)經(jīng)過處理后把輸出結(jié)果呈現(xiàn)給用戶。人和計算機(jī)之間的輸入和輸出的形式是多種多樣的，因此交互的形式也是多樣化的?；A(chǔ)的交互方式第22頁，共60頁，2023年，2月20日，星期日平衡5E法有效(Effective)效率(Efficient)易學(xué)(EasyToLearn)吸引人(Engaging)容錯性(ErrorTolrant)第23頁，共60頁，2023年，2月20日，星期日第24頁，共60頁，2023年，2月20日，星期日Numal了解過了交互設(shè)計的相關(guān)知識后，想在工作中實踐一下，可是怎么下手呢？接下來他開始研究交互設(shè)計的方法……第25頁，共60頁，2023年，2月20日，星期日UCD設(shè)計理想流程簡單說明：1.創(chuàng)造一些用戶2.找出重要的活動3.找出用戶模型--用戶期望如何完成這些活動4.草擬出初版的設(shè)計5.一直反復(fù)把設(shè)計修改得更容易,直到虛構(gòu)用戶能輕易使用為止6.找真人來看著他們試用你的軟件第26頁，共60頁，2023年，2月20日，星期日交互設(shè)計所做的事情第27頁，共60頁，2023年，2月20日，星期日交互設(shè)計的核心要素精確描述我們的用戶以及用戶希望達(dá)到的目標(biāo)，定義幾個典型角色，并用故事的形式表達(dá)出來第28頁，共60頁，2023年，2月20日，星期日目標(biāo)用戶目標(biāo)生活目標(biāo)體驗?zāi)繕?biāo)最終目標(biāo)產(chǎn)品目標(biāo)利潤市場目標(biāo)是行動的驅(qū)動力，產(chǎn)品的功能和行為必須通過任務(wù)來解決目標(biāo)產(chǎn)品成功的關(guān)鍵是目標(biāo)，而不是特性成功的交互設(shè)計師應(yīng)該對目標(biāo)高度敏感第29頁，共60頁，2023年，2月20日，星期日Numal在思考，那么豆瓣的目標(biāo)是什么呢？第30頁，共60頁，2023年，2月20日，星期日目標(biāo)用戶目標(biāo)生活目標(biāo)：一種新的消遣方式體驗?zāi)繕?biāo)：容易使用、方便、舒適最終目標(biāo)：撰寫瀏覽書評，找到自己興趣相同的人產(chǎn)品目標(biāo)市場：聚集文化人群，創(chuàng)建文化交流社區(qū)第31頁，共60頁，2023年，2月20日，星期日角色簡單的說，角色就是為我們的產(chǎn)品虛擬的一個典型用戶。我們在設(shè)計是，就可以專門為“他”設(shè)計。角色是一種強(qiáng)有力的交互設(shè)計工具角色的確定給設(shè)計帶來的好處：該做什么便于溝通提高效率解決邊緣設(shè)計……第32頁，共60頁，2023年，2月20日，星期日角色一般不超過兩個人一男一女一般將用戶定義為初級用戶和中級用戶。特殊產(chǎn)品才定義高級用戶。角色描述中應(yīng)該包含：一張相片人物基本特征于產(chǎn)品相關(guān)的性格、能力、愛好等介紹會用到的產(chǎn)品、功能介紹第33頁，共60頁，2023年，2月20日，星期日Numal感覺角色設(shè)計很有興趣，于是就針對自己負(fù)責(zé)的產(chǎn)品，制定了一個角色第34頁，共60頁，2023年，2月20日，星期日一個定義角色的例子第35頁，共60頁，2023年，2月20日，星期日Numal做完角色設(shè)計后，整個項目組都很認(rèn)可。Numal還發(fā)現(xiàn)有了角色之后項目組成員間的討論變得簡單和高效了。第36頁，共60頁，2023年，2月20日，星期日一段經(jīng)典對話第37頁，共60頁，2023年，2月20日，星期日腳本人和他們的活動組成的故事使用具體的故事來構(gòu)造模擬用戶的可能行為或者講述設(shè)計方案關(guān)注人物角色以及其心智模型，目標(biāo)和活動，有可能包括對環(huán)境的考慮基于任務(wù)的腳本基于場景的腳本第38頁，共60頁，2023年，2月20日，星期日一個場景腳本的例子1.早上，小翠來到辦公室，拿起電話給朋友打了個電話，然后打開電腦，打開郵箱，開始一天的工作2.在開始工作之前，她上了一下豆瓣，看看是否有朋友給他留言或者回復(fù)了她的評論。3.小翠收到一封郵件，來此辦公室主任的，告知同事strong今天請假可能來不了，如果有事情幫忙處理一下。4.如往常一樣，把郵件中的一些事情處理一下，需要打印的就打印，需要蓋章的就蓋章。5.在工作過程中，她總是開著QQ，經(jīng)常有朋友給他發(fā)個鏈接讓她看。當(dāng)她正在閱讀一封剛收到的郵件時，一個好友給她發(fā)來了豆瓣的一個網(wǎng)址，她便會放下手頭的工作開始瀏覽網(wǎng)頁。......第39頁，共60頁，2023年，2月20日，星期日一個場景腳本的例子該腳本提綱試圖解決的問題：1.產(chǎn)品使用時的設(shè)置是什么？2.是否會被使用。角色最終期望的結(jié)果很長時間？3.人物角色是否經(jīng)常被打斷？4.和它一起使用的其他產(chǎn)品是什么？5.人物的技巧使用頻繁程度有多高？6.為了滿足人物角色的目標(biāo)，角色需要完成哪些主要活動是什么？第40頁，共60頁，2023年，2月20日，星期日交互設(shè)計時需關(guān)注的可用性指標(biāo)

ISO9241/11中的定義是：可用性是一個多因素概念，涉及到容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶滿意，以及把這些因素與實際使用環(huán)境聯(lián)系在一起針對特定目標(biāo)的評價。第41頁，共60頁，2023年，2月20日，星期日常用交互設(shè)計原則可視性功能可性越好，越方便用戶發(fā)現(xiàn)和了解使用方法反饋返回與活動相關(guān)的信息，以便用戶能夠繼續(xù)下一步操作限制在特定時刻顯示用戶操作，以防誤操作映射準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系一致性保證同一系統(tǒng)的同一功能的表現(xiàn)及操作一致啟發(fā)性充分準(zhǔn)確的操作提示第42頁，共60頁，2023年，2月20日，星期日交互設(shè)計準(zhǔn)則設(shè)計方案屬性：倫理的（能體諒人，有幫助）不傷害改善人的狀況有意圖的，能幫助用戶實現(xiàn)他們的目標(biāo)和渴望注重實效，幫助委托的組織實現(xiàn)它們的目標(biāo)優(yōu)雅的最簡單的完整方案擁有內(nèi)部的一致性合適的容納和情感第43頁，共60頁，2023年，2月20日，星期日第44頁，共60頁，2023年，2月20日，星期日Numal做完整個項目后，團(tuán)隊對其專業(yè)性和技能都很滿意，于是讓他傳授一下自己的經(jīng)驗。第45頁，共60頁，2023年，2月20日，星期日常用的交互設(shè)計工具VisioAxureillustratorFireworksWordPhotoshop第46頁，共60頁，2023年，2月20日，星期日交互設(shè)計師需具備的項目意識第47頁，共60頁，2023年，2月20日，星期日交互設(shè)計師需了解流程流程的重要性預(yù)防研究、設(shè)計、評估過程中的遺漏；規(guī)范研究、設(shè)計、評估的步驟；明確與公司研發(fā)流程的銜接；解決整個過程中責(zé)任不明、任務(wù)不清的問題第48頁，共60頁，2023年，2月20日，星期日第49頁，共60頁，2023年，2月20日，星期日國內(nèi)部分人機(jī)交互學(xué)術(shù)機(jī)構(gòu)北京大學(xué)計算機(jī)系人機(jī)交互與多媒體研究室清華大學(xué)工業(yè)工程系人因工程實驗室中國科學(xué)院軟件研究所人機(jī)交互技術(shù)與智能信息處理實驗室歐盟可用性中國中心微軟亞洲研究院—交互設(shè)計中心UPA中國第50頁，共60頁，2023年，2月20日，星期日業(yè)界公司信息IBM：500人，25個可用性實驗室微軟：200人，30個可用性實驗室Philips：100多人西門子：100人Oracle：約70人韓國三星：100多人Adobe：21人eBay：20人Tencent：30HP、Yahoo、Nokia、AOL、Intel、GE、TI、CISCO、……第51頁，共60頁，2023年，2月20日，星期日推薦書籍內(nèi)容：針對軟件讓用戶感到“難用”的現(xiàn)狀，提出軟件設(shè)計的新理念和新方法，以及交互設(shè)計，目標(biāo)導(dǎo)向，角色分析以及腳本提綱等一系列設(shè)計概念。第52頁，共60頁，2023年，2月20日，星期日內(nèi)容：介紹了交互設(shè)計的理論，目標(biāo)，原則，以及設(shè)計方法。并介紹了系列關(guān)于原型制作，可用性評估，用戶測試，調(diào)查的操作方法。推薦書籍第53頁，共60頁，2023年，2月20日，星期日內(nèi)容：用戶研究界面設(shè)計可用性評估推薦書籍第54頁，共60頁，2023年，2月20日，星期日內(nèi)容：以本能，行為和反思三個設(shè)計的不同緯度為基礎(chǔ)，闡述了情感在設(shè)計中所處的地位和重要作用。并分析如何把情感效果融入產(chǎn)品設(shè)計中。推薦書籍第55頁，共60頁，2023年，2月20日，星期日內(nèi)容對于交互相關(guān)概念的清晰界定，并對于軟件姿態(tài)和設(shè)計準(zhǔn)則進(jìn)行了深入剖析，試圖回答設(shè)計中why的問題推薦書籍第56頁，共60頁，2023年，2月20日，星期日內(nèi)容：設(shè)計符合用戶期望的產(chǎn)品推薦書籍第57頁，共60頁，2023年，2月20日，星期日