用通俗的方式告訴你什麼是交互設計
通常來說，擁有成熟產品的大型互聯網公司都會設有交互設計崗位，這個崗位在近幾年的招聘市場上也越炒越火。不同於視覺設計師有可視化的作品展示，交互設計師的工作大多無法直觀可視化或出於保密性難以對外展示，所以在大眾心目中始終是神秘的存在。所以今天就來給大家分享一下我作為一個交互設計師眼中的交互是什麼樣的。
文章的目的是幫助對交互設計不太了解，但工作相關或對此感興趣的人對交互設計進行基礎入門的了解，所以採用了盡量平實簡單的描述方式，以幫助大家快速理解。如果有不嚴謹的地方或表述不清晰的地方，歡迎各位大大們指出。
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的工作是有重疊之處呢？他們之間是如何劃分崗位職責的。
1）UE vs. UI
常見的錯誤理解方式有：
UE是UI的概念炒作，其實是一樣的
UE是高級UI
會畫線框圖的UI就是UE
這是最容易被混淆的兩個崗位，特別是一些外行人員或初學者，但真實的情況是，這兩個是完全不一樣的。之前我們把UE設計類比為寫劇本，我們繼續沿用這個比喻。
如果說做一個產品就是拍一部電視劇的話，UE就是編劇，負責腳本的撰寫，而UI的崗位其實就是劇組裡面的」服化道+燈光+布景「，主要負責劇中所有視覺呈現的工作。在劇組急著開拍的時候，等不及編劇到位，如果對劇本質量沒有什麼要求，服化道負責人承擔起寫劇本的職責，也是可以接受的。不過為了電視劇長期的口碑，等條件允許了，劇組還是會請專業編劇的。
所以，回到實際工作中，UE負責交流互動的設計，而UI負責產品的視覺表現設計，可以說是完全不相同的領域。比如當你在瀏覽手機淘寶App時，彈出一個廣告彈窗，這個彈窗是在什麼時候出現，以什麼方式出現，以什麼方式消失，是否還會再出現...這是交互設計師來設計的；這個彈窗是什麼顏色，什麼形狀，什麼尺寸，有什麼配圖...這是UI設計師來設計的。
2）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中國推薦設計師黑馬青年、Yjjj、墨染擔任講師的「高階UI特訓營」，課程涵蓋視覺UI、交互設計和動效設計，近60個課時的學習課程，讓學員得到全面提升。
除了精品課程，你還將獲得這些：
報班學員終身輔導
優秀學員職位內推
UI中國官方結課證書
UI中國大咖推薦信
UI中國海量資源共享
行業活動大咖互動
...
--關於我們---
UI中國 專業用戶體驗設計平台
新浪微博：@UI中國
TAG:UI中國 |