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

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

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

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

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

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

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

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

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

二、競(jìng)品分析

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

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

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

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

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

三、信息架構(gòu)

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

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

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

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

四、流程圖

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

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

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

五、Persona和故事板

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

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

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

故事板要簡(jiǎn)單清晰

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

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

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

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

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

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

專(zhuān)門(mén)為移動(dòng)交互設(shè)計(jì)準(zhǔn)備的草稿紙

但要注意，不要在在產(chǎn)品的需求范圍（Scope）和信息架構(gòu)確定前就面對(duì)具體的交互稿，這樣會(huì)導(dǎo)致繭房效應(yīng)和視野狹窄，基群體無(wú)意識(shí)行為，在討論到最后很可能就在范圍和信息架構(gòu)還沒(méi)有的時(shí)候，就已經(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ū)δ硞€(gè)交互方案的后期效果不太確定時(shí)而采用的快速產(chǎn)出、快速驗(yàn)證的解決方案。

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

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

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

八、交互稿

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

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

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

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

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

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

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

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

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