交互設(shè)計(jì)師專業(yè)能力體系

9 評(píng)論 6029 瀏覽 81 收藏 19 分鐘

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

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

近期收到不少后臺(tái)粉絲的提問(wèn),大多數(shù)問(wèn)題都是“圍繞如何構(gòu)建與提升交互專業(yè)能力”。回顧我這幾年的工作經(jīng)驗(yàn),自己也在不斷反思總結(jié)這個(gè)方向性的命題?;趥€(gè)人工作總結(jié)與外部市場(chǎng)要求,梳理匯總了“交互崗專業(yè)能力體系”,與大家共勉!

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

本文分為兩部分:

  1. 交互設(shè)計(jì)師能力模型:直觀概覽交互設(shè)計(jì)師需要具備的能力類型及對(duì)應(yīng)能力的核心要素。
  2. 交互崗專業(yè)能力描述:對(duì)能力模型中的核心要求展開說(shuō)明“具體可落地的注意事項(xiàng)”。

一、能力模型圖

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

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

1. 基礎(chǔ)專業(yè)能力

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

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

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

可以從以下幾點(diǎn)逐步加強(qiáng)對(duì)各業(yè)務(wù)線、各終端產(chǎn)品的理解:

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

2)需求分析與設(shè)計(jì)規(guī)劃

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

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

在這個(gè)階段,交互設(shè)計(jì)師需要注意以下幾點(diǎn):

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

3)設(shè)計(jì)規(guī)范與組件

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

設(shè)計(jì)組件是以設(shè)計(jì)規(guī)范為指導(dǎo)原則,為提升產(chǎn)研協(xié)作和開發(fā)效率而設(shè)定的UI組件庫(kù)。這里需要注意:

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

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

4)交互文檔

設(shè)計(jì)方案具象化的呈現(xiàn)依靠“規(guī)范的交互文檔”,輸出交互文檔注意以下幾點(diǎn):

①了解并繪制信息結(jié)構(gòu)圖

交互設(shè)計(jì)師繪制的信息結(jié)構(gòu)圖通常用于“信息層級(jí)的梳理”。比如一個(gè)網(wǎng)站或APP的導(dǎo)航劃分與層級(jí),可以通過(guò)信息結(jié)構(gòu)圖直觀的呈現(xiàn),也可以更直觀的判斷與其他內(nèi)容的關(guān)聯(lián)關(guān)系,確認(rèn)是否符合用戶的心理模型??蓞⒖嘉抑皩戇^(guò)的文章:你對(duì)信息架構(gòu)圖了解多少?

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

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

③繪制交互原型

關(guān)于如何繪制規(guī)范的原型圖,幾年前我寫過(guò)一篇相關(guān)文章,里面提到的基礎(chǔ)原則仍然適用:如何設(shè)計(jì)規(guī)范的原型圖?

④交互說(shuō)明的書寫要求

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

宏觀角度:原型圖的交互說(shuō)明該怎么寫?

微觀角度:原型圖的交互說(shuō)明該怎么寫?

5)交互基礎(chǔ)原則

這部分內(nèi)容涉及到交互層面的一些“參考規(guī)則”,之所以叫參考規(guī)則是因?yàn)椴皇潜仨氉袷?,可能針?duì)不同業(yè)務(wù)和產(chǎn)品會(huì)做適當(dāng)補(bǔ)充或刪減。比如頁(yè)面打開方式研究、尼爾森可用性原則等??梢酝ㄟ^(guò)閱讀一些專業(yè)書籍掌握理論知識(shí),然后在實(shí)踐項(xiàng)目中應(yīng)用總結(jié)。

6)主持各類溝通會(huì)與評(píng)審會(huì)

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

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

7)評(píng)估設(shè)計(jì)排期

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

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

所以交互設(shè)計(jì)師只要做到根據(jù)自己手頭時(shí)間客觀評(píng)估即可。這里對(duì)于新手或初級(jí)交互而言,有兩點(diǎn)注意事項(xiàng):

  1. 承接的項(xiàng)目類型由簡(jiǎn)單到復(fù)雜過(guò)渡
  2. 交互排期需要包括“需求溝通時(shí)間、設(shè)計(jì)方案輸出時(shí)間、評(píng)審時(shí)間、評(píng)審后調(diào)整時(shí)間等”,剛開始排期可以給自己多預(yù)留1-2天

對(duì)于一些項(xiàng)目周期緊張或者頻繁變更,導(dǎo)致設(shè)計(jì)輸出時(shí)間增加的需求屬于特殊情況,需要另當(dāng)別論。

8)明確交互驗(yàn)收內(nèi)容

關(guān)于交互驗(yàn)收的流程和驗(yàn)收的具體內(nèi)容,我之前有梳理成一篇文章可供參考:如何做好交互驗(yàn)收?

9)軟件工具

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

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

1)對(duì)用戶與使用場(chǎng)景的理解

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

  • 查閱公司內(nèi)部已沉淀積累的用研資料
  • 掌握并應(yīng)用常用的用研方法,如“體驗(yàn)走查、競(jìng)品分析、AB測(cè)試、可用性測(cè)試、問(wèn)卷調(diào)研、用戶訪談等”

這里有兩點(diǎn)注意事項(xiàng):

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

2)數(shù)據(jù)意識(shí)和數(shù)據(jù)分析能力

許多設(shè)計(jì)師在項(xiàng)目中估計(jì)都在思考一個(gè)問(wèn)題:設(shè)計(jì)如何賦能業(yè)務(wù)增長(zhǎng)?

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

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

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

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

4)思維方式

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

對(duì)于產(chǎn)品設(shè)計(jì)者而言,需要重點(diǎn)打磨這幾項(xiàng)思維能力:

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

5)視覺(jué)審美

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

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

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

3. 通用能力

這部分內(nèi)容我之前特意寫過(guò)相應(yīng)的文章,參見:交互設(shè)計(jì)師該如何提升“軟實(shí)力”?

4. 個(gè)人影響力

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

1)設(shè)計(jì)分享

不限于具體形式,包括日常項(xiàng)目總結(jié)、軟件工具使用、設(shè)計(jì)方法論應(yīng)用等。

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

2)設(shè)計(jì)指導(dǎo)

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

3)設(shè)計(jì)創(chuàng)新

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

三、寫在最后

設(shè)計(jì)師不能總是輸出,更要持續(xù)輸入才會(huì)有源源不斷的創(chuàng)造力!想要系統(tǒng)地學(xué)習(xí)專業(yè)知識(shí),性價(jià)比最高、成本最低、也最靠譜的方式是系統(tǒng)性地“閱讀專業(yè)書”。后面我會(huì)寫一個(gè)系列的專欄文章推薦“設(shè)計(jì)師必讀的專業(yè)書籍”。

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

#專欄作家#

阿楠,微信公眾號(hào):阿楠的設(shè)計(jì)思考,人人都是產(chǎn)品經(jīng)理專欄作家。高級(jí)交互設(shè)計(jì)師,專注B端產(chǎn)品體驗(yàn)設(shè)計(jì),擅長(zhǎng)邏輯分析。

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 作者您好,想看您的后續(xù)的書籍推薦~

    來(lái)自北京 回復(fù)
    1. 之前有寫過(guò),但這個(gè)平臺(tái)說(shuō)與他們部門欄目?jī)?nèi)容重合,沒(méi)有允許發(fā)布??梢躁P(guān)注我公號(hào)里面有寫

      來(lái)自江蘇 回復(fù)
  2. 作者的文章條理太清楚了 看的我神清氣爽 一直覺(jué)的交互設(shè)計(jì)是一個(gè)要學(xué)習(xí)很多很多東西的崗位心好慌 看完作者梳理的安心了一點(diǎn)哈哈哈 期待作者的書單 催更催更

    來(lái)自廣東 回復(fù)
    1. 對(duì)你有幫助就好,記得關(guān)注我的公號(hào)不迷路~

      來(lái)自江蘇 回復(fù)
    2. 早關(guān)注啦hh

      來(lái)自廣東 回復(fù)
    3. ??

      來(lái)自江蘇 回復(fù)
  3. 美美與共是底層邏輯!做交互產(chǎn)品的審美很重要!

    來(lái)自湖北 回復(fù)
  4. 我感覺(jué),交流互動(dòng)崗位對(duì)于員工的綜合能力要求特別高,再接再厲

    來(lái)自江西 回復(fù)
    1. 再接再厲~

      來(lái)自江蘇 回復(fù)