00的筆記本第10篇文章，寫寫本行吧，不然總有朋友問“你的公眾號怎么不寫設(shè)計？”。正好，最近要給其他行業(yè)的朋友聊聊交互設(shè)計。

“一句話解釋xxx”的命題，總是讓人心驚膽戰(zhàn)如履薄冰。因為懶惰，把一句話啰嗦成了一篇文章，希望能幫助不熟悉交互設(shè)計的朋友有個基本概念~
?
先來戳個視頻： inFORM三維交互系統(tǒng)

大家看完也許會覺得神奇啊科技感啊不明覺厲啊，到底是干嘛的。。不負(fù)責(zé)任說一句，讓人不明覺厲的交互設(shè)計都是不成熟的設(shè)計（但可能是很有潛力的概念）。交互設(shè)計提供的更多是“無感”和“可能性”，而不應(yīng)該是“科技感”。

那么，以“無感”為目的的交互設(shè)計到底是個啥？

交互是個筐，啥都往里裝

交互（inter-action），從字面上理解很簡單，就是A和B相互之間的一系列動作和行為。比如，早上你出門時碰到鄰居，沖ta喊一聲“早”，ta對你點(diǎn)頭、微笑，說“早”——這就是一個完整的互動過程。

當(dāng)然，互動不僅限于人與人之間，還可以發(fā)生在任何系統(tǒng)和任何系統(tǒng)之間，比如人和機(jī)器，人和環(huán)境，機(jī)器和環(huán)境，等等。

這可是個要命的問題：幾乎在同一個次元的人和“物”，都可能發(fā)生互動。當(dāng)然，值得我們關(guān)注的，主要發(fā)生在（人們需要與之互動的）對象和（有正當(dāng)使用目的的）人之間，比如你跟一輛車的互動——想使用這輛車到某個地方（至于你想撬開車窗，把里面的招財貓偷走，那是另外一個互動話題——招財貓對你莫名的誘惑，以及你和撬車窗的工具之間的互動）。

這導(dǎo)致了交互所涉及的范圍過于寬泛。界面上的一個按鈕，是交互；賣披薩不給手套，是交互；想過馬路對面卻要走幾公里穿隧道，是交互……累不累，你以為交互設(shè)計什么都能干嗎？它就是個概念，被扣上了大帽子的交互設(shè)計師，一直躲在“title大于職責(zé)/能力”陰影下，一面處理著交互過程的種種細(xì)節(jié)，一面心懷更大的圖景，一個不小心，就跨到了別的學(xué)科領(lǐng)地上。我的不靠譜記錄，也從一個研究人地關(guān)系的學(xué)生，延續(xù)到研究人機(jī)關(guān)系的設(shè)計師……

下面這張圖能加深大家對這個學(xué)科年輕而混亂的印象（交互設(shè)計大概在五點(diǎn)鐘方向）：

[去看大圖](http://www.kickerstudio.com/wp-content/uploads/2013/03/ux.jpg), [去看墻內(nèi)圖](http://huaban.com/pins/358206658/)

人機(jī)交互、視覺設(shè)計、工業(yè)設(shè)計、人因工程、信息架構(gòu)……作為交叉（得厲害的）學(xué)科，解釋不清自己到底是干啥的，永遠(yuǎn)是心頭的痛。我所理解的交互設(shè)計，扎根于三大領(lǐng)域：
+ 人——心理學(xué)
+ 機(jī)——計算機(jī)/工程
+ 美——設(shè)計

三個領(lǐng)域都太有意思，于是走上了不歸路。。

身體跟不上靈魂（或相反？），于是有了交互設(shè)計

交互設(shè)計雖然是個筐，但它的確是應(yīng)需而生的。最初的發(fā)展動力主要來自人機(jī)交互領(lǐng)域。計算機(jī)被發(fā)明以后，如何跟人打交道，一直讓人頭疼。雖然Geek們發(fā)明了各種各樣的“語言”，使人和計算機(jī)有了溝通的渠道，但是當(dāng)時機(jī)器畢竟能力有限，需要人付出極大的努力才能跟機(jī)器“對話”。舉幾個例子:

• 計算機(jī)世界中沒有實(shí)體空間，卻又空間無限，人如何找到需要的東西？
• 計算機(jī)幾乎不會說話，更沒有語氣和表情，人怎么理解它的反應(yīng)呢？
• 你對計算機(jī)說“我想知道00的公眾號值不值得訂閱”，它根本不知道你在說什么。你得首先找到00的公眾號（ixd_00）,然后告訴計算機(jī)值得訂閱的標(biāo)準(zhǔn)有哪些（天知道），然后收集到這些標(biāo)準(zhǔn)的相關(guān)數(shù)據(jù)，然后建立一個公式甚至模型，然后讓計算機(jī)去運(yùn)算，最后輸出結(jié)果。

如何讓人機(jī)交流更自然（當(dāng)然是偏袒人類的），漸漸形成了一個學(xué)科。而隨著計算機(jī)能力指數(shù)級的增長，計算機(jī)承擔(dān)越來越多，而人需要投入的理解和使用成本越來越小。

當(dāng)資源不再匱乏、實(shí)現(xiàn)能力極大提升后，對體驗的追求漸漸成為人們消費(fèi)決策的首因。于是各種各樣的產(chǎn)品和服務(wù)都開始重視去理解消費(fèi)者/使用者，努力將產(chǎn)品和服務(wù)的體驗改進(jìn)到超出顧客預(yù)期。交互設(shè)計在這其中便發(fā)揮了越來越重要的作用。

時至今日的人機(jī)互動領(lǐng)域，隨著機(jī)器類型和能力的爆炸式增長，技術(shù)越來越逆天，人與機(jī)器對話的“界面”越來越模糊以及無處不在，交互設(shè)計將迎來第三次大發(fā)展。越來越多相互連接的元件和機(jī)器，極大拓展了人的感知、采集和控制能力，人與環(huán)境互動成為可能。如何促成人與整個環(huán)境的互動，是未來幾年交互設(shè)計的大課題。

我們來欣賞一個舞臺互動展示作品。Pixel - extraits , 優(yōu)酷

行為引導(dǎo)和對話設(shè)計者

為了便于理解，我們把任何兩個系統(tǒng)之間的交互都看做“對話”（不僅包括語言，還有動作，肢體、表情，圖像變化，可感知的運(yùn)動等等）。交互設(shè)計要做的事情，就是讓兩個系統(tǒng)之間的“對話”更好地進(jìn)行。

從廣義上理解，設(shè)計的本質(zhì)是“預(yù)先處理關(guān)系”，而從屬于設(shè)計領(lǐng)域的交互設(shè)計，主要關(guān)注的是如何讓人與系統(tǒng)更好地進(jìn)行”對話”。也就是人在跟一個系統(tǒng)打交道時，他了解到哪些信息，他怎么做，感受如何。

設(shè)計節(jié)點(diǎn)的“對話”

人與系統(tǒng)的“對話”，往往發(fā)生在關(guān)鍵節(jié)點(diǎn)上。比如去ATM取錢，對話基本是在一塊屏幕上進(jìn)行，而且人和ATM對話的過程，是由若干節(jié)點(diǎn)組成的路徑：

* 你告訴ATM賬號
* ATM識別賬號，問你要做什么
* 你告訴ATM要做第一件事
* ATM做第一件事并給出反饋
* ATM問你要做什么
* 你告訴ATM要做第二件事“”
* ……

交互設(shè)計處理的就是這些關(guān)鍵節(jié)點(diǎn)的“對話”，如何讓雙方（人，機(jī)）明白對方的意思、知道對方的進(jìn)度、知道對方的困難并且解決……也就是說，交互設(shè)計的是用戶在使用一個系統(tǒng)/產(chǎn)品時所經(jīng)過的“路徑”，以及與系統(tǒng)/產(chǎn)品發(fā)生的“對話”。

互聯(lián)網(wǎng)產(chǎn)品界面交互設(shè)計

回歸現(xiàn)實(shí)，大籮筐【交互設(shè)計】中套著一個小籮筐【人機(jī)交互】，而最常見的“機(jī)”，就是每天都能見到的網(wǎng)站/客戶端/app?；ヂ?lián)網(wǎng)行業(yè)的交互設(shè)計，指的主要是這些界面的設(shè)計。

那么，互聯(lián)網(wǎng)產(chǎn)品界面交互設(shè)計具體做什么？

• 定義用戶特點(diǎn)、需求、目標(biāo)
• 理清用戶任務(wù)和流程
• 定義功能
• 整理信息/頁面結(jié)構(gòu)
• 提出設(shè)計方案草稿，制作原型，團(tuán)隊討論
• 跟進(jìn)設(shè)計和開發(fā)
• 跟進(jìn)上線和迭代優(yōu)化
• 無限循環(huán)……

三、用交互設(shè)計思維改善體驗

交互設(shè)計雖然不能吃，也是極有用的。

在討論交互設(shè)計的用處之前，需要再明確一個觀點(diǎn)：交互設(shè)計存在感很弱。因為好的交互設(shè)計，讓人感覺不到設(shè)計的存在。

比如一把剪刀，幾乎沒有人不知道該怎么使用。但剪刀就沒有其他可能了嗎？一定有，感興趣的朋友可以翻翻這篇文章：The Extraordinary Evolution of Scissors。問題是現(xiàn)在剪刀的設(shè)計實(shí)在太過符合直覺，讓所有人秒懂，所以根本不需要投入注意力去“理解”和“學(xué)習(xí)”，直接進(jìn)入使用階段。這就是讓人感覺不到“設(shè)計”的“好設(shè)計”。

那么對大家而言，了解交互設(shè)計有什么實(shí)際作用呢？

1.治療科技產(chǎn)品帶來的認(rèn)知失調(diào)

交互設(shè)計鐵律之一：在使用大眾化系統(tǒng)/產(chǎn)品的時候，我們遇到的絕大多數(shù)問題，都是設(shè)計的問題，而不是我們“不夠聰明”。

比如，大部分人第一次使用復(fù)印機(jī)時，或多或少會產(chǎn)生“好復(fù)雜，不懂弄，我怎么這么蠢”的想法。只要站在“機(jī)器/產(chǎn)品”應(yīng)該為人服務(wù)的立場上，可以十分肯定地將責(zé)任歸咎給設(shè)計師，因為用戶并沒有責(zé)任去仔細(xì)研究和學(xué)習(xí)機(jī)器的運(yùn)作。（注：專業(yè)級產(chǎn)品另當(dāng)別論）

2.了解如何評判好設(shè)計

設(shè)計是一個很好的（社交）話題，因為人人都能評價設(shè)計。但如果不做一些深入了解，容易變成話題終結(jié)者呀：

“我覺得這個設(shè)計不好，難用”
“是嗎？哪里不好了？”
“這個……”

好的設(shè)計不是新、奇、特，從交互設(shè)計的角度看，它應(yīng)該滿足幾個特點(diǎn)：

• 能很好滿足需要、達(dá)到目的
• 容易理解和學(xué)習(xí)
• 整體使用過程流暢
• 看著愉悅，用著愉悅

3.如何改善體驗

說到底，交互設(shè)計的目的還是為了提升體驗。大家可以利用交互設(shè)計的思維，改善各種各樣的細(xì)節(jié)，以提升生活品質(zhì) :)

栗子1：約會

恩，約會其實(shí)是一個很好的交互設(shè)計……“項目”，從“對話”的角度理解全過程，我們看看有哪些環(huán)節(jié)可以下功夫去提升體驗。比如約妹子看電影：

• 第一階段：約

  • 妹子是否喜歡看電影？喜歡什么類型的？最近上了哪些電影？妹子什么時候有空？妹子住哪里？可能會喜歡去哪些電影院？（用戶調(diào)研）
  • 以什么理由提出妹子會覺得比較自然不尷尬？在什么場合下發(fā)起對話，為什么？需要制造這樣的場合嗎？（場景營造）
  • 在對話時，少使用封閉式句式，先回應(yīng)情緒再導(dǎo)向事實(shí)，提供可能性并給出有助于決策的信息……（對話引導(dǎo)）

• 第二階段：去

  • 約在什么地方碰面合適？妹子知道在哪嗎？過去方便嗎？會用什么方式過去？人多擁堵嗎？會在哪里等候？天氣會不會出問題？需要先吃東西嗎？
  • 妹子或你早到/遲到了如何回應(yīng)？如何開啟話題？
  • 電影院如何去？需要換票嗎？去排隊時讓妹子干啥？開場前時間如何打發(fā)？要買零食嗎？妹子喜歡吃啥？

• 第三階段：看

  • 進(jìn)場時走妹子前面還是后面？太黑看不清怎么辦？如何快速找到座位？兩個位置讓妹子坐哪個？領(lǐng)的眼鏡要怎處置？包和零食放哪既好拿又不容易打翻？手機(jī)調(diào)靜音了嗎？
  • 看的是什么類型的電影？要在妹子淚目時準(zhǔn)備好紙巾嗎？身邊坐了熊孩子怎么處理？

• 第四階段：回

  • 妹子看完電影是意猶未盡還是哈欠連連，該送她回家還是準(zhǔn)備其他節(jié)目？如何討論電影劇情？
  • 妹子怎么回家方便？需不需要帶些吃的回家？告別時說些什么？
  • 分開后再說些什么能增強(qiáng)兩人的共同回憶，或是埋下下次約會的線索？

看到這里是不是累覺不愛……一場約會包含了無數(shù)細(xì)節(jié)，妹子對你的印象就由這些細(xì)節(jié)一點(diǎn)點(diǎn)構(gòu)成。雖然這些都是很自然的反應(yīng)，但是用設(shè)計的角度去看，很多細(xì)節(jié)都可以提前考慮和優(yōu)化，這樣能讓妹子感覺跟你在一起很舒服。

好的交互設(shè)計，是讓人感覺不到的設(shè)計~ 真正的體貼，是讓人感覺不到的體貼啊~

栗子2：寫郵件

從交互設(shè)計的角度怎么優(yōu)化郵件寫作？總的原則就是：時刻記著問自己“這樣寫別人容易理解嗎？有沒有其他更好的表達(dá)/順序/格式？”

• 目的是什么？寫給誰？他們都需要知道嗎？他們主要關(guān)心什么？
• 要講哪些事？用什么順序？重要結(jié)論放在前面了嗎？足夠簡單明了嗎？老板看第一段（甚至標(biāo)題）是否就夠了？
• 每句話都必要嗎？可以精簡嗎？這一段有點(diǎn)長，可以分段嗎？分點(diǎn)會看得更明白嗎？分點(diǎn)后能用一句話說明白嗎？
• 可能有疑問的點(diǎn)有指出或給出參考資料嗎？補(bǔ)充性質(zhì)的內(nèi)容放附錄了嗎？
• 不同的人都能快速了解自己關(guān)心的信息嗎？需要回復(fù)的人都知道自己要做什么嗎？
• 需要摘錄附件主要內(nèi)容放在郵件中嗎？附件的格式大家能打開嗎？附件命名是否清晰易懂？
• ……

大家應(yīng)該能感受到設(shè)計師的龜毛了……所以說，設(shè)計無小事，連寫郵件這幾十句（假想中的）“對話”，也有很多費(fèi)思量的地方。所謂“體驗好”，如果只有一個點(diǎn)做得好，其實(shí)是挺難被感知的，得方方面面很多細(xì)節(jié)的疊加，才會形成“體驗好”的感知。

有了這個思路，一切生活上的體驗，理論上都是可以改善的。

似乎，人人都是交互設(shè)計師

沒錯兒~這是個人人都是xx的時代。所以才有Cooper的經(jīng)典文章 Is Interaction Design a dead-end job? 當(dāng)然，交互設(shè)計依然在各公司存在著，幾乎已經(jīng)成為大型互聯(lián)網(wǎng)公司設(shè)計團(tuán)隊的標(biāo)配，但是的確越來越能理解文中觀點(diǎn)的含義。

在人機(jī)合一之前，交互設(shè)計一直都能發(fā)揮價值，只是，這一價值并不需要由一個扣著“交互設(shè)計師”大帽子的人來承擔(dān)，不論主觀意愿還是客觀需求。也就是說，交互設(shè)計會蓬勃發(fā)展，交互設(shè)計師卻可能成為歷史。于是，斗膽提出“做交互設(shè)計的人”（而不是交互設(shè)計師——只做某些界面交互設(shè)計的人）應(yīng)該具備的能力：

對人有愛，對美執(zhí)著，勤于跨界。

如果展開，感覺又是另一篇文章，就此打住吧。

給未入/轉(zhuǎn)行同學(xué)的一些建議：

• 從觀察生活中的體驗做起
• 盡快構(gòu)建自己的知識體系/索引，并熟練掌握工具操作
• 學(xué)習(xí)用研方法，盡量多接觸用戶
• 多動手，多尋求設(shè)計反饋

媽媽說，文章最好有個小結(jié)

• 交互設(shè)計是一個好玩、跨界的領(lǐng)域~
• 交互設(shè)計的目的是讓人與系統(tǒng)更好地進(jìn)行“對話”，引導(dǎo)目標(biāo)行為發(fā)生
• 好的交互設(shè)計，是讓人感覺不到的設(shè)計~ 真正的體貼，是讓人感覺不到的體貼
• 找到關(guān)鍵節(jié)點(diǎn)，優(yōu)化“對話”的交互過程，可以幫助改善生活體驗
• 做好交互設(shè)計需要對人有愛、對美執(zhí)著、勤于跨界

最后的最后

比你是誰更重要的，是你做什么，為誰而做

附：一些豆列

• 互聯(lián)網(wǎng)用戶體驗
• 交互設(shè)計
• 互動設(shè)計

00的公眾號，更多分享醞釀中……