頭條楓林網通常來說，擁有成熟產品的大型網際網路公司都會設有互動設計崗位，這個崗位在近幾年的招聘市場上也越炒越火。不同於視覺設計師有視覺化的作品展示，互動設計師的工作大多無法直觀視覺化或出於保密性難以對外展示，所以在大眾心目中始終是神祕的存在。所以今天就來給大家分享一下我作為一個互動設計師眼中的互動是什麼樣的。
文章的目的是幫助對互動設計不太瞭解，但工作相關或對此感興趣的人對互動設計進行基礎入門的瞭解，所以採用了儘量平實簡單的描述方式，以幫助大家快速理解。如果有不嚴謹的地方或表述不清晰的地方，歡迎各位大大們指出。
1.什麼是互動
互動設計顧名思義就是互動的設計，所以解決這個問題的關鍵在於，首先要知道什麼是互動。
互動，即交流互動，其實這個詞語離我們的生活很近，例如中國式打招呼：
－李明：吃了嗎，大爺？
－王大爺：吃啦！
簡單幾個字的你來我往，搭配眼神和動作，傳遞出了禮貌、親近、尊敬等諸多豐富含義。
人和人之間的互動我們很好理解，那麼人和機器間的交流互動是什麼呢？舉個例子，如果你想解鎖一個手機，你與手機的交流可能是下面這種情景：
－按Home鍵（－李明：嗨，手機，好久不見！）
－螢幕亮了沒解鎖，彈出輸入密碼頁面（－手機：哎？是小明來了麼？）
－輸入密碼（－李明：是啊！）
－解鎖（－手機：哦哦，歡迎歡迎快請進~）
所以簡而言之， 當人和一件事物（無論是人，機器，系統、環境等等）發生雙向的資訊交流和互動，就是一種互動行為 。
要注意的是，這種交流和互動必須是雙向的，如果只有一方的資訊輸出，而沒有第二方的參與，那麼只能是資訊展示而不是交流互動。
例如，圖左的包裝是單方面的資訊展示，只能讓人從中獲取資訊，而不能反過來接收資訊並作出反饋，所以智慧資訊展示而不是互動。
圖右輸入框會根據輸入的內容作出正確和錯誤的反饋，有資訊的交流，所以是一種互動。
2.什麼是互動設計
詞條給出的解釋是：「互動設計，是人工製品、環境和系統的行為，以及傳達這種行為的外形元素的設計與定義。」
我們來做一個精簡：」互動設計，是互動行為的外在表現的設計「。其實可以簡單的理解為， 互動設計把一個或者一系列交流互動，用文字、影象或文件等方式，從交流的內容、方式、規則等維度進行統一的設計。
用一個不算太恰當但是很形象的例子來比喻：那就是互動設計就是給一個或一系列互動行為設計一個劇本。
就像之前例子中提到的輸入框，輸入的字數限制是多少，什麼情況是正確的，什麼情況是錯誤的，在正確的時候有什麼反饋，在錯誤的時候有什麼反饋，這些都會像是劇本里的故事情節和臺詞一樣被提前設計好，並由演員（圖形界面）來表演出來，使用者在這個過程中，既是觀眾（觀看情節發展）也是演員（與圖形界面互動，觸發情節）。
3.互動設計的範疇
互動設計涉及到人與人、機器、環境等等，其實是一個很寬泛的概念。
上圖我們可以看出，互動設計跟工業設計、建築學、資訊架構、視覺設計和人機互動都有相重疊的部分，或者換言之，但凡是涉及到與人產生交流互動的領域都可能涉及到互動設計的部分。
今天我們討論的在網際網路行業內大熱的互動設計，其實主要是人與網際網路產品（網站、App、智慧手錶等）的互動行為的設計。例如，跟手機淘寶App進行交流從而買到一款心儀的鞋子；跟大眾點評App交流讓它推薦一個附近價效比高的川菜館； 跟支付寶交流讓它給你剛買的一瓶礦泉水付賬…
4.常見縮略
-
UI (User Interface)：用戶界面。
-
UE或UX (User Experience)：使用者體驗。通常國外和國內的的外企叫UX，國內叫UE。
-
IxD (Interaction design)：互動設計。區別於工業設計，加了個」x」。
-
UID(User Interface Design)：用戶界面設計，現在一般很少用到。
-
UED (User-Experience Design)：使用者體驗設計。
-
UCD (User-Centered Design)：以使用者為中心的設計
其實互動設計準確的說法應該是IxD，但是在國內，似乎已經約定俗成為「UE」，所以爲了便於大家理解，下文我都以UE指代互動設計。
5.互動設計師是做什麼的
如果你已經大致明白了什麼是互動設計，那麼互動設計師的工作內容也就呼之欲出了。簡單來說， 如果互動設計是給互動行為寫劇本，那麼互動設計師就是編劇，負責構思、撰寫和修改這個劇本。
例如：你想讓大眾點評App給你推薦一個附近價效比高的川菜館，那麼劇本大概包括以下這些
【主線】開啟 App-搜尋關鍵詞-篩選-檢視詳情-導航到達-評價
【劇情】在哪個頁面找到搜尋，搜尋在什麼位置，點選哪個按鈕進入搜尋，App 在什麼情況下給出怎麼樣的提示…
【分支劇情】插播一條廣告，推薦給你相似的商家
【大結局】你最終找到了符合你要求的餐廳。
有人理解互動設計師，就是個畫流程圖、線框圖的。這種說法有點片面，但也不是全錯，因為流程圖線框圖確實是互動設計師進行設計的一種產出方式。但這種說法忽略了在這些視覺化產出物之外，設計師所進行的思考工作。
思考是不易於視覺化的，即便是有思考過程的產出，也很少被大眾看到；即便是被大眾看到，除了同行交流學習外，很少有人會耐心研究。所以有這樣的誤解也是情理之中。那麼如何判斷一個互動設計師發揮了怎樣的價值呢？
就像是編劇的能力有差異，寫出來的劇本可能是神劇，也可能是爛片。一個互動設計方案可能會讓使用者愛不釋手，比如探探的左劃右劃挑選聊天物件，一度風靡陌生人社交圈；反過來一個糟糕的互動設計也能讓使用者萬分沮喪，被使用者打入冷宮，你可以回想一下在最早期12306網頁買車票的經歷。
6.互動設計師的上下游合作伙伴
用一張圖來描述互動設計師的上下游合作伙伴們
如圖所示，互動設計師UE最主要的三位小夥伴主要是產品經理PM，視覺設計師UI，使用者研究UR。這種配置比較完善的團隊，一般出現在比較成熟的中大型網際網路公司，對於創業公司或者微型公司，通常來說進行一些精簡或合併。最先被精簡掉的一般來說都是UR崗位，在公司初期階段可能並沒有足夠的成本預算來設立這樣一個崗位，所以很多公司是沒有UR的；其次就是UE，很多公司是由PM或者UI兼做UE的工作。
UR和UE之所以可以被替代，並不是因為這兩項工作不重要，而是因為不同的階段公司有不同的訴求。在產品初期，最先要解決的是」有沒有「的問題，其次纔是」好不好「的問題，而UR和UE解決的正是」好不好「，所以在早期是可以暫時不設立專門的小組的。但是，觀察實際案例你就可以發現，大凡是產品發展到一定階段的公司，一定會增設UE和UR崗位，這恰恰說明了這兩個職位的重要性。簡單來說， PM和UI決定了產品走多快，UR和UE決定了產品走多遠。
有人可能會問，既然PM和UI都能把UE的工作兼掉，那是否說明PM與UE、UI與UE的工作是有重疊之處呢？他們之間是如何劃分崗位職責的。
UE vs. UI
常見的錯誤理解方式有：
① UE是UI的概念炒作，其實是一樣的
② UE是高階UI
③ 會畫線框圖的UI就是UE
這是最容易被混淆的兩個崗位，特別是一些外行人員或初學者，但真實的情況是，這兩個是完全不一樣的。之前我們把UE設計類比為寫劇本，我們繼續沿用這個比喻。
如果說做一個產品就是拍一部電視劇的話，UE就是編劇，負責指令碼的撰寫，而UI的崗位其實就是劇組裏面的」服化道+燈光+佈景「，主要負責劇中所有視覺呈現的工作。在劇組急著開拍的時候，等不及編劇到位，如果對劇本質量沒有什麼要求，服化道負責人承擔起寫劇本的職責，也是可以接受的。不過爲了電視劇長期的口碑，等條件允許了，劇組還是會請專業編劇的。
所以，回到實際工作中，UE負責交流互動的設計，而UI負責產品的視覺表現設計，可以說是完全不相同的領域。比如當你在瀏覽手機淘寶App時，彈出一個廣告彈窗，這個彈窗是在什麼時候出現，以什麼方式出現，以什麼方式消失，是否還會再出現…這是互動設計師來設計的；這個彈窗是什麼顏色，什麼形狀，什麼尺寸，有什麼配圖…這是UI設計師來設計的。
UE vs. PM
常見的錯誤理解方式有：
① UE是PM分離出去的
② UE是PM的畫圖助理
③ PM和UE是一樣的
因為在很多初創公司都是由PM承擔UE的工作，所以對PM和UE的崗位職責很多人都難以分辨。
讓我們再次回到劇組，如果要給PM安排一個角色，那應該是製片人，他需要發掘市場需要什麼樣的作品，制定計劃，尋找投資，組織生產，最後還要持續跟進發行後續工作，並對結果負責。類比到實際工作中，PM要做的是深度挖掘市場需求，制定產品計劃，提出需求，並組織和協調後續的設計與開發過程，並且對結果負責。
有人可能會問，既然PM是產品的總負責人，那麼是否意味著PM是UE、UI的領導部門？
這就像是製片人是編劇的領導麼？其實並不是，三者是合作關係，而沒有領導關係。UE對互動設計結果負責，UI對視覺設計結果負責，PM對產品成長負責，UE和UI的產出物可以接受PM的建議進行調整，但並不意味著是服從關係。
總結
如果看完上面的介紹，你還是有點困惑的話，那麼就這樣簡單來記：PM負責「該做什麼」，UE負責「怎麼做最好」，UI負責「長什麼樣子」
以下列舉一個簡單的例子，僅做參考，讓大家對三者工作有個比較直觀的感受，強調！僅是示例，並不是實際中工作形式。
_________ 未完待續 _________
作者： Stella_肆言肆語
UI中國個人主頁：http://i.ui.cn/ucenter/941374.html