交互設(shè)計(jì)是什么？

時間：2022-05-29 12:42:01 | 來源：網(wǎng)絡(luò)營銷

時間：2022-05-29 12:42:01 來源：網(wǎng)絡(luò)營銷

在使用網(wǎng)站，軟件，消費(fèi)產(chǎn)品，各種服務(wù)的時候（實(shí)際上是在同它們交互），使用過程中的感覺就是一種交互體驗(yàn)，隨著網(wǎng)絡(luò)和新技術(shù)的發(fā)展，各種新產(chǎn)品和交互方式越來越多，人們也越來越重視對交互的體驗(yàn)。

當(dāng)大型計(jì)算機(jī)剛剛研制出來的時候，可能為當(dāng)初的使用者本身就是該行業(yè)的專家，沒有人去關(guān)注使用者的感覺；相反，一切都圍繞機(jī)器的需要來組織，程序員通過打孔卡片來輸入機(jī)器語言，輸出結(jié)果也是機(jī)器語言，那個時候同計(jì)算機(jī)交互的重心是機(jī)器本身，當(dāng)計(jì)算機(jī)系統(tǒng)的用戶越來越由普通大眾組成的時候，對交互體驗(yàn)的關(guān)注也越來越迫切了。

一、什么是交互設(shè)計(jì)？

交互設(shè)計(jì)，又稱互動設(shè)計(jì)（英文Interaction Design, 縮寫 IxD 或者 IaD)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，人造物，即人工制成物品，例如：軟件、移動設(shè)備、人造環(huán)境、服務(wù)、可佩帶裝置以及系統(tǒng)的組織結(jié)構(gòu)，交互設(shè)計(jì)在于定義人造物的行為方式（即人工制品在特定場景下的反應(yīng)方式）相關(guān)的界面。

交互設(shè)計(jì)作為一門關(guān)注交互體驗(yàn)的新學(xué)科在二十世紀(jì)八十年代產(chǎn)生了，它由IDEO的一位創(chuàng)始人比爾·摩格理吉（Bill Moggridge）在1984年一次設(shè)計(jì)會議上提出，他一開始給它命名為“軟面（Soft Face）”，由于這個名字容易讓人想起和當(dāng)時流行的玩具“椰菜娃娃（Cabbage Patch doll）”，他后來把它更名為“Interaction Design”，即交互設(shè)計(jì)。

交互設(shè)計(jì)還包括要考慮用戶的期望和體驗(yàn)，可用性保證產(chǎn)品可用，基本功能完備且方便，而體驗(yàn)在于給用戶一些與眾不同的或者意想之外的感覺，也就是說，可用性是產(chǎn)品應(yīng)該做到的，理所應(yīng)當(dāng)?shù)?，體驗(yàn)則是額外的驚喜和收獲。

二、交互設(shè)計(jì)的行業(yè)發(fā)展歷程

交互過程是一個輸入和輸出的過程，人通過人機(jī)界面向計(jì)算機(jī)輸入指令，計(jì)算機(jī)經(jīng)過處理后把輸出結(jié)果呈現(xiàn)給用戶，人和計(jì)算機(jī)之間的輸入和輸出的形式是多種多樣的，因此交互的形式也是多樣化的。

1、初創(chuàng)期（1929年-1970年）

1959年，美國學(xué)者B.Shackel提供了人機(jī)界面的第一篇文獻(xiàn)《關(guān)于計(jì)算機(jī)控制臺設(shè)計(jì)的人機(jī)工程學(xué)》。

1960年，LikliderJCK首次提出“人際緊密共棲的概念，被視為人機(jī)界面的啟蒙觀點(diǎn)。

1969年，召開了第一次人機(jī)系統(tǒng)國際大會，同年第一份專業(yè)雜志“國際人際研究（UMMS）”創(chuàng)刊。

2、奠基期（1970年-1979年）

交互設(shè)計(jì)從1970年到1973年出版了四本與計(jì)算機(jī)相關(guān)的人機(jī)工程學(xué)專著。

1970年成立了兩個HCI研究中心：一個是英國的Loughboough大學(xué)的HUSAT研究中心，另一個是美國Xerox公司的PaloAlto研究中心。

3、發(fā)展期（1980年-1995年）

理論方面，從人機(jī)工程學(xué)獨(dú)立出來，更加強(qiáng)調(diào)認(rèn)知心理學(xué)以及行為學(xué)和社會學(xué)等學(xué)科的理論指導(dǎo)。

實(shí)踐范疇方面，從人際界面拓延開來，強(qiáng)調(diào)計(jì)算機(jī)對于人的反饋交互作用，“人機(jī)界面”一詞被“人機(jī)交互”所取代，HCI中的“I”，也由“Interface（界面/接口）”變成了“Interaction（交互）”。

4、提高期（1996年-至今）

人機(jī)交互的研究重點(diǎn)放到了智能化交互，多模態(tài)（多通道）-多媒體交互，虛擬交互以及人機(jī)協(xié)同交互等方面，也就是“以人為中心”的人機(jī)交互技術(shù)方面。

三、交互設(shè)計(jì)的原則

1、可視性：功能可視性越好，越方便用戶發(fā)現(xiàn)和了解使用方法。

2、反饋：反饋與活動相關(guān)的信息，以便用戶能夠繼續(xù)下一步操作。

3、限制：在特定時刻顯示用戶操作，以防誤操作。

4、映射：準(zhǔn)確表達(dá)控制及其效果之間的關(guān)系。

5、一致性：保證同一系統(tǒng)的同一功能的表現(xiàn)及操作一致。

6、啟發(fā)性：充分準(zhǔn)確的操作提示。

四、交互設(shè)計(jì)的準(zhǔn)則

1、倫理的（能體諒人，有幫助）：不傷害、改善人的狀況。

2、有意圖的：能幫助用戶實(shí)現(xiàn)他們的目標(biāo)和渴望（具體可查看億企邦《交互設(shè)計(jì)的三要素：目標(biāo)、任務(wù)和行為》的相關(guān)介紹）。

3、注重實(shí)效：幫助委托的組織實(shí)現(xiàn)它們的目標(biāo)。

4、優(yōu)雅的：最簡單的完整方案、擁有內(nèi)部的一致性、合適的容納和情感。

五、交互設(shè)計(jì)規(guī)范

當(dāng)產(chǎn)品規(guī)模大了之后就需要多個產(chǎn)品設(shè)計(jì)師協(xié)作完成整個產(chǎn)品，由于不同產(chǎn)品設(shè)計(jì)師之間的設(shè)計(jì)理念、設(shè)計(jì)方法、設(shè)計(jì)習(xí)慣的不同，協(xié)作完成的產(chǎn)品往往會導(dǎo)致產(chǎn)品一致性差，質(zhì)量參差不齊。

這個時候會需要一份交互設(shè)計(jì)規(guī)范來規(guī)范和指導(dǎo)產(chǎn)品設(shè)計(jì)，從而保證產(chǎn)品設(shè)計(jì)的一致性，提升整體產(chǎn)品質(zhì)量，最終來考核我們的交互設(shè)計(jì)效果（具體可查看億企邦《如何制定交互設(shè)計(jì)效果的可量化考核方案》的相關(guān)介紹）。

1、頁面規(guī)范

頁面信息規(guī)范主要指頁面的靜態(tài)信息應(yīng)該遵循的規(guī)則，包括：

（1）、標(biāo)題規(guī)范

用于規(guī)定整個產(chǎn)品中所有不同層級不同功能的頁面應(yīng)該使用的標(biāo)題的規(guī)則。

（2）、新窗口鏈接規(guī)范

用于規(guī)定頁面鏈接是采用新窗口打開還是本窗口打開的規(guī)則。

（3）、圖片規(guī)范

用于規(guī)定圖片信息是否帶有alt title值，這些值又取自那里。

2、信息規(guī)范

交互提示規(guī)范主要用于規(guī)定在交互過程中交互的方式及其信息提示，包括：

（1）、預(yù)先信息提示

所有交互進(jìn)行前需要提供充分給用戶的預(yù)先應(yīng)該知道的提示信息。

a、表單提交類

表單提交的步驟，每個表單項(xiàng)的要求需要給出提示信息（如密碼要多少多少位？搜索框鼓勵輸入什么內(nèi)容？）。

b、謹(jǐn)慎類操作

一個操作對用戶來說需要慎重操作的，如扣除金幣等，需要預(yù)先提示（如：扣除金幣的操作需要預(yù)先提示扣除金幣數(shù)目，以及當(dāng)前金幣是否足夠等等）。

c、差異化規(guī)則

當(dāng)一個功能的規(guī)則與用戶習(xí)慣的規(guī)則具有一定的差異或比較復(fù)雜時，需要給出提示或者給出幫助鏈接。

（2）、操作信息提示

所有交互進(jìn)行中需要提供操作相關(guān)的提示。

a、操作確認(rèn)提示

一個操作涉及數(shù)據(jù)刪除，等需要謹(jǐn)慎操作的操作需要給出刪除確認(rèn)提示框。

b、操作錯誤提示

當(dāng)用戶的操作不符合操作的規(guī)則，需要給出操作提示（如評論字?jǐn)?shù)為0或超過限制字?jǐn)?shù)，搜索框未輸入內(nèi)容時提交）。

（3）、結(jié)果信息提示

交互進(jìn)行后給出結(jié)果反饋是應(yīng)該給出適當(dāng)?shù)奶崾尽?br>
a、查詢類結(jié)果

任何信息列表、查詢結(jié)果，當(dāng)對應(yīng)信息無結(jié)果的時候需要給出有無結(jié)果狀態(tài)提示。

b、保存類結(jié)果

一個表單是用戶提交保存數(shù)據(jù)的，如設(shè)置個人資料，提交保存后需要給出提示，成功綠色、失敗紅色、普通灰色。

c、附加類結(jié)果

一個表單是對其他數(shù)據(jù)進(jìn)行附加的，如評論等，提交成功后應(yīng)直接跳轉(zhuǎn)到操作產(chǎn)生的結(jié)果展示部分（如提交評論后應(yīng)該直接展示給用戶他提交的評論）。

3、控件規(guī)范

當(dāng)有一些功能會被多個模塊復(fù)用的時候（如標(biāo)準(zhǔn)評論框、標(biāo)準(zhǔn)好友選擇器等），需要把這些功能提煉出來設(shè)計(jì)成通用控件被多個模塊共用。

有了頁面信息規(guī)范、交互信息規(guī)范、通用控件規(guī)范就能保證頁面信息的一致、交互方式及提示的一致、通用功能模塊一致，從而保證產(chǎn)品的一致性，并提高產(chǎn)品質(zhì)量。

六、交互設(shè)計(jì)的流程

交互設(shè)計(jì)是一種目標(biāo)導(dǎo)向設(shè)計(jì)，所有的工作內(nèi)容都是在圍繞著用戶行為去設(shè)計(jì)的，交互設(shè)計(jì)師通過設(shè)計(jì)用戶的行為，讓用戶更方便更有效率的去完成產(chǎn)品業(yè)務(wù)目標(biāo)，獲得愉快的用戶體驗(yàn)。

1、分析階段

在億企邦看來，交互設(shè)計(jì)的分析階段可分為：需求分析、用戶場景模擬和競品分析（聆聽用戶心聲）。

（1）、需求分析

對于一個產(chǎn)品來說，必然有對用戶需求的分析內(nèi)容，更多的是從MRD與PRD獲得，或者從產(chǎn)品需求評審會議上得到需求分析的內(nèi)容，當(dāng)然可以直接與產(chǎn)品經(jīng)理交流獲得相關(guān)產(chǎn)品需求，如果說設(shè)計(jì)原則是所有設(shè)計(jì)的出發(fā)點(diǎn)的話，那么用戶需求就是本次設(shè)計(jì)的出發(fā)點(diǎn)。

（2）、用戶場景模擬

好的設(shè)計(jì)建立在對用戶深刻了解之上，因此用戶使用場景分析就很重要，了解產(chǎn)品的現(xiàn)有交互以及用戶使用產(chǎn)品習(xí)慣等，但億企邦覺得設(shè)計(jì)人員在分析的時候一定要站在用戶角度思考：如果我是用戶，這里我會需要什么？

（3）、競品分析（聆聽用戶心聲）

競爭產(chǎn)品能夠上市并且被UI設(shè)計(jì)者知道，必然有其長處，這就是所謂三人行必有我?guī)煹囊馑?，每個設(shè)計(jì)者的思維都有局限性，看到別人的設(shè)計(jì)會有觸類旁通的好處，當(dāng)市場上存在競品時，去聽聽用戶的評論，哪怕是罵聲都好，別沉迷于自己的設(shè)計(jì)中，讓真正的用戶說話。

輸入物：MRD、PRD、市場調(diào)查報告、競品分析文檔（或其一或全部）。

輸出物：設(shè)計(jì)初稿（或許只是幾個簡單的界面）。

2、設(shè)計(jì)階段

設(shè)計(jì)方法采用面向場景、面向事件驅(qū)動和面向?qū)ο蟮脑O(shè)計(jì)方法。

面向場景是針對該產(chǎn)品使用場所等模擬，模擬用戶在多種情況下產(chǎn)品使用的模擬。

面向事件驅(qū)動則是對產(chǎn)品響應(yīng)與觸發(fā)事件的設(shè)計(jì)，一個提示框，一個提交按鈕……這類都是對事件驅(qū)動的設(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ì)圖時，更多的配合開發(fā)人員、測試人員進(jìn)行截圖配合，配合開發(fā)人員對于PSD格式的圖片切圖操作，對于不同的開發(fā)人員的要求，切圖方式也有不同，UI設(shè)計(jì)師需配合相關(guān)的開發(fā)人員進(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)品時的想法是否一致，是否可用，用戶是否接受，以及與需求是否一致，都需要UI設(shè)計(jì)師驗(yàn)證，UI設(shè)計(jì)師是將產(chǎn)品需求用圖片展現(xiàn)給用戶最直接的經(jīng)手人，對于產(chǎn)品的理解會更加深刻（具體可查看億企邦《交互設(shè)計(jì)師必須知道的五大交互設(shè)計(jì)流程》的相關(guān)介紹）。

輸入物：產(chǎn)品

輸出物：產(chǎn)品（面向用戶最終版本）

產(chǎn)品UI設(shè)計(jì)中夾雜著許多設(shè)計(jì)原則要求，統(tǒng)一公司UI設(shè)計(jì)流程，使UI設(shè)計(jì)師參與到產(chǎn)品設(shè)計(jì)整個環(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ì)流程，每個產(chǎn)品的生命周期中，UI設(shè)計(jì)師應(yīng)該嚴(yán)格按照流程，完成每個環(huán)節(jié)的職責(zé)，確保流程準(zhǔn)確有效的得到執(zhí)行，從而提高產(chǎn)品的可用性，提升產(chǎn)品質(zhì)量。

億企邦點(diǎn)評：

從用戶角度來說，交互設(shè)計(jì)是一種如何讓產(chǎn)品易用，有效而讓人愉悅的技術(shù)，它致力于了解目標(biāo)用戶和他們的期望，了解用戶在同產(chǎn)品交互時彼此的行為，了解“人”本身的心理和行為特點(diǎn)，同時，還包括了解各種有效的交互方式，并對它們進(jìn)行增強(qiáng)和擴(kuò)充。

通過對產(chǎn)品的界面和行為進(jìn)行交互設(shè)計(jì)，讓產(chǎn)品和它的使用者之間建立一種有機(jī)關(guān)系，從而可以有效達(dá)到使用者的目標(biāo)，這就是交互設(shè)計(jì)的目的。