交互設(shè)計(jì)發(fā)展史

1、交互設(shè)計(jì)發(fā)展概況 交互設(shè)計(jì)，又稱互動(dòng)設(shè)計(jì)，（英文Interaction Design, 縮寫 IxD 或者 IaD),是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域。人造物，即人工制成物品，例如，軟件、移動(dòng)設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)。交互設(shè)計(jì)在于定義人造物的行為方式(the "interaction",即人工制品在特定場景下的反應(yīng)方式）相關(guān)的界面。交互設(shè)計(jì)作為一門關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾·摩格理吉（Bill Moggridge）在1984年一次設(shè)計(jì)會(huì)議上提出，他一開始給它命名為“軟面（Soft Fac

2、e）”，由于這個(gè)名字容易讓人想起和當(dāng)時(shí)流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后來把它更名為“Interaction Design”，即交互設(shè)計(jì)。初創(chuàng)期（1929年-1970年）簡單的說，交互設(shè)計(jì)是人工制品、環(huán)境和系統(tǒng)的行為，以及傳達(dá)這種行為的外形元素的設(shè)計(jì)與定義。不像傳統(tǒng)的設(shè)計(jì)學(xué)科主要關(guān)注形式，則是關(guān)注內(nèi)容和內(nèi)涵，而交互設(shè)計(jì)首先旨在規(guī)劃和描述事物的行為方式，然后描述傳達(dá)這種行為的最有效形式。從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)。同時(shí)，還包

3、括了解各種有效的交互方式，并對它們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多   交互設(shè)計(jì)交互設(shè)計(jì)借鑒了傳統(tǒng)設(shè)計(jì)、可用性及工程學(xué)科的理論和技術(shù)。它是一個(gè)具有獨(dú)特方法和實(shí)踐的綜合體，而不只是部分的疊加，具有一定的科學(xué)邏輯性。它也是一門工程學(xué)科，具有不同于其它科學(xué)和工程學(xué)科的方法領(lǐng)域多背景人員的溝通。1959年，美國學(xué)者B.Shackel提供了人機(jī)界面的第一篇文獻(xiàn)關(guān)于計(jì)算機(jī)控制臺(tái)設(shè)計(jì)的人機(jī)工程學(xué)1960年，LikliderJCK首次提出“人際緊密共棲的概念，被視為人機(jī)界面的啟蒙觀點(diǎn)1969年，召開了第一次人機(jī)系統(tǒng)國際大會(huì)，同年第一份專業(yè)雜志“國際人際研究（UMMS）”創(chuàng)

4、刊。奠基期（1970年-1979年）從1970年到1973年出版了四本與計(jì)算機(jī)相關(guān)的人機(jī)工程學(xué)專著1970年成立了兩個(gè)HCI研究中心：一個(gè)是英國的Loughboough大學(xué)的HUSAT研究中心，另一個(gè)是美國Xerox公司的PaloAlto研究中心發(fā)展期（1980年-1995年）理論方面，從人機(jī)工程學(xué)獨(dú)立出來，更加強(qiáng)調(diào)認(rèn)知心理學(xué)以及行為學(xué)和社會(huì)學(xué)等學(xué)科的理論指導(dǎo)實(shí)踐范疇方面，從人際界面拓延開來，強(qiáng)調(diào)計(jì)算機(jī)對于人的反饋交互作用?！叭藱C(jī)界面”一詞被“人機(jī)交互”所取代。HCI中的“I”，也由“Interface（界面/接口）”變成了“Interaction（交互）”。提高期（1996年-）人機(jī)交互的研

5、究重點(diǎn)放到了智能化交互，多模態(tài)（多通道）-多媒體交互，虛擬交互以及人機(jī)協(xié)同交互等方面，也就是“以人為中心”的人機(jī)交互技術(shù)方面。交互設(shè)計(jì)是一門特別關(guān)注以下內(nèi)容的學(xué)科：    交互設(shè)計(jì)1、定義與產(chǎn)品的行為和使用密切相關(guān)的產(chǎn)品形式。2、預(yù)測產(chǎn)品的使用如何影響產(chǎn)品與用戶的關(guān)系，以及用戶對產(chǎn)品的理解。3、探索產(chǎn)品、人和物質(zhì)、文化、歷史之間的對話。交互設(shè)計(jì)從“目標(biāo)導(dǎo)向”的角度解決產(chǎn)品設(shè)計(jì)：1、要形成對人們希望的產(chǎn)品使用方式，以及人們?yōu)槭裁聪胗眠@種    交互設(shè)計(jì)產(chǎn)品等問題的見解。2、尊重用戶及其目標(biāo)。3、對于產(chǎn)品特征與使用屬性，要有一個(gè)完全的形態(tài)

6、，而不能太簡單。4、展望未來，要看到產(chǎn)品可能的樣子，它們并不必然就像當(dāng)前這樣。在使用網(wǎng)站，軟件，消費(fèi)產(chǎn)品，各種服務(wù)的時(shí)候（實(shí)際上是在同它們交互），使用過程中的感覺就是一種交互體驗(yàn)。隨著網(wǎng)絡(luò)和新技術(shù)的發(fā)展，各種新產(chǎn)品和交互方式越來越多，人們也越來越重視對交互的體驗(yàn)。當(dāng)大型計(jì)算機(jī)剛剛研制出來的時(shí)候，可能為當(dāng)初的使用者本身就是該行業(yè)的專家，沒有人去關(guān)注使用者的感覺；相反，一切都圍繞機(jī)器的需要來組織，程序員通過打孔卡片來輸入機(jī)器語言，輸出結(jié)果也是機(jī)器語言，那個(gè)時(shí)候同計(jì)算機(jī)交互的重心是機(jī)器本身。當(dāng)計(jì)算機(jī)系統(tǒng)的用戶越來越由普通大眾組成的時(shí)候，對交互體驗(yàn)的關(guān)注也越來越迫切了。因此交互設(shè)計(jì)（Interacti

7、onDesign）作為一門關(guān)注交互體驗(yàn)的新學(xué)科在二十    交互設(shè)計(jì)世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾?莫格里奇在1984年一次設(shè)計(jì)會(huì)議上提出，他一開始給它命名為“軟面（SoftFace）”，由于這個(gè)名字容易讓人想起和當(dāng)時(shí)流行的玩具“椰菜娃娃（CabbagePatchdoll）”，他后來把它更名為“InteractionDesign”交互設(shè)計(jì)。從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時(shí)彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時(shí)，還包括了解各種有效的交互方式，并對它

8、們進(jìn)行增強(qiáng)和擴(kuò)充。交互設(shè)計(jì)還涉及到多個(gè)學(xué)科，以及和多領(lǐng)域多背景人員的溝通。通過對產(chǎn)品的界面和行為進(jìn)行交互設(shè)計(jì)，讓產(chǎn)品和它的使用者之間建立一種有機(jī)關(guān)系，從而可以有效達(dá)到使用者的目標(biāo)，這就是交互設(shè)計(jì)的目的。  交互，使用，交互設(shè)計(jì)(InteractionDesign)和可用性(usability) 交互：提到“交互”，感覺是參與交互的雙方更加對等，實(shí)際上，引入“交互”這個(gè)詞的意義，就在于交互對象地位的提升。來自超越人機(jī)交互一書TerryWinograd先生說：“也就是把計(jì)算的長處和人的長處相結(jié)合，而不是讓計(jì)算機(jī)模擬人，正是這個(gè)想法把我引入了HCI領(lǐng)域”；AlanCooper先生

9、在UIDesign的訪談中也同樣提到：“關(guān)鍵在于，讓人去做他勝任的事情是一件非常好的事。讓人做人擅長做的事情，而讓計(jì)算機(jī)做計(jì)算機(jī)真正擅長的事情?！睂换ο蟮闹?視有利于讓人和交互對象的關(guān)系更合理，從而得到人和交互對象相得益彰的相處方式?？捎眯裕嚎捎眯?usability)是交互設(shè)計(jì)的基本而且重要的指標(biāo)，它是對可用程度的總體評價(jià)。也是從用戶角度衡量產(chǎn)品是否有效、易學(xué)、安全、高效、好記、少錯(cuò)的質(zhì)量指標(biāo)。同時(shí)，交互設(shè)計(jì)(InteractionDesign)的目標(biāo)不止于此，它還包括要考慮用戶的期望（DonaldNorman先生說到期望設(shè)計(jì)是交互設(shè)計(jì)的下一站）和體驗(yàn)，可用性保證產(chǎn)品可用，基本功能完備且

10、方便；而體驗(yàn)在于給用戶一些與眾不同的或者意想之外的感覺。也就是說，可用， 是產(chǎn)品應(yīng)該做到的，理所應(yīng)當(dāng)?shù)?，體驗(yàn)則是額外的驚喜和收獲。ISO9241/11中的定義是：可用性是一個(gè)多因素概念，涉及到容易學(xué)習(xí)、容易使用、系統(tǒng)的有效性、用戶滿意，以及把這些因素與實(shí)際使用環(huán)境聯(lián)系在一起針對特定目標(biāo)的評價(jià)。設(shè)計(jì)流程1、分析階段需求分析、用戶場景模擬、競品分析（聆聽用戶心聲）。需求分析：對于一個(gè)產(chǎn)品來說，必然有對用戶需求的分析內(nèi)容，更多的是從MRD與PRD獲得，或者從產(chǎn)品需求評審會(huì)議上得到需求分析的內(nèi)容，當(dāng)然可以直接與產(chǎn)品經(jīng)理交流獲得相關(guān)產(chǎn)品需求。如果說設(shè)計(jì)原則是所有設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶需求就是本次設(shè)計(jì)

11、的出發(fā)點(diǎn)。用戶場景模擬：好的設(shè)計(jì)建立在對用戶深刻了解之上。因此用戶使用場景分析就很重要，了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品習(xí)慣等，但是設(shè)計(jì)人員在分析的時(shí)候一定要站在用戶角度思考：如果我是用戶，這里我會(huì)需要什么。競品分析（聆聽用戶心聲）：競爭產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長處。這就是所謂三人行必有我?guī)煹囊馑肌Ｃ總€(gè)設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會(huì)有觸類旁通的好處。當(dāng)市場上存在競品時(shí)，去聽聽用戶的評論，哪怕是罵聲都好，別沉迷于自己的設(shè)計(jì)中，讓真正的用戶說話。輸入物：MRD、PRD、市場調(diào)查報(bào)告、競品分析文檔（或其一或全部）輸出物：設(shè)計(jì)初稿（或許只是幾個(gè)簡單的界面）2、設(shè)計(jì)階段設(shè)計(jì)

12、方法采用面向場景、面向事件驅(qū)動(dòng)和面向?qū)ο蟮脑O(shè)計(jì)方法。面向場景是針對該產(chǎn)品使用場所等模擬，模擬用戶在多種情況下產(chǎn)品使用的模擬。面向事件驅(qū)動(dòng)則是對產(chǎn)品響應(yīng)與觸發(fā)事件的設(shè)計(jì)，一個(gè)提示框，一個(gè)提交按鈕這類都是對事件驅(qū)動(dòng)的設(shè)計(jì)。面向?qū)ο?，產(chǎn)品面向的用戶不同對于產(chǎn)品的設(shè)計(jì)要求不同，不同年齡層的用戶對于產(chǎn)品的要求不同，產(chǎn)品的用戶定位將對UI設(shè)計(jì)師影響因素。輸入物：交互文檔（高保真原型）輸出物：設(shè)計(jì)終稿（所有的設(shè)計(jì)稿）3、配合UI設(shè)計(jì)師交出產(chǎn)品設(shè)計(jì)圖時(shí)，更多的配合開發(fā)人員、測試人員進(jìn)行截圖配合。配合開發(fā)人員對于PSD格式的圖片切圖操作，對于不同的開發(fā)人員的要求，切圖方式也有不同，UI設(shè)計(jì)師需配合相關(guān)的開發(fā)人員

13、進(jìn)行最適合的切圖配合。輸入物：設(shè)計(jì)終稿輸出物：設(shè)計(jì)修改稿（設(shè)計(jì)稿切片）4、驗(yàn)證產(chǎn)品出來后，UI設(shè)計(jì)師需對產(chǎn)品的效果進(jìn)行驗(yàn)證，與當(dāng)初設(shè)計(jì)產(chǎn)品時(shí)的想法是否一致，是否可用，用戶是否接受，以及與需求是否一致。都需要UI設(shè)計(jì)師驗(yàn)證，UI設(shè)計(jì)師是將產(chǎn)品需求用圖片展現(xiàn)給用戶最直接的經(jīng)手人，對于產(chǎn)品的理解會(huì)更加深刻。輸入物：產(chǎn)品輸出物：產(chǎn)品（面向用戶最終版本）產(chǎn)品UI設(shè)計(jì)中夾雜著許多設(shè)計(jì)原則要求，統(tǒng)一公司UI設(shè)計(jì)流程，使UI設(shè)計(jì)師參與到產(chǎn)品設(shè)計(jì)整個(gè)環(huán)節(jié)中來，對產(chǎn)品的易用性進(jìn)行全流程負(fù)責(zé)，使UI設(shè)計(jì)的流程規(guī)范化，保證UI設(shè)計(jì)流程的可操作性。UI設(shè)計(jì)師應(yīng)該分析公司產(chǎn)品的特點(diǎn)，制定符合產(chǎn)品生命周期的UI設(shè)計(jì)流程。每

14、個(gè)產(chǎn)品的生命周期中，UI設(shè)計(jì)師應(yīng)該嚴(yán)格按照流程，完成每個(gè)環(huán)節(jié)的職責(zé)，確保流程準(zhǔn)確有效的得到執(zhí)行，從而提高產(chǎn)品的可用性，提升產(chǎn)品質(zhì)量。設(shè)計(jì)規(guī)范當(dāng)產(chǎn)品規(guī)模大了之后就需要多個(gè)產(chǎn)品設(shè)計(jì)師協(xié)作完成整個(gè)產(chǎn)品，由于不同產(chǎn)品設(shè)計(jì)師之間的設(shè)計(jì)理念、設(shè)計(jì)方法、設(shè)計(jì)習(xí)慣的不同，協(xié)作完成的產(chǎn)品往往會(huì)導(dǎo)致產(chǎn)品一致性差，質(zhì)量參差不齊。這個(gè)時(shí)候會(huì)需要一份交互設(shè)計(jì)規(guī)范來規(guī)范和指導(dǎo)產(chǎn)品設(shè)計(jì)，從而保證產(chǎn)品設(shè)計(jì)的一致性，提升整體產(chǎn)品質(zhì)量。頁面規(guī)范頁面信息規(guī)范主要指頁面的靜態(tài)信息應(yīng)該遵循的規(guī)則，包括：1.標(biāo)題規(guī)范用于規(guī)定整個(gè)產(chǎn)品中所有不同層級不同功能的頁面應(yīng)該使用的標(biāo)題的規(guī)則。2.新窗口鏈接規(guī)范用于規(guī)定頁面鏈接是采用新窗口打開還是本

15、窗口打開的規(guī)則。3.圖片規(guī)范用于規(guī)定圖片信息是否帶有alt title值，這些值又取自那里。信息規(guī)范交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示，包括：1.預(yù)先信息提示所有交互進(jìn)行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息。a.表單提交類表單提交的步驟，每個(gè)表單項(xiàng)的要求需要給出提示信息。（如密碼要多少多少位。搜索框鼓勵(lì)輸入什么內(nèi)容。）b.謹(jǐn)慎類操作一個(gè)操作對用戶來說需要慎重操作的。如扣除金幣等。需要預(yù)先提示。（如：扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目，以及當(dāng)前金幣是否足夠等等。）c.差異化規(guī)則當(dāng)一個(gè)功能的規(guī)則與用戶習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時(shí)，需要給出提示。或者給出幫助鏈接。2、操作信息提示所有交互進(jìn)行中需要提供操作相關(guān)的提示。a.操作確認(rèn)提示一個(gè)操作涉及數(shù)據(jù)刪除，等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框。b.操作錯(cuò)誤提示當(dāng)用戶的操作不符合操作的規(guī)則，需要給出操作提示。（如評論字?jǐn)?shù)為0或超過限制字?jǐn)?shù)，搜索框未輸入內(nèi)容時(shí)提交）3、結(jié)果信息提示交互進(jìn)行后給出結(jié)果反饋是應(yīng)該給出適當(dāng)?shù)奶崾尽.查詢類結(jié)果任何信息列表、查詢結(jié)果，當(dāng)對應(yīng)信息無結(jié)果的時(shí)候需要給出有無結(jié)果狀態(tài)提示。b.保存類結(jié)果一個(gè)表單是用戶提交保存數(shù)據(jù)的。