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

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

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

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

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

一、項(xiàng)目背景分析

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

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

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

二、競品分析

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

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

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

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

交互設(shè)計(jì)師在一個完整的項(xiàng)目中需要設(shè)計(jì)完成的產(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)品的骨骼，如果安排不合理或與用戶的心智模型相差太遠(yuǎn)，會嚴(yán)重影響用戶體驗(yà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è)計(jì)是否合理，所以在一個完整的項(xiàng)目里，信息架構(gòu)的設(shè)計(jì)對交互設(shè)計(jì)師來說，是命脈，是不可以假手于人的后續(xù)設(shè)計(jì)的源頭。

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

四、流程圖

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

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

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

五、Persona和故事板

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

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

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

故事板要簡單清晰

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

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

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

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

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

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

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

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

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

設(shè)計(jì)草圖

七、交互驗(yàn)證原型

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

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

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

幾種常用的交互驗(yàn)證原型制作工具

八、交互稿

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

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

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

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

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

交互設(shè)計(jì)稿

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

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

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