一個互聯(lián)網(wǎng)公司能否在用戶體驗方面做到更極致、更專業(yè)，交互設(shè)計在其中扮演了一個重要的角色，你所理解的交互設(shè)計到底是做什么的呢？

隨著互聯(lián)網(wǎng)的發(fā)展和成熟和競爭白熱化，重視用戶體驗的公司才能獲得長久和持續(xù)的發(fā)展，交互設(shè)計這個崗位的專門化、專業(yè)化是呼應(yīng)這種需求而產(chǎn)生的。

前面已經(jīng)有文章專門介紹了交互設(shè)計師這個崗位的產(chǎn)生、發(fā)展過程，以及交互設(shè)計師崗位和產(chǎn)品經(jīng)理之間的關(guān)系。不可否認的是，交互設(shè)計師需要從上游的產(chǎn)品經(jīng)理和下游的UI設(shè)計師之間拓寬自己的專業(yè)領(lǐng)域，因為國內(nèi)有一些中小型的公司是沒有交互設(shè)計師這個崗位的，而一個互聯(lián)網(wǎng)公司能否在用戶體驗方面做到更極致、更專業(yè)，交互設(shè)計在其中扮演了一個重要的角色。

交互設(shè)計師在日常工作中，能夠做哪些工作？有哪些產(chǎn)出物？

不同公司的交互設(shè)計崗位根據(jù)公司發(fā)展階段、組織結(jié)構(gòu)等不同而存在很大差異。但在理想情況下，承接到完整的、全流程的項目時，交互設(shè)計師負責(zé)的內(nèi)容和產(chǎn)出物可以包括：

一、項目背景分析

項目背景分析不是市場調(diào)研，它主要包括目前要設(shè)計的產(chǎn)品所屬市場當(dāng)前情況、項目要實現(xiàn)的目標(biāo)、要解決的用戶痛點、能否滿足市場需求等方面。

這個背景分析的工作產(chǎn)出物沒有量化的指標(biāo)要求，但一定要清晰明白，讓查看這個分析的人能否馬上了解你的設(shè)計思路和分析結(jié)果并能給出直接反饋，我的習(xí)慣是把這些點記在一個項目的Axure文件包首頁，作為完整的項目產(chǎn)出物的一部分。這樣層級推進，每一步都是需要前面的論證來驗證你的設(shè)計，讓整個設(shè)計過程基礎(chǔ)堅實、無可挑剔，這樣即便碰到了比較喜歡開腦洞的需求方，也很難把你的設(shè)計推倒。

做過的一個火車票中轉(zhuǎn)項目背景分析

二、競品分析

競品分析主要是研究市場上同類產(chǎn)品的發(fā)展現(xiàn)狀、市場占比、功能特性、該領(lǐng)域用戶主要需求痛點、用戶類型分析（這是重中之重）、未來潛力、優(yōu)勢及劣勢等方面，相比其他崗位的研究，更偏重相關(guān)領(lǐng)域用戶需求痛點、市場上競爭產(chǎn)品的功能點以及競爭產(chǎn)品的用戶類型分析。這個過程不要求盡善盡美，不要求最終提交完美的調(diào)研報告，但一定要獨立思考、有自己的獨到觀點和意見，不能人云亦云。

競品分析除了以上比較全面的分析外，還可以針對項目本身遇到的問題和功能點的不確定部分進行有針對性的專門研究，并給出比較結(jié)果以作為設(shè)計的輔助和素材，這也是交互設(shè)計的競品分析不同于市場營銷和產(chǎn)品經(jīng)理所做的競品分析的地方。

如在做某個郵輪PC端官方網(wǎng)站項目時，因為網(wǎng)站的信息架構(gòu)和網(wǎng)站地圖遲遲無法敲定，所以當(dāng)時我針對當(dāng)時市場上比較知名的郵輪公司的PC端官方網(wǎng)站的網(wǎng)站地圖做了一個全面細致的競品分析并得出了自己的分析結(jié)果，并結(jié)合我們自己的目標(biāo)和特色，順利敲定了我們自己的網(wǎng)站地圖。

游輪網(wǎng)站項目的競品分析

交互設(shè)計師在一個完整的項目中需要設(shè)計完成的產(chǎn)出物還包括：

三、信息架構(gòu)

信息架構(gòu)對于PC端應(yīng)用、網(wǎng)站、移動應(yīng)用等產(chǎn)品來說，都是最重要的基礎(chǔ)。信息架構(gòu)相當(dāng)于互聯(lián)網(wǎng)產(chǎn)品的骨骼，如果安排不合理或與用戶的心智模型相差太遠，會嚴重影響用戶體驗，甚至可能導(dǎo)致整個產(chǎn)品的失敗。

產(chǎn)品信息架構(gòu)決定的網(wǎng)站地圖

信息架構(gòu)是否合理，能夠直接決定網(wǎng)站地圖、網(wǎng)站導(dǎo)航、移動應(yīng)用導(dǎo)航、信息分組等后續(xù)很多相關(guān)環(huán)節(jié)的設(shè)計是否合理，所以在一個完整的項目里，信息架構(gòu)的設(shè)計對交互設(shè)計師來說，是命脈，是不可以假手于人的后續(xù)設(shè)計的源頭。

“打得一拳開，免得百拳來”，如果這一拳不能打出去或打不好，那后期只能被動挨打，這個在實踐中是有很多相關(guān)的血淚教訓(xùn)的。

四、流程圖

很多人可能對交互設(shè)計師是否需要畫流程圖心存疑惑，因為很多人可能覺得這應(yīng)該是產(chǎn)品經(jīng)理的工作，但實際上交互設(shè)計師也是需要畫流程圖的，但交互設(shè)計師的流程圖在目的與作用上與產(chǎn)品經(jīng)理的泳道圖有非常大的差異，產(chǎn)品經(jīng)理的泳道流程圖是要完整呈現(xiàn)整個產(chǎn)品所有環(huán)節(jié)的邏輯關(guān)系，比如后臺運行邏輯，和服務(wù)器如何交互，用何種手段交互等等。但并不會重點關(guān)注用戶體驗環(huán)節(jié)，所以產(chǎn)品經(jīng)理在繪制流程圖時，會在產(chǎn)品功能方面給出一個目標(biāo)，但如何實現(xiàn)并不會詳細描述。

而交互設(shè)計師的流程圖并不需要完整呈現(xiàn)整個產(chǎn)品所有的邏輯，只需要把每個任務(wù)按照用戶角色不同、場景不同畫出相應(yīng)的流程即可，記住，交互設(shè)計師的流程圖的主要目的不是為了讓項目中的每個角色都對產(chǎn)品運作流程一目了然，而主要是為后續(xù)設(shè)計打好基礎(chǔ)，理好自己的設(shè)計思路，并在評審遇到挑戰(zhàn)時用來說明自己的設(shè)計思路的，目標(biāo)不同也就決定了呈現(xiàn)方式不同。

國內(nèi)國際機票退改簽流程圖

五、Persona和故事板

Persona也就是人物角色，作為用戶調(diào)研分析的一部分，在項目前期需求整理階段會對整個項目的順利推進起到至關(guān)重要的作用。Persona的確定，應(yīng)該是基于產(chǎn)品而又先于具體項目的，Persona一經(jīng)確定，一般不會隨具體項目改變，所以交互設(shè)計師可以參與Persona的確定過程，但Persona并不一定是交互設(shè)計師在具體項目的產(chǎn)出物。

根據(jù)不同Persona類型，針對不同的場景繪制故事板，不但能夠幫助設(shè)計者理清自己的設(shè)計思路，深刻理解和領(lǐng)悟到某種用戶在某種場景下的心理狀態(tài)和喜好偏愛，也會令項目推進更加順利，同時啟發(fā)共同參與者，獲得更多的靈感和創(chuàng)意。

故事板與流程圖類似，也是基于用戶類型不同和使用場景不同而繪制，與流程圖不同的是，故事板需要做到三點：真實化、情感化、簡單化。相比流程圖它更多情感因素，能讓參與者產(chǎn)生更多心理共鳴，積極引導(dǎo)參與者關(guān)注用戶的心理狀態(tài)，而不是目標(biāo)任務(wù)，對用戶使用產(chǎn)品時的心態(tài)感同身受從而幫用戶解決問題是它的主要目標(biāo)。

故事板要簡單清晰

接上文，交互設(shè)計師的主要產(chǎn)出物還包括以下幾項：

六、交互設(shè)計草圖

交互設(shè)計草圖是在存在多種設(shè)計交互方案時，交互設(shè)計師快速制作，提供給需求方，用來進行技術(shù)驗證和頁面跳轉(zhuǎn)流程、頁面內(nèi)版塊基本排布的確定。

所以設(shè)計草圖需要快速制作，快速產(chǎn)出，而對于產(chǎn)出質(zhì)量如交互細節(jié)、具體字段、顯示方式等等方面都可以放寬要求。

設(shè)計草圖交付物的格式不會限制，可以是在白板上的快速勾勒，也可以是草稿紙上的簡單潦草的涂鴉，或者是Axure快速繪制，具體的版塊的寬度高度、字段長度、字段內(nèi)容、元素排布不需要糾結(jié)，別忘記這個階段的主要任務(wù)：以設(shè)計草圖來輔助產(chǎn)品設(shè)計流程繼續(xù)進行。

市場上有專門針對移動設(shè)備交互設(shè)計和普通交互設(shè)計的草稿本出售，感興趣的同學(xué)可以入手。

專門為移動交互設(shè)計準(zhǔn)備的草稿紙

但要注意，不要在在產(chǎn)品的需求范圍（Scope）和信息架構(gòu)確定前就面對具體的交互稿，這樣會導(dǎo)致繭房效應(yīng)和視野狹窄，基群體無意識行為，在討論到最后很可能就在范圍和信息架構(gòu)還沒有的時候，就已經(jīng)討論到具體板塊的順序和字段是否合理了。

所以設(shè)計草圖必須在產(chǎn)品需求范圍和信息架構(gòu)基本敲定后再進行設(shè)計。

設(shè)計草圖

七、交互驗證原型

交互驗證原型制作原因和目標(biāo)基本上與交互設(shè)計草圖一致，一般是在存在多種設(shè)計交互方案或?qū)δ硞€交互方案的后期效果不太確定時而采用的快速產(chǎn)出、快速驗證的解決方案。

交互驗證原型相比交互設(shè)計草圖的優(yōu)勢是它完全模擬了真實的翻頁、跳轉(zhuǎn)效果，對使用者要求低，無需非常好的想象力和邏輯思維能力，可以快速驗證，快速調(diào)研收集用戶反饋，快速迭代，最終找出最佳方案。

交互驗證原型制作工具比較多，我們內(nèi)部較常使用的有Axure、Justinmind、Flinto、墨刀等等，這些軟件各有優(yōu)缺點，此處不展開詳述。

幾種常用的交互驗證原型制作工具

八、交互稿

在設(shè)計草圖被評審后，交互設(shè)計師收集到大家的意見建議，在取得一致的情況下，才開始具體的交互稿設(shè)計。

此時的交互稿應(yīng)該注意以下幾點：

A：此時的交互稿設(shè)計是后續(xù)UI設(shè)計的基礎(chǔ)，所以對于版塊Layout、版塊占位寬度高度等需要達到像素級的精度。

B：字段的最大長度、表單元素的信息確認一定要在此階段確認無誤，不要把這個問題留到UI階段。

C：對于字段、頁面元素、表單元素在版塊內(nèi)的排布，先依照自己的理解來設(shè)計，但這些后期UI設(shè)計師都有很大的自主權(quán)進行調(diào)整修改。

交互設(shè)計稿

交互稿完成后，一般會有一個較大的交互稿評審節(jié)點，一般此時會召集整個產(chǎn)品流水線上所有的相關(guān)人員共同參與評審。

一個公司光有UED部門和交互設(shè)計師的崗位，并不代表這家公司就一定能在產(chǎn)品設(shè)計上把用戶體驗做到最好，如果只有這個崗位的編制而不重視交互設(shè)計，那這個崗位形同虛設(shè)，只是聊勝于無而已。

但如果能夠給予UED部門和交互設(shè)計崗位比較大的權(quán)限，解放交互設(shè)計師的生產(chǎn)力，那產(chǎn)品的用戶體驗的大幅度提升就只會是時間問題。

本文由 @德升 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載

題圖來自Unsplash，基于CC0協(xié)議