每天，人們無時無刻不在使用電子設(shè)備打電話、發(fā)消息、玩游戲、發(fā)送Email、錄制視頻、聽音樂。互聯(lián)網(wǎng)將這一切變得是如此的輕而易舉。全世界優(yōu)秀的工程師們讓這些成為現(xiàn)實(shí)，而交互設(shè)計(jì)會讓這些事情變得易用、可用和有趣。

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

交互設(shè)計(jì)（英文Interaction Design, 縮寫IXD)，是定義、設(shè)計(jì)人造系統(tǒng)的行為的設(shè)計(jì)領(lǐng)域，它定義了兩個或多個互動的個體之間交流的內(nèi)容和結(jié)構(gòu)，使之互相配合，共同達(dá)成某種目的。（來自百度百科）

對于當(dāng)下的互聯(lián)網(wǎng)產(chǎn)品，交互設(shè)計(jì)使互聯(lián)網(wǎng)技術(shù)變得有用、可用并且樂于被大家使用。這也正是交互設(shè)計(jì)在軟件和互聯(lián)網(wǎng)領(lǐng)域得到迅速發(fā)展的原因。交互設(shè)計(jì)師將工程師產(chǎn)出的原材料塑造成人們喜歡的產(chǎn)品。隨著互聯(lián)網(wǎng)的成熟，創(chuàng)建和驅(qū)動它的技術(shù)也逐漸成熟，互聯(lián)網(wǎng)變得不僅可以提供內(nèi)容，更可以用它來做事。

在移動設(shè)備上通過無線網(wǎng)絡(luò)訪問互聯(lián)網(wǎng)，也改變了我們傳統(tǒng)的交互地點(diǎn)和方式。iPhone當(dāng)年的出現(xiàn)開創(chuàng)了交互設(shè)計(jì)的新時代。

常用的交互設(shè)計(jì)方法

以用戶為中心的設(shè)計(jì)

簡單地說，以用戶為中心的設(shè)計(jì)過程就是讓用戶數(shù)據(jù)貫穿著整個項(xiàng)目，用戶數(shù)據(jù)是設(shè)計(jì)決策的決定性因素。在最佳的UCD方法中，項(xiàng)目的每個階段都要引入用戶，當(dāng)不知道產(chǎn)品該如何做時，用戶的期望和需求就會幫助我們確定答案。例如，如果在為電商網(wǎng)站所做的用戶研究中，用戶說他們希望將購物車的圖標(biāo)放在網(wǎng)頁的右上角，那么在最終設(shè)計(jì)防止購物車的位置時，最有可能就放在那個地方。

右上角的購物車入口

UCD中的目標(biāo)非常重要，設(shè)計(jì)師需要關(guān)注用戶最終想要完成什么，然后去定義完成目標(biāo)的任務(wù)和方式，并且在整個設(shè)計(jì)過程中始終牢記用戶的需求和期望。但是，用戶的長期目標(biāo)是很難把握和定義的，或者說這些目標(biāo)很模糊，幾乎不可能為它們展開設(shè)計(jì)。UCD最擅長的是讓設(shè)計(jì)師從自己的偏好轉(zhuǎn)向用戶的的需求和目標(biāo)，所以，在UCD的設(shè)計(jì)流程中，要牢記“你不是用戶”這一真理。

以活動為中心的設(shè)計(jì)

以活動為中心的設(shè)計(jì)不關(guān)注用戶目標(biāo)和偏好，主要針對特定任務(wù)的行為展開設(shè)計(jì)。這里的活動指的是：完成某一意圖的一系列決策和動作?；顒涌梢詥为?dú)進(jìn)行也可能與他人協(xié)作，例如，從ATM取款機(jī)取錢的任務(wù)結(jié)束標(biāo)志 — 取到錢；上網(wǎng)購物的任務(wù)結(jié)束標(biāo)志 — 買到物品等。而另一些活動，例如聽音樂，就沒有固定的結(jié)束標(biāo)志。

今天我們的很多互聯(lián)網(wǎng)產(chǎn)品都來自于以活動為中心的設(shè)計(jì)，特別是一些功能性的應(yīng)用或者軟件。以活動為中心的設(shè)計(jì)允許交互設(shè)計(jì)師密切關(guān)注手中的工作并創(chuàng)建對任務(wù)的支持，不用去針對一些遙遠(yuǎn)的目標(biāo)。此方法適用于具有復(fù)雜任務(wù)或者大量形態(tài)各異用戶群體的產(chǎn)品。

活動不同于任務(wù)，活動是由動作和決策組成。任務(wù)的意圖是為了從事活動。在活動的生命周期里，包括很多的任務(wù)，每個任務(wù)會對應(yīng)不同的小時間段。在每一個時間段中，交互設(shè)計(jì)師都會為不同的任務(wù)進(jìn)行設(shè)計(jì)。舉一個例子來說明下活動與任務(wù)的關(guān)系，例如撥打電話是一個要完成的活動，查找電話號碼就會使其中的一個任務(wù)，查找電話號碼的方式又有很多不同：翻電子電話簿、通過查號服務(wù)幫助、查看手寫電話簿等等，每一個方式本身就是不同的任務(wù)。請問現(xiàn)在的你，查找電話號碼是任務(wù)還是活動呢？

對于設(shè)計(jì)師來說，活動與任務(wù)細(xì)小的差異只是學(xué)術(shù)上的意義，無論叫法是什么，設(shè)計(jì)都需要動手。方法與UCD類似，設(shè)計(jì)師觀察并訪談用戶，羅列出用戶的活動與任務(wù)，也許還需要補(bǔ)充一些丟失的任務(wù)，然后設(shè)計(jì)出解決方案，以幫助用戶完成任務(wù)。

系統(tǒng)設(shè)計(jì)

系統(tǒng)設(shè)計(jì)利用組件的既定安排來創(chuàng)建設(shè)計(jì)方案。系統(tǒng)是一系列相互作用的實(shí)體，它可以很簡單（例如家中的供水系統(tǒng)）也可以很復(fù)雜（整個城市規(guī)劃系統(tǒng)）。系統(tǒng)設(shè)計(jì)關(guān)注的是整個使用場景，而不是單個的對象和設(shè)備。

系統(tǒng)設(shè)計(jì)規(guī)劃出一個系統(tǒng)應(yīng)該包括的所有組件，設(shè)計(jì)師的任務(wù)就是設(shè)計(jì)出這些組件。系統(tǒng)設(shè)計(jì)為設(shè)計(jì)師提供了一幅清晰的路線圖。如下圖：

圖中的系統(tǒng)組件過于抽象，舉個簡單的例子。比如我們熟悉的360安全衛(wèi)士，它的目標(biāo)：保護(hù)電腦安全，這個目標(biāo)就是它的系統(tǒng)目標(biāo)；環(huán)境：所有的操作系統(tǒng)；傳感器：系統(tǒng)安全檢測功能，可以檢測電腦是否有病毒入侵；擾動：指的是改變，這里指有病毒或者木馬入侵；比較器：進(jìn)行當(dāng)前狀態(tài)和理想狀態(tài)的比較，并且會糾正（修復(fù)）電腦的狀態(tài)；執(zhí)行器：本例中就是修復(fù)漏洞；反饋：這個很簡單，電腦的評分或者隨時監(jiān)測到的系統(tǒng)問題，都是反饋；控制裝置：手機(jī)360中的流量監(jiān)控等。

360作為殺毒軟件，這些系統(tǒng)組件都是必備的，設(shè)計(jì)師要做的就是設(shè)計(jì)出這些組件（以及組件布局），以及操作這些組件的任務(wù)流程。系統(tǒng)設(shè)計(jì)適用于具有特定功能以及固定組件組成的產(chǎn)品。

系統(tǒng)設(shè)計(jì)的強(qiáng)大在于能夠以一個全景視圖整體研究項(xiàng)目，是一種很合邏輯的交互設(shè)計(jì)方法。系統(tǒng)設(shè)計(jì)能夠讓交互設(shè)計(jì)師考慮產(chǎn)品的所處環(huán)境，通過全局使用場景以及組件之間的影響，設(shè)計(jì)師能夠更好的理解產(chǎn)品大的使用環(huán)境。

設(shè)計(jì)策略

了解設(shè)計(jì)策略

設(shè)計(jì)策略的精髓在于，清楚你要做的產(chǎn)品在其同類產(chǎn)品中的定位，以及它與市場上其他類似的產(chǎn)品的差一點(diǎn)在哪。設(shè)計(jì)策略的制定，是發(fā)生在設(shè)計(jì)過程早起的產(chǎn)品和項(xiàng)目計(jì)劃。作為交互設(shè)計(jì)師，我們在開始設(shè)計(jì)之前，要充分了解這些策略。

目前大多數(shù)公司的交互設(shè)計(jì)師設(shè)計(jì)的項(xiàng)目都取決于商業(yè)策略（負(fù)責(zé)生產(chǎn)新產(chǎn)品并尋找新市場）。如果我們的設(shè)計(jì)和想法符合商業(yè)策略，就會得到支持。一個好的設(shè)計(jì)策略應(yīng)該將設(shè)計(jì)的實(shí)踐和整體的商業(yè)策略聯(lián)系在一起，在達(dá)到商業(yè)策略的同時將我們的設(shè)計(jì)做到可用、易用和有趣。

產(chǎn)品愿景、客戶價值、產(chǎn)品范圍都是設(shè)計(jì)策略中的關(guān)鍵要素。對于我們來說，更重要的是溝通與實(shí)施策略的能力。

確定問題

我們在設(shè)計(jì)的過程中經(jīng)常會遇到一種困難，就是我們需要解決的問題經(jīng)常很雜亂并且被錯誤定義，事實(shí)告訴我們，除非問題很確定并且顯而易見，否則不要被碰到的問題表面而迷惑。那些乍一看很簡單的問題其實(shí)并不簡單 — 它們往往很復(fù)雜。

舉一個簡單的例子，比如用戶反饋說我們的在線表單頁面里找不到“提交”按鈕，簡單的解決方案似乎是將按鈕移動到一個更顯眼的位置或者改變按鈕的顏色、尺寸和形狀來突出按鈕。但這也可能預(yù)示著其他的問題，可能用戶覺得表單的內(nèi)容過多，或者用戶不知道為什么自己要填寫表單，再或者用戶不知道點(diǎn)擊按鈕之后會發(fā)生什么。類似這樣，一個簡單的問題可能預(yù)示著嚴(yán)重的問題。

作為設(shè)計(jì)師，我們不僅要解決問題，更需要首先定義問題。問題的定義就是“確定我們將解決的事情并同時框定解決的環(huán)境”，問題是需要首先創(chuàng)建出來的。設(shè)計(jì)策略需要首先需要解決問題的環(huán)境，然后針對問題進(jìn)行設(shè)計(jì)并對環(huán)境施加影響。確定問題需要做兩件事：拉遠(yuǎn)視角建立問題的邊界，再拉近視角確定組成問題的細(xì)節(jié)。也就是先用發(fā)散性的思維去探究問題的可能性，然后再收斂到具體問題點(diǎn)上定義并且細(xì)化解決方案。

確定價值定位

價值定位指的是和其他類似產(chǎn)品（競品）相比用戶買或使用我們的產(chǎn)品所能獲得的回報是什么。如果沒有給用戶帶來價值，只是為了不同而設(shè)計(jì)一個不同的產(chǎn)品，這不是一個好的設(shè)計(jì)。

當(dāng)下的產(chǎn)品，價值定位已經(jīng)不僅僅局限于產(chǎn)品的成本和質(zhì)量，使用產(chǎn)品時的整體體驗(yàn)已經(jīng)成為一個主要的比較差異，而交互設(shè)計(jì)對產(chǎn)品的整體體驗(yàn)起著重要作用。比較差異通常由功能點(diǎn)充當(dāng)，例如我們的網(wǎng)站缺少了一個發(fā)郵件的功能等。功能確實(shí)很重要，但是設(shè)計(jì)師應(yīng)該在整個設(shè)計(jì)過程中去努力尋找一種長期的比較差異，這就是一個更難的命題。

再尋找差異的同時，我們應(yīng)該意識到任何差異都應(yīng)該檢查其價值定位。否則，就形成了為了差異而差異，這不是一種好的設(shè)計(jì)實(shí)踐。一種不能促成用戶購買或者使用的差異只會導(dǎo)致混亂，或者只形成了一種無法被感知的差異。例如，每個人都喜歡聽音樂，但是不是每一個產(chǎn)品都要加入音樂播放器功能？沒有準(zhǔn)確理解價值定位的盲目增加功能是不會帶來價值的。

設(shè)計(jì)研究

大多數(shù)的研究是定性的，而不是定量的。通常的情況下，都不會要求交互設(shè)計(jì)師做設(shè)計(jì)研究，設(shè)計(jì)師們一般都會更加信任自己的直覺以及創(chuàng)造產(chǎn)品的經(jīng)驗(yàn)。在我們熟悉的領(lǐng)域或者是小型項(xiàng)目中，這或許是要正確的方法。但是如果到了大的、不熟悉的領(lǐng)域里，設(shè)計(jì)研究就可以幫助避免創(chuàng)造錯誤的設(shè)計(jì)。

研究方法

觀察

觀察也是最簡單的設(shè)計(jì)研究方法，不動聲色的去觀察用戶，例如去商場里去觀察用戶是如何購物的。觀察者應(yīng)該精心的去選擇環(huán)境，要在不太會引起人們注意的地方進(jìn)行觀察。結(jié)合用戶實(shí)際的使用場景去觀察用戶，記錄下用戶在特定場景中是如何做的。

訪談

訪談是用戶研究的最基本也是最常用的方法，與人們交談、傾聽他們的故事是發(fā)現(xiàn)人們態(tài)度和體驗(yàn)的最好方法。我們可以引導(dǎo)被訪談用戶講故事，請用戶講述一些在特定時刻特定情境與產(chǎn)品或服務(wù)交互的故事，或者我們可以根據(jù)某些主題進(jìn)行訪談。我們還可以讓用戶繪畫出對某個產(chǎn)品或服務(wù)的使用體驗(yàn)，讓用戶表達(dá)出他們所認(rèn)為的產(chǎn)品。

關(guān)于用戶研究這塊兒，網(wǎng)上有大量的文章，這里只列舉最基本的兩個。關(guān)于設(shè)計(jì)研究，可參考本人之前關(guān)于創(chuàng)建人物角色的文章

構(gòu)思

知道了用戶的需求和期望，制定好了戰(zhàn)略，現(xiàn)在要做的就是去設(shè)計(jì)什么了，開始構(gòu)思并且產(chǎn)生概念。產(chǎn)生設(shè)計(jì)概念目前各大設(shè)計(jì)團(tuán)隊(duì)的方式會是頭腦風(fēng)暴，頭腦風(fēng)暴不是為項(xiàng)目尋找一個完美的設(shè)計(jì)，而是盡可能的產(chǎn)生許多的概念。在這個階段最重要的是產(chǎn)生數(shù)量而不是質(zhì)量看，要從不同的角度去產(chǎn)生盡可能多的想法。對于一個新的產(chǎn)品，有必要花費(fèi)幾天開展頭腦風(fēng)暴來產(chǎn)生幾百個想法。

頭腦風(fēng)暴最便捷的工具就是紙和筆。我們需要快速地草草記下一個想法，把它放在一邊，再去想另外一個。在進(jìn)行頭腦風(fēng)暴時，不必局限于團(tuán)隊(duì)中的設(shè)計(jì)人員，可以邀請相關(guān)人員、開發(fā)人員、工程師甚至局外人都會提出一些讓你意想不到的想法。只要確保參與者都能理解頭腦風(fēng)暴的原則：

1. 沒有不好的想法
2. 保持關(guān)注點(diǎn)，把不想關(guān)的想法放到一邊
3. 不要在某一個想法上花費(fèi)太多時間
4. 不要在頭腦風(fēng)暴的時候同時完成其他的任務(wù)。

當(dāng)概念形成后，我們要對產(chǎn)生的概念進(jìn)行組織，對已經(jīng)提出的所有想法聚類、命名和排序，以便后續(xù)的討論。可以把產(chǎn)生的概念放在一個2*2的矩陣中，來說明連續(xù)的區(qū)間中每個想法處于什么位置；或者把他們放在表格中，通過屬性來標(biāo)記這些概念的特性。

交互設(shè)計(jì)法則

預(yù)設(shè)用途

事物的外表都能表現(xiàn)給我們一種提示，表明它是如何工作的以及我們應(yīng)該如何與之交互。預(yù)設(shè)用途是一種屬性，這些屬性能提供某種與對象或者功能進(jìn)行交互的提示。椅子因?yàn)樗男螤睿吞峁┝艘巫幽茏念A(yù)設(shè)功能；按鈕應(yīng)為它的形狀，就有按的預(yù)設(shè)功能；拉手由于它的形狀，提供了一種可以拉的預(yù)設(shè)功能。交互設(shè)計(jì)可以看做是提供一種預(yù)設(shè)用途，以便產(chǎn)品的特征和功能可以被發(fā)現(xiàn)并被正確的使用。

按鈕的預(yù)設(shè)功能

反饋

反饋是某種提示，意味著某事發(fā)生過。對使用產(chǎn)品或者服務(wù)的人的任何動作都應(yīng)該有確認(rèn)，不管他們的行為多么的輕微：就像移動鼠標(biāo)的時候光標(biāo)跟隨者移動，撥打電話時按下手一個按鍵手機(jī)上應(yīng)該顯示一個數(shù)字。

如果沒有立即明顯的反饋，用戶往往會重復(fù)剛做過的動作，例如按下按鈕兩次，這樣做是會引發(fā)問題的，例如購買物品的時候會兩次或者多次匯款。人們需要反饋。

互聯(lián)網(wǎng)產(chǎn)品的響應(yīng)性由開始動作和產(chǎn)品做出反應(yīng)之間的時間（延時）來確定，延時可以做如下描述：

1. 及時，產(chǎn)品或服務(wù)的響應(yīng)時間<=0.1秒，用戶認(rèn)為反饋是及時的，并且可以在沒有察覺到中斷的情況下繼續(xù)完后任務(wù)。
2. 延遲，產(chǎn)品或服務(wù)的響應(yīng)時間在0.1秒~1秒之間，此時用戶會注意到延遲。如果這樣的延遲不頻繁的出現(xiàn)用戶會忽視它，反之，用戶會感覺到產(chǎn)品或者服務(wù)是很遲鈍的，例如撥號時按下數(shù)字鍵后，需要1秒才會顯示在屏幕上，所有的按鍵都是1秒后才會顯示，用戶會變得很沮喪甚至?xí)艞壆a(chǎn)品。
3. 中斷，1秒之后還是沒有反應(yīng)，用戶會覺得他們正在做的工作中斷了，他們的注意力會從手頭的工作上轉(zhuǎn)移到其他的產(chǎn)品或是服務(wù)上，例如用戶點(diǎn)擊“提交”來完成交易，幾秒過后還是沒有反應(yīng)，用戶會擔(dān)心這筆交易并且懷疑是不是網(wǎng)站出了問題。
4. 異常終止，如果出現(xiàn)超過10秒的延遲，用戶會覺得手頭上的工作徹底中斷了。

用戶的心智模型

心智模型指的是用戶對系統(tǒng)或?qū)ο笫侨绾喂ぷ鞯睦斫狻?/strong>心智模型通常是由用戶根據(jù)設(shè)計(jì)師提供的提示信息來建立，這些提示信息以預(yù)設(shè)用途和反饋的形式給出。設(shè)計(jì)師能使用這些提示信息顯著的控制用戶的心智模型，隱藏或者揭露出產(chǎn)品的內(nèi)部工作方式。