對(duì)任何產(chǎn)品而言，交互不僅僅只是錦上添花，而是雪中送炭。

這篇文章為整個(gè)《深入淺出談互聯(lián)網(wǎng)》系列的先進(jìn)篇文章，之所以會(huì)選這個(gè)主題，是因?yàn)橛^主深深的感受到現(xiàn)如今太多人進(jìn)入互聯(lián)網(wǎng)，但對(duì)互聯(lián)網(wǎng)的種種理解依然停留在較淺的層面，所以希望用白話來(lái)給大家談?wù)勥@些年來(lái)自己的一些理解，希望給圈子里的老人們起到溫習(xí)之用，給圈子里的新人筑好基礎(chǔ)，更希望給圈子外的朋友們帶去更簡(jiǎn)單直觀的互聯(lián)網(wǎng)知識(shí)，只有更多的人真正理解互聯(lián)網(wǎng)，整個(gè)互聯(lián)網(wǎng)行業(yè)才會(huì)蒸蒸日上。

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

當(dāng)人們?cè)谑褂靡豢町a(chǎn)品時(shí)(包括實(shí)體和非實(shí)體的產(chǎn)品)，該產(chǎn)品按照事先設(shè)計(jì)好的流程，與使用者進(jìn)行互動(dòng)，幫助使用者更好的理解產(chǎn)品，并進(jìn)一步達(dá)成使用目的。

這種“設(shè)計(jì)”就稱之為“產(chǎn)品交互設(shè)計(jì)”，而負(fù)責(zé)這個(gè)設(shè)計(jì)的人就稱為“交互設(shè)計(jì)師”。

舉個(gè)例子：

當(dāng)你走進(jìn)一部電梯，在眾多的按鈕中摁了一下所要去的樓層，這個(gè)時(shí)候被摁下到按鈕立即變成了紅色，于是你明白電梯已經(jīng)接到指令了，你會(huì)把手放下，等待電梯到達(dá)。

反之，如果摁下去按鈕不變色，你會(huì)擔(dān)心電梯是不是壞了?按鈕失靈了?這個(gè)樓層是不是電梯到不了?各種疑慮都會(huì)因?yàn)榘粹o沒(méi)及時(shí)的變色而產(chǎn)生。

所以這里的按鈕變色就是一種交互設(shè)計(jì)，電梯通過(guò)變色的按鈕讓使用者明白，它已經(jīng)知道要去到哪個(gè)樓層。

再舉個(gè)例子：

大家平時(shí)使用微信時(shí)，點(diǎn)擊一篇文章或者一張圖片，出現(xiàn)一個(gè)讀條，或者在圖片中央有一個(gè)轉(zhuǎn)圈，這些都屬于交互設(shè)計(jì)，這些設(shè)計(jì)的潛臺(tái)詞是在告訴使用者：“嘿，哥們，別急，我正在努力打開(kāi)呢!”這些小的動(dòng)畫(huà)往往可以降低使用者等待的焦慮，讓人感覺(jué)打開(kāi)的速度其實(shí)不慢。

反之，在早期或一些缺乏交互設(shè)計(jì)的產(chǎn)品中，往往會(huì)因?yàn)闆](méi)有這些小的動(dòng)畫(huà)表現(xiàn)，而讓使用者誤以為系統(tǒng)是不是卡住或者崩潰了。

通過(guò)這兩個(gè)例子，相信大家都對(duì)交互設(shè)計(jì)有了一定的理解，正如文初所說(shuō)——交互設(shè)計(jì)的本質(zhì)在于，產(chǎn)品通過(guò)客觀的行為讓人們產(chǎn)生主觀的認(rèn)知!而這個(gè)主觀認(rèn)知的好與壞?對(duì)與錯(cuò)?是否如設(shè)計(jì)預(yù)期?就決定了一個(gè)交互設(shè)計(jì)的成功與否。

二、交互其實(shí)無(wú)處不在

上文所說(shuō)的交互設(shè)計(jì)，更準(zhǔn)確的說(shuō)是產(chǎn)品設(shè)計(jì)，這里的產(chǎn)品包括了實(shí)體和非實(shí)體的，如洗衣機(jī)、電梯、手表、網(wǎng)站、app等等。

這種交互就是我們常說(shuō)的人機(jī)交互，筆者認(rèn)為它是一種狹義上的交互，具有局限性，同時(shí)缺乏完整性。真正的交互應(yīng)該是萬(wàn)物間的交互，《京氏易傳·震》中曾提到：“震分陰陽(yáng)，交互用事。”從這點(diǎn)上可以看出，宇宙中的萬(wàn)物之間本身就是在不斷的互相交互的，這種交互更為廣義，也更為完整。

于是，對(duì)交互的定義就有了全新的解讀——即人們?cè)谑褂靡患a(chǎn)品或服務(wù)的過(guò)程中，與產(chǎn)品或他人進(jìn)行短暫或持續(xù)的互動(dòng)(不再局限于產(chǎn)品本身)。

這樣來(lái)看，交互設(shè)計(jì)即基于一定目的，設(shè)計(jì)出符合目的的客觀互動(dòng)，從而為使用者建立契合目的的主觀認(rèn)知，這種主觀認(rèn)知我們稱之為交互體驗(yàn)。

三、人人都是交互設(shè)計(jì)師

交互是無(wú)處不在的，我們不應(yīng)把眼光再局限于人與產(chǎn)品之間的交互，既然人與人之間也交互不斷，那這種交互自然也是可以被設(shè)計(jì)的!

于是作為一名交互設(shè)計(jì)師，你的設(shè)計(jì)范圍可能更大了，需要縱觀全局，把握產(chǎn)品全流程中的每一環(huán)節(jié)，不再拘泥于產(chǎn)品界面或功能層面上的交互，通過(guò)全流程的交互設(shè)計(jì)，給使用者完整的交互體驗(yàn)!交互設(shè)計(jì)師需要學(xué)會(huì)多維度的考慮問(wèn)題，場(chǎng)景也不再是簡(jiǎn)單的是誰(shuí)為了什么而做什么，需要更多的考慮比如時(shí)間、地點(diǎn)、環(huán)境、心理變化等其它客觀因素，需要更多的參與到整個(gè)業(yè)務(wù)流程與場(chǎng)景中，才能更好的把握用戶真實(shí)需求，從而更好的確認(rèn)目標(biāo)進(jìn)行設(shè)計(jì)!

甚至可預(yù)見(jiàn)的是，越來(lái)越多的其它崗位的專業(yè)人士，會(huì)慢慢參與到交互設(shè)計(jì)中，甚至主導(dǎo)交互設(shè)計(jì)。其實(shí)這已經(jīng)在發(fā)生著了，傳統(tǒng)領(lǐng)域中的很多服務(wù)流程都深得交互設(shè)計(jì)的精髓——

比如星巴克，在一些比較繁華的商業(yè)區(qū)附近的門(mén)店，都會(huì)在自己的服務(wù)流程手冊(cè)上，提前注明附近的停車(chē)場(chǎng)位置，并要求店員可以熟記，一旦當(dāng)客人問(wèn)起如何停車(chē)時(shí)，可以準(zhǔn)確的提供引導(dǎo)，這難道不是一種基于目的的交互設(shè)計(jì)嗎?先研究客人的潛在需求，并準(zhǔn)備好解決方案，及時(shí)給予反饋和幫助!

又比如宜家，通過(guò)場(chǎng)景布局、產(chǎn)品分布以及關(guān)鍵位置的指示牌，通過(guò)對(duì)人們的研究，模擬消費(fèi)者在家居采購(gòu)中的思考和決策順序，設(shè)計(jì)了具有強(qiáng)引導(dǎo)性的商場(chǎng)瀏覽路徑，幫助不熟悉產(chǎn)品的消費(fèi)者更便捷高效的進(jìn)行采購(gòu)瀏覽，降低干擾;同時(shí)通過(guò)一些小的路徑穿插和岔路，幫助老手們快速跳過(guò)“新手引導(dǎo)路徑”，直接找到需要的產(chǎn)品。這難道不也是一種交互設(shè)計(jì)?不也是一種基于用戶心理和使用場(chǎng)景的交互設(shè)計(jì)?

這些設(shè)計(jì)與狹義的人機(jī)交互設(shè)計(jì)有著異曲同工之妙——

都從目標(biāo)出發(fā)(星巴克的目的是讓用戶覺(jué)得服務(wù)到位;宜家更偏重于學(xué)購(gòu)，讓用戶邊學(xué)邊買(mǎi)，同時(shí)降低決策成本，快速完成消費(fèi))。

都基于用戶心理和使用場(chǎng)景，研究用戶的思維模式和使用習(xí)慣，提前設(shè)計(jì)方案來(lái)做應(yīng)對(duì)。

都類似于我們的人機(jī)交互設(shè)計(jì)，比如宜家的讓產(chǎn)品更容易被找到，不就和我們思考界面上的按鈕如何布局更顯眼類似嗎?而星巴克的服務(wù)話術(shù)，不也和我們app中設(shè)計(jì)的提示文案類似嗎?

四、如何再造交互設(shè)計(jì)

那具體該如何做呢?筆者總結(jié)了“八定法”：

1.定目的：確定設(shè)計(jì)目的。

筆者始終認(rèn)為，任何設(shè)計(jì)的核心在于目的，基于目的的設(shè)計(jì)，才能避免無(wú)效設(shè)計(jì)，可以根據(jù)產(chǎn)品定位或服務(wù)主旨等來(lái)制定目的，比如上文提到的星巴克，它的產(chǎn)品是咖啡，但是核心賣(mài)點(diǎn)其實(shí)是服務(wù)體驗(yàn)，它希望每位客人都感覺(jué)賓至如歸，所以它的交互或服務(wù)設(shè)計(jì)目的就是給客人完善貼心的服務(wù)體驗(yàn)。

2.定受眾：確定目標(biāo)用戶。

這里的用戶可能是一類，也可能有多類，這個(gè)取決于你的主觀目的和客觀市場(chǎng)，這里就不細(xì)說(shuō)了，相信關(guān)于確認(rèn)目標(biāo)用戶，并給用戶繪制畫(huà)像這些流程，不僅僅是互聯(lián)網(wǎng)，傳統(tǒng)行業(yè)也一直在做。

3.定場(chǎng)景：確定用戶場(chǎng)景。

即目標(biāo)用戶會(huì)在何時(shí)、何地、何種情況下去使用功能或服務(wù)，舉兩個(gè)例子：星巴克的客人把車(chē)停在星巴克門(mén)口，想進(jìn)去坐著等人，這個(gè)時(shí)候他發(fā)現(xiàn)路邊無(wú)法停車(chē)，于是他進(jìn)到店里詢問(wèn)店員附近哪里有停車(chē)場(chǎng)，這就是用戶場(chǎng)景;再比如iphone 6plus手機(jī)到屏幕尺寸太大，平時(shí)雙手使用很順利，但是一旦在地鐵里，一只手需要扶著扶手時(shí)，單手操作時(shí)，輸入文字就很麻煩，于是某輸入法設(shè)計(jì)了一個(gè)“單手模式”，鍵盤(pán)可以變成小半個(gè)，左手拿手機(jī)就靠左邊安置，方便用戶按到所有鍵盤(pán)區(qū)域。

4.定需求：確定用戶需求。

這里的需求也包含了潛在的用戶需求，有些需求需要交互設(shè)計(jì)師協(xié)助產(chǎn)品經(jīng)理一同挖掘。我們?cè)谶M(jìn)行設(shè)計(jì)時(shí)，光考慮目的而忽略用戶的需求，必然會(huì)產(chǎn)生沖突，交互設(shè)計(jì)師需要找到一個(gè)平衡點(diǎn)，舉個(gè)例子：宜家的案例中，就有效的挖掘了三個(gè)用戶需求——新用戶先進(jìn)次購(gòu)置家居用品，不了解該如何選購(gòu)，并避免遺漏;老用戶很熟悉宜家，也足夠有經(jīng)驗(yàn)，不想再走一遍新手流程，希望直接去到自己需要的產(chǎn)品面前;任何用戶都有自己動(dòng)手和學(xué)習(xí)的欲望。

5.定資源：確定現(xiàn)有資源。

這一步很多設(shè)計(jì)師，甚至產(chǎn)品經(jīng)理會(huì)忽視，設(shè)計(jì)可以天馬行空，但是落地得靠務(wù)實(shí)，只有清楚的了解現(xiàn)有的各類資源，才可以更好的進(jìn)行設(shè)計(jì)，避免務(wù)虛。比如星巴克的店長(zhǎng)就會(huì)提前去了解周邊的停車(chē)場(chǎng)情況，又比如筆者在管理設(shè)計(jì)團(tuán)隊(duì)時(shí)，要求所有設(shè)計(jì)師必須清楚的了解當(dāng)前產(chǎn)品功能，避免做出一些與現(xiàn)有功能相沖突的設(shè)計(jì)。

6.定流程：確定交互流程。

流程說(shuō)白了就是怎么去做，就不細(xì)說(shuō)了，不是本文主要目的，下次找機(jī)會(huì)細(xì)說(shuō)，一個(gè)好的交互流程有三個(gè)要素：誰(shuí)發(fā)起，誰(shuí)參與，誰(shuí)結(jié)束。同時(shí)需要窮舉所有主分支的可能性，確保無(wú)遺漏。

7.定風(fēng)險(xiǎn)：確定潛在風(fēng)險(xiǎn)。

這里先說(shuō)一個(gè)梗，筆者很愛(ài)喝星巴克，有時(shí)混熟了也愛(ài)給他們提點(diǎn)建議，我曾經(jīng)發(fā)現(xiàn)一個(gè)很有意思的點(diǎn)，星巴克的收銀流程是先刷會(huì)員卡，再提交飲料單(大家看到過(guò)應(yīng)該，就是在杯子上寫(xiě)字然后遞給咖啡師，這個(gè)步驟類似點(diǎn)菜后的下單)，后再收錢(qián)，這個(gè)流程筆者認(rèn)為是為了更高效提升咖啡制作效率，同時(shí)給客人營(yíng)造服務(wù)高于賺錢(qián)的錯(cuò)覺(jué)。

整個(gè)流程其實(shí)控制的也不錯(cuò)，但是總有意外，如果你點(diǎn)的是新鮮調(diào)制咖啡，收營(yíng)員通常會(huì)轉(zhuǎn)身到滴濾咖啡機(jī)處，親子給你準(zhǔn)備咖啡。那這個(gè)時(shí)候就會(huì)很尷尬，筆者遇到至少幾十次，手舉著錢(qián)或銀行卡，看著收營(yíng)員的背影，放下也不是，舉著也不是的干等著。

為什么會(huì)發(fā)生這個(gè)情況?其實(shí)是用戶真實(shí)流程和預(yù)先設(shè)計(jì)流程之間的一個(gè)小小出入，用戶總是習(xí)慣了把會(huì)員卡和錢(qián)一起遞給收營(yíng)員，而收營(yíng)員的流程里明確告訴他要后拿用戶手中的錢(qián)。

當(dāng)然遇到一些有經(jīng)驗(yàn)的收營(yíng)員，他會(huì)把你的錢(qián)一起收去，或及時(shí)的接下你手中的錢(qián)。

所以筆者認(rèn)為，一切設(shè)計(jì)，都是基于預(yù)判的，都有潛在的風(fēng)險(xiǎn)，這些風(fēng)險(xiǎn)來(lái)自于操作人員、場(chǎng)景變化等等。

我們可能無(wú)法一次性把所有潛在風(fēng)險(xiǎn)做預(yù)測(cè)，但是在交互設(shè)計(jì)的流程確定后，必須做反復(fù)的復(fù)盤(pán)，以確保把風(fēng)險(xiǎn)降到低!

比如2016年春節(jié)時(shí)，微信搶紅包功能就多次出現(xiàn)異常，然后大家可以看到，很多之前沒(méi)見(jiàn)過(guò)的提示文案都及時(shí)的出現(xiàn)，這就是一種針對(duì)潛在風(fēng)險(xiǎn)制定的交互設(shè)計(jì)預(yù)案。

8.定方案：確定設(shè)計(jì)方案(這步就水到渠成，不展開(kāi)了)。

筆者總結(jié)的“八定法”，無(wú)論是人機(jī)交互設(shè)計(jì)，還是傳統(tǒng)行業(yè)的交互設(shè)計(jì)，都完全適用，這八個(gè)點(diǎn)一旦確認(rèn)，可以更好的幫助設(shè)計(jì)師準(zhǔn)確無(wú)誤的進(jìn)行有效的交互設(shè)計(jì)，從而為使用者提供更好的交互體驗(yàn)!

行文至此，臨近尾聲，再和各位嘮叨幾句

筆者始終認(rèn)為傳統(tǒng)行業(yè)和互聯(lián)網(wǎng)有著很多共同之處，許多地方可以相互借鑒與融合，所以無(wú)論是產(chǎn)品還是交互，抑或是體驗(yàn)設(shè)計(jì)，筆者都提倡取兩者之長(zhǎng)、補(bǔ)對(duì)方之短，互聯(lián)網(wǎng)也沒(méi)必要把自己擱在一個(gè)居高臨下的位置上，總覺(jué)得傳統(tǒng)行業(yè)有多落后。

同時(shí)筆者接觸過(guò)很多傳統(tǒng)行業(yè)向互聯(lián)網(wǎng)轉(zhuǎn)型的朋友，他們有著這樣那樣的疑慮，甚至對(duì)互聯(lián)網(wǎng)有著很多不解，筆者認(rèn)為，有必要幫助他們更好的理解一個(gè)真實(shí)的互聯(lián)網(wǎng)世界，只有理解，才會(huì)信任，只有信任，才會(huì)支持!