編輯導語(yǔ)：如何構建與提升交互專(zhuān)業(yè)能力呢？這可能是許多交互設計師在思考的一個(gè)問(wèn)題。本文作者基于個(gè)人工作總結與外部市場(chǎng)要求，梳理匯總了交互崗專(zhuān)業(yè)能力體系，希望能給你帶來(lái)幫助。

當前互聯(lián)網(wǎng)各行業(yè)告別了用戶(hù)數快速增長(cháng)的紅利期，企業(yè)逐步進(jìn)入精細化運營(yíng)階段，對從業(yè)者的要求也從廣納天下賢士轉為了大浪淘沙只求良才。尤其是面對外部客觀(guān)環(huán)境蕭條的大背景，企業(yè)業(yè)務(wù)會(huì )戰略性收縮，對應聘人員的能力要求相比之前會(huì )更加嚴苛。

近期收到不少后臺粉絲的提問(wèn)，大多數問(wèn)題都是圍繞如何構建與提升交互專(zhuān)業(yè)能力?；仡櫸疫@幾年的工作經(jīng)驗，自己也在不斷反思總結這個(gè)方向性的命題?；趥€(gè)人工作總結與外部市場(chǎng)要求，梳理匯總了交互崗專(zhuān)業(yè)能力體系，與大家共勉！

希望為初入交互設計行業(yè)的新人、發(fā)展到一定階段的中高階交互設計師、以及有一定工作經(jīng)驗的視覺(jué)設計師：針對學(xué)習交互思維、突破專(zhuān)業(yè)能力瓶頸、或者轉崗提供一些幫助（僅作為參考，畢竟不同人劃分方式會(huì )有差異，這里不做爭論）。

本文分為兩部分：

交互設計師能力模型：直觀(guān)概覽交互設計師需要具備的能力類(lèi)型及對應能力的核心要素。交互崗專(zhuān)業(yè)能力描述：對能力模型中的核心要求展開(kāi)說(shuō)明具體可落地的注意事項。

一、能力模型圖

二、交互崗專(zhuān)業(yè)能力描述

能力模型圖中的每個(gè)點(diǎn)都可以很詳細的寫(xiě)一篇專(zhuān)題文章，本文不做過(guò)多展開(kāi)，只是拋磚引玉：向大家說(shuō)明具體能力維度可提升落地的點(diǎn)有哪些。其中一些能力點(diǎn)我之前的文章中也有提及，以后有機會(huì )我會(huì )針對其他能力點(diǎn)單獨梳理文章。

1. 基礎專(zhuān)業(yè)能力

1）對業(yè)務(wù)與產(chǎn)品的理解

一直在強調交互設計師要盡可能前置到業(yè)務(wù)中，在設計工作的起始階段對業(yè)務(wù)背景、業(yè)務(wù)目的、現階段存在的問(wèn)題、產(chǎn)品規劃有一定程度的了解，為后續設計方案提供決策依據。

除了承接上游需求，許多設計師自主驅動(dòng)的需求都建立在對業(yè)務(wù)的綜合了解基礎之上，如果僅是體驗設計層面的優(yōu)化，實(shí)踐中很難獲得上下游同事對其價(jià)值的支持和認可，想要落地就更加無(wú)從談起了。

可以從以下幾點(diǎn)逐步加強對各業(yè)務(wù)線(xiàn)、各終端產(chǎn)品的理解：

了解各個(gè)業(yè)務(wù)線(xiàn)或產(chǎn)品的階段性或長(cháng)遠規劃多與產(chǎn)品經(jīng)理、運營(yíng)等上游同事溝通，深入了解產(chǎn)品發(fā)展的歷史緣由通過(guò)用研分析逐步了解不同產(chǎn)品的優(yōu)勢與不足

2）需求分析與設計規劃

需求分析主要是指與產(chǎn)品經(jīng)理的協(xié)作配合，有時(shí)候也會(huì )直接與運營(yíng)、銷(xiāo)售或者客戶(hù)對接。交互設計師介入一般有兩種方式：

業(yè)務(wù)方訴求明確，產(chǎn)品需求初稿規劃完成，此時(shí)交互設計師介入，基于產(chǎn)品需求目的給出體驗設計層面的建議。只明確了要實(shí)現的業(yè)務(wù)目標，產(chǎn)品需求尚未明確，需要交互設計師與產(chǎn)品經(jīng)理或業(yè)務(wù)方一起溝通共創(chuàng )，相當于協(xié)助產(chǎn)品明確需求的過(guò)程。

在這個(gè)階段，交互設計師需要注意以下幾點(diǎn)：

了解需求的背景與目的，需求方案的合理性，針對需求不合理之處提出質(zhì)疑并綜合考慮給出建議方案。需求分析與設計規劃時(shí)要盡可能平衡業(yè)務(wù)訴求、用戶(hù)體驗、技術(shù)可行性與實(shí)現成本等因素。查看需求文檔雖然是基本功，但是對于新人而言這里容易踩的坑比較多。不同產(chǎn)品經(jīng)理描述風(fēng)格與方式不同，也難免有一些規則遺漏，所以查看時(shí)若存在問(wèn)題及時(shí)與產(chǎn)品經(jīng)理溝通。經(jīng)過(guò)需求分析，交互設計師可以推導出整體的設計目標與設計策略。

3）設計規范與組件

設計規范是基于設計語(yǔ)言或設計指南而來(lái)的，不同公司產(chǎn)品會(huì )有不同的定義。根據業(yè)務(wù)復雜程度和產(chǎn)品特性，一些公司會(huì )梳理自己的設計規范，交互設計師重點(diǎn)關(guān)注交互層面的規范，也需要對視覺(jué)規范有一定了解。

設計組件是以設計規范為指導原則，為提升產(chǎn)研協(xié)作和開(kāi)發(fā)效率而設定的UI組件庫。這里需要注意：

設計組件一般分為基礎組件和業(yè)務(wù)組件，基礎組件類(lèi)似Ant Design；業(yè)務(wù)組件則是依據公司具體產(chǎn)品使用場(chǎng)景決定的，比如電商類(lèi)應用：產(chǎn)品列表的產(chǎn)品信息、直播模塊等頻繁被調用的、由多個(gè)基礎組件組合而成的內容。由于不同終端交互設置和操作方式存在差異，所以可能會(huì )有針對移動(dòng)端、Pad端、Web端、TV端等多終端設計組件。

大家可以參考iOS人機交互指南與谷歌的MD系統級設計規范，目前市場(chǎng)上有許多開(kāi)源的設計基礎組件，比如Ant design、滴滴、騰訊、京東、有贊、餓了么等。

4）交互文檔

設計方案具象化的呈現依靠規范的交互文檔，輸出交互文檔注意以下幾點(diǎn)：

①了解并繪制信息結構圖

交互設計師繪制的信息結構圖通常用于信息層級的梳理。比如一個(gè)網(wǎng)站或APP的導航劃分與層級，可以通過(guò)信息結構圖直觀(guān)的呈現，也可以更直觀(guān)的判斷與其他內容的關(guān)聯(lián)關(guān)系，確認是否符合用戶(hù)的心理模型?？蓞⒖嘉抑皩?xiě)過(guò)的文章：你對信息架構圖了解多少？

②了解并繪制任務(wù)流程圖

對于邏輯判斷比較復雜的項目，比如涉及多角色、多狀態(tài)、多任務(wù)流、多終端時(shí)，任務(wù)流程圖有助于設計師及相關(guān)查閱的人更快更清晰的了解需求?？蓞⒖嘉抑皩?xiě)過(guò)的有關(guān)流程圖的文章：案例分析：繪制流程圖需要注意哪些事項？

③繪制交互原型

關(guān)于如何繪制規范的原型圖，幾年前我寫(xiě)過(guò)一篇相關(guān)文章，里面提到的基礎原則仍然適用：如何設計規范的原型圖？

④交互說(shuō)明的書(shū)寫(xiě)要求

關(guān)于如何將交互說(shuō)明盡可能寫(xiě)的完備和細致，可以參考我之前寫(xiě)的兩篇文章：

宏觀(guān)角度：原型圖的交互說(shuō)明該怎么寫(xiě)？

微觀(guān)角度：原型圖的交互說(shuō)明該怎么寫(xiě)？

5）交互基礎原則

這部分內容涉及到交互層面的一些參考規則，之所以叫參考規則是因為不是必須遵守，可能針對不同業(yè)務(wù)和產(chǎn)品會(huì )做適當補充或刪減。比如頁(yè)面打開(kāi)方式研究、尼爾森可用性原則等?？梢酝ㄟ^(guò)閱讀一些專(zhuān)業(yè)書(shū)籍掌握理論知識，然后在實(shí)踐項目中應用總結。

6）主持各類(lèi)溝通會(huì )與評審會(huì )

交互設計師在日常工作流程中，會(huì )參與不同類(lèi)型的會(huì )議，比如需求討論會(huì )、需求評審會(huì )、設計評審會(huì )（交互與視覺(jué)內評與外評）、測試用例評審會(huì )、開(kāi)發(fā)問(wèn)題討論會(huì )等。有的會(huì )議交互設計師作為參與方，有的作為主導方，因此需要對會(huì )議節奏和效率綜合把控。

對于新人或初級交互，可以選擇性地參加其他交互同事組織的以上相關(guān)會(huì )議，了解和熟悉如何高效開(kāi)會(huì )達成會(huì )議目的。

7）評估設計排期

在日常項目流程中，需求評審過(guò)后交互設計排期需要首先給到，下游的視覺(jué)設計師、前端研發(fā)、甚至包括后端研發(fā)、以及測試工程師都需要根據交互文檔給出各自更加精確的排期。

因此評估交互排期在項目流轉過(guò)程中非常重要，如果評估排期少了無(wú)法按時(shí)交付，可能會(huì )造成下游同事時(shí)間不夠，甚至導致項目延期；如果評估排期多了，對于有上線(xiàn)時(shí)間要求的項目，總體時(shí)間可能又會(huì )不夠。

所以交互設計師只要做到根據自己手頭時(shí)間客觀(guān)評估即可。這里對于新手或初級交互而言，有兩點(diǎn)注意事項：

承接的項目類(lèi)型由簡(jiǎn)單到復雜過(guò)渡交互排期需要包括需求溝通時(shí)間、設計方案輸出時(shí)間、評審時(shí)間、評審后調整時(shí)間等，剛開(kāi)始排期可以給自己多預留1-2天

對于一些項目周期緊張或者頻繁變更，導致設計輸出時(shí)間增加的需求屬于特殊情況，需要另當別論。

8）明確交互驗收內容

關(guān)于交互驗收的流程和驗收的具體內容，我之前有梳理成一篇文章可供參考：如何做好交互驗收？

9）軟件工具

既需要熟練使用設計相關(guān)的軟件工具，比如交互常用的Axure、Figma、思維導圖工具等；也需要跟上軟件出新的步伐，比如Figma這種云端多人協(xié)作的設計工具誕生之后，過(guò)往使用Axure的交互設計師和使用Sketch的視覺(jué)設計師，都對它青睞有加。

2. 進(jìn)階專(zhuān)業(yè)能力

1）對用戶(hù)與使用場(chǎng)景的理解

這塊屬于用研相關(guān)的內容，對于設計師而言一直在強調平衡商業(yè)目標與用戶(hù)體驗。通過(guò)參與或者使用一些定性或定量的用戶(hù)研究方法，去真正理解產(chǎn)品對應的用戶(hù)特征、用戶(hù)想法和用戶(hù)使用場(chǎng)景。我們可以通過(guò)以下方式逐步提升用研能力：

查閱公司內部已沉淀積累的用研資料掌握并應用常用的用研方法，如體驗走查、競品分析、AB測試、可用性測試、問(wèn)卷調研、用戶(hù)訪(fǎng)談等

這里有兩點(diǎn)注意事項：

有些公司可能沒(méi)有資源推進(jìn)用戶(hù)研究，但至少你需要先掌握相關(guān)理論知識，學(xué)到的有價(jià)值的東西在未來(lái)總會(huì )用到的還有一些公司有專(zhuān)門(mén)的用研部門(mén)，在用研方法和工具使用方面會(huì )更加專(zhuān)業(yè)，這種情況設計師與用戶(hù)研究員協(xié)作配合會(huì )更加高效

2）數據意識和數據分析能力

許多設計師在項目中估計都在思考一個(gè)問(wèn)題：設計如何賦能業(yè)務(wù)增長(cháng)？

既然要衡量，那么數據指標就是最客觀(guān)的依據了，數據雖然不能完整體現設計價(jià)值，但至少可以驗證部分設計方案的優(yōu)劣。這里設計師需要注意以下兩點(diǎn)：

在日常工作流程中具備數據意識：無(wú)論是需求前期的分析階段，還是設計開(kāi)始實(shí)施之前，亦或是需求上線(xiàn)后的效果復盤(pán)，數據都作為有力的客觀(guān)佐證，為你的設計決策提供依據。培養數據分析能力：實(shí)際項目的數據分析過(guò)程可能會(huì )非常復雜，涉及到不同類(lèi)型的數據指標、數據分析方法的應用、數據查看與配置工具、復雜的業(yè)務(wù)因素等等。需要你對業(yè)務(wù)和數據都比較了解，是一種綜合能力的體現，需要日積月累的打磨。

3）發(fā)現問(wèn)題的主動(dòng)意識

在工作中無(wú)論是同事還是上級領(lǐng)導，都特別喜歡態(tài)度與行動(dòng)積極的人。不要總是等著(zhù)所謂的上游或者上級安排任務(wù)，自驅力要強，隨著(zhù)工作經(jīng)驗的累積，主動(dòng)的發(fā)現問(wèn)題、尋找解決方案、并推進(jìn)問(wèn)題解決。這也是區分不同水平設計師的標準之一。

4）思維方式

從認知心理學(xué)的角度分析，做一件事情經(jīng)過(guò)思想-決策-行為-結果-反饋的過(guò)程，之后便進(jìn)入了這個(gè)過(guò)程的一種正向或負向循環(huán)，所以思維方式是決定最終結果的本源。

對于產(chǎn)品設計者而言，需要重點(diǎn)打磨這幾項思維能力：

邏輯思維：分析和拆解復雜問(wèn)題的能力產(chǎn)品思維：多維度考慮用戶(hù)需求與業(yè)務(wù)訴求數據思維：掌握數據的收集、分析和應用系統思維：逐步學(xué)會(huì )結構化、體系化地看待問(wèn)題

5）視覺(jué)審美

目前在大多數公司有明確的交互崗和視覺(jué)崗，在工作流程中各有專(zhuān)攻，交互設計師在產(chǎn)研流程中發(fā)揮承上啟下的作用，所以需要了解視覺(jué)層面的理論知識，具備初級的視覺(jué)輸出能力。

一些公司設定了體驗設計崗，雖然號稱(chēng)是全棧型設計師，但專(zhuān)業(yè)能力還是有主輔性：比如主要專(zhuān)業(yè)能力偏交互，也具備一定的視覺(jué)專(zhuān)業(yè)能力。在互聯(lián)網(wǎng)發(fā)展的早期只有視覺(jué)崗位，后來(lái)誕生了交互崗位，目前所謂的全棧體驗設計師也是從最初的一個(gè)角色蛻變而來(lái)的。

各自分工協(xié)作有助于產(chǎn)品迭代的高效性，交互偏向于業(yè)務(wù)和產(chǎn)品端，注重邏輯梳理和需求分析；視覺(jué)重點(diǎn)是表現層、品牌調性和運營(yíng)活動(dòng)的形象展現。

3. 通用能力

這部分內容我之前特意寫(xiě)過(guò)相應的文章，參見(jiàn)：交互設計師該如何提升軟實(shí)力？

4. 個(gè)人影響力

相信每位產(chǎn)品設計從業(yè)者在職業(yè)生涯中都處于不斷升級打怪的狀態(tài)，組織內你希望能夠持續晉升，組織外可能有人希望通過(guò)社交加強專(zhuān)業(yè)交流和學(xué)習。無(wú)論組織內外，建立個(gè)人影響力的有效方式大概有以下幾點(diǎn)：

1）設計分享

不限于具體形式，包括日常項目總結、軟件工具使用、設計方法論應用等。

對內分享促進(jìn)部門(mén)內學(xué)習提升；對外通過(guò)輸出專(zhuān)業(yè)文章等方式分享，沉淀積累的同時(shí)，也能幫助有需要的人，順帶還能結交一些靠譜的朋友，不亦樂(lè )乎！

2）設計指導

當你已經(jīng)是有幾年工作經(jīng)驗的中高階設計師，帶教新人是一種傳承責任，我們都是從初出茅廬一步步經(jīng)歷過(guò)來(lái)的，非常理解眼前這個(gè)行業(yè)小白有多么渴望在正確的指引下持續努力。多給予別人幫助，畢竟予人玫瑰，手留余香嘛！

3）設計創(chuàng )新

許多人一聽(tīng)這兩個(gè)字就覺(jué)得有點(diǎn)可笑，該做的事情還沒(méi)做好呢就談創(chuàng )新？其實(shí)創(chuàng )新在我理解更多是一種微創(chuàng )新，可能會(huì )體現在你的每一次需求洞察中、設計方案的細節中，不要小看微創(chuàng )新，點(diǎn)滴積累之后，你會(huì )比別人更有想法和競爭力。

三、寫(xiě)在最后

設計師不能總是輸出，更要持續輸入才會(huì )有源源不斷的創(chuàng )造力！想要系統地學(xué)習專(zhuān)業(yè)知識，性?xún)r(jià)比最高、成本最低、也最靠譜的方式是系統性地閱讀專(zhuān)業(yè)書(shū)。后面我會(huì )寫(xiě)一個(gè)系列的專(zhuān)欄文章推薦設計師必讀的專(zhuān)業(yè)書(shū)籍。

Tip：關(guān)注我的公眾號，也歡迎與我深度鏈接。By the way，我組建了一個(gè)設計交流群，有可能會(huì )帶大家練習提升交互專(zhuān)業(yè)能力，依據成員數量和熱情具體再說(shuō)，歡迎共創(chuàng )！

專(zhuān)欄作家

阿楠，微信公眾號：阿楠的設計思考，人人都是產(chǎn)品經(jīng)理專(zhuān)欄作家。高級交互設計師，專(zhuān)注B端產(chǎn)品體驗設計，擅長(cháng)邏輯分析。

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

題圖來(lái)自Unsplash，基于CC0協(xié)議。