【UI設(shè)計】交互設(shè)計師專業(yè)能力體系

作者:Viksea
?

?
當(dāng)前互聯(lián)網(wǎng)各行業(yè)告別了用戶數(shù)快速增長的紅利期,企業(yè)逐步進(jìn)入精細(xì)化運營階段,對從業(yè)者的要求也從“廣納天下賢士”轉(zhuǎn)為了“大浪淘沙只求良才”。尤其是面對外部客觀環(huán)境蕭條的大背景,企業(yè)業(yè)務(wù)會戰(zhàn)略性收縮,對應(yīng)聘人員的能力要求相比之前會更加嚴(yán)苛。
?
近期收到不少后臺粉絲的提問,大多數(shù)問題都是“圍繞如何構(gòu)建與提升交互專業(yè)能力”?;仡櫸疫@幾年的工作經(jīng)驗,自己也在不斷反思總結(jié)這個方向性的命題?;趥€人工作總結(jié)與外部市場要求,梳理匯總了“交互崗專業(yè)能力體系”,與大家共勉!
?
希望為初入交互設(shè)計行業(yè)的新人、發(fā)展到一定階段的中高階交互設(shè)計師、以及有一定工作經(jīng)驗的視覺設(shè)計師:針對學(xué)習(xí)交互思維、突破專業(yè)能力瓶頸、或者轉(zhuǎn)崗提供一些幫助(僅作為參考,畢竟不同人劃分方式會有差異,這里不做爭論)。
?
本文分為兩部分:
交互設(shè)計師能力模型
直觀概覽交互設(shè)計師需要具備的能力類型及對應(yīng)能力的核心要素。
交互崗專業(yè)能力描述
對能力模型中的核心要求展開說明“具體可落地的注意事項”。
?
?
?
一、交互設(shè)計師能力模型圖
?

?
?
?
二、交互崗專業(yè)能力描述
?
能力模型圖中的每個點都可以很詳細(xì)的寫一篇專題文章,本文不做過多展開,只是拋磚引玉:向大家說明具體能力維度可提升落地的點有哪些。其中一些能力點我之前的文章中也有提及,以后有機(jī)會我會針對其他能力點單獨梳理文章。
?
?
1、基礎(chǔ)專業(yè)能力
?

?
1.對業(yè)務(wù)與產(chǎn)品的理解
?
一直在強(qiáng)調(diào)交互設(shè)計師要盡可能前置到業(yè)務(wù)中,在設(shè)計工作的起始階段對業(yè)務(wù)背景、業(yè)務(wù)目的、現(xiàn)階段存在的問題、產(chǎn)品規(guī)劃有一定程度的了解,為后續(xù)設(shè)計方案提供決策依據(jù)。
?
除了承接上游需求,許多設(shè)計師自主驅(qū)動的需求都建立在對業(yè)務(wù)的綜合了解基礎(chǔ)之上,如果僅是體驗設(shè)計層面的優(yōu)化,實踐中很難獲得上下游同事對其價值的支持和認(rèn)可,想要落地就更加無從談起了。
?
可以從以下幾點逐步加強(qiáng)對各業(yè)務(wù)線、各終端產(chǎn)品的理解:
了解各個業(yè)務(wù)線或產(chǎn)品的階段性或長遠(yuǎn)規(guī)劃。
多與產(chǎn)品經(jīng)理、運營等上游同事溝通,深入了解產(chǎn)品發(fā)展的歷史緣由。
通過用研分析逐步了解不同產(chǎn)品的優(yōu)勢與不足。
2.需求分析與設(shè)計規(guī)劃
?
需求分析主要是指與產(chǎn)品經(jīng)理的協(xié)作配合,有時候也會直接與運營、銷售或者客戶對接。交互設(shè)計師介入一般有兩種方式:
?
A. 業(yè)務(wù)方訴求明確,產(chǎn)品需求初稿規(guī)劃完成,此時交互設(shè)計師介入,基于產(chǎn)品需求目的給出體驗設(shè)計層面的建議。
B. 只明確了要實現(xiàn)的業(yè)務(wù)目標(biāo),產(chǎn)品需求尚未明確,需要交互設(shè)計師與產(chǎn)品經(jīng)理或業(yè)務(wù)方一起溝通共創(chuàng),相當(dāng)于協(xié)助產(chǎn)品明確需求的過程。
?
在這個階段,交互設(shè)計師需要注意以下幾點:
了解需求的背景與目的,需求方案的合理性,針對需求不合理之處提出質(zhì)疑并綜合考慮給出建議方案。
需求分析與設(shè)計規(guī)劃時要盡可能平衡業(yè)務(wù)訴求、用戶體驗、技術(shù)可行性與實現(xiàn)成本等因素。
查看需求文檔雖然是基本功,但是對于新人而言這里容易踩的坑比較多。不同產(chǎn)品經(jīng)理描述風(fēng)格與方式不同,也難免有一些規(guī)則遺漏,所以查看時若存在問題及時與產(chǎn)品經(jīng)理溝通。
經(jīng)過需求分析,交互設(shè)計師可以推導(dǎo)出整體的設(shè)計目標(biāo)與設(shè)計策略。
?
3.設(shè)計規(guī)范與組件
?
設(shè)計規(guī)范是基于設(shè)計語言或設(shè)計指南而來的,不同公司產(chǎn)品會有不同的定義。根據(jù)業(yè)務(wù)復(fù)雜程度和產(chǎn)品特性,一些公司會梳理自己的設(shè)計規(guī)范,交互設(shè)計師重點關(guān)注交互層面的規(guī)范,也需要對視覺規(guī)范有一定了解。
?
設(shè)計組件是以設(shè)計規(guī)范為指導(dǎo)原則,為提升產(chǎn)研協(xié)作和開發(fā)效率而設(shè)定的UI組件庫。這里需要注意:
?
設(shè)計組件一般分為基礎(chǔ)組件和業(yè)務(wù)組件,基礎(chǔ)組件類似Ant Design;業(yè)務(wù)組件則是依據(jù)公司具體產(chǎn)品使用場景決定的,比如電商類應(yīng)用:產(chǎn)品列表的產(chǎn)品信息、直播模塊等頻繁被調(diào)用的、由多個基礎(chǔ)組件組合而成的內(nèi)容。
由于不同終端交互設(shè)置和操作方式存在差異,所以可能會有針對移動端、Pad端、Web端、TV端等多終端設(shè)計組件。
?
大家可以參考iOS人機(jī)交互指南與谷歌的MD系統(tǒng)級設(shè)計規(guī)范;目前市場上有許多開源的設(shè)計基礎(chǔ)組件,比如Ant design、滴滴、騰訊、京東、有贊、餓了么等。
?
4.交互文檔
?
設(shè)計方案具象化的呈現(xiàn)依靠“規(guī)范的交互文檔”,輸出交互文檔注意以下幾點:
了解并繪制信息結(jié)構(gòu)圖
交互設(shè)計師繪制的信息結(jié)構(gòu)圖通常用于“信息層級的梳理”。比如一個網(wǎng)站或APP的導(dǎo)航劃分與層級,可以通過信息結(jié)構(gòu)圖直觀的呈現(xiàn),也可以更直觀的判斷與其他內(nèi)容的關(guān)聯(lián)關(guān)系,確認(rèn)是否符合用戶的心理模型??蓞⒖嘉抑皩戇^的文章:你對信息架構(gòu)圖了解多少?
了解并繪制任務(wù)流程圖
對于邏輯判斷比較復(fù)雜的項目,比如涉及多角色、多狀態(tài)、多任務(wù)流、多終端時,任務(wù)流程圖有助于設(shè)計師及相關(guān)查閱的人更快更清晰的了解需求??蓞⒖嘉抑皩戇^的有關(guān)流程圖的文章:案例分析:繪制流程圖需要注意哪些事項?
繪制交互原型
關(guān)于如何繪制規(guī)范的原型圖,幾年前我寫過一篇相關(guān)文章,里面提到的基礎(chǔ)原則仍然適用:如何設(shè)計規(guī)范的原型圖?
交互說明的書寫要求
關(guān)于如何將交互說明盡可能寫的完備和細(xì)致,可以參考我之前寫的兩篇文章:
宏觀角度:原型圖的交互說明該怎么寫?
微觀角度:原型圖的交互說明該怎么寫
?
5.交互基礎(chǔ)原則
?
這部分內(nèi)容涉及到交互層面的一些“參考規(guī)則”,之所以叫參考規(guī)則是因為不是必須遵守,可能針對不同業(yè)務(wù)和產(chǎn)品會做適當(dāng)補(bǔ)充或刪減。比如頁面打開方式研究、尼爾森可用性原則等??梢酝ㄟ^閱讀一些專業(yè)書籍掌握理論知識,然后在實踐項目中應(yīng)用總結(jié)。
?
6.主持各類溝通會與評審會
?
交互設(shè)計師在日常工作流程中,會參與不同類型的會議,比如需求討論會、需求評審會、設(shè)計評審會(交互與視覺內(nèi)評與外評)、測試用例評審會、開發(fā)問題討論會等。有的會議交互設(shè)計師作為參與方,有的作為主導(dǎo)方,因此需要對會議節(jié)奏和效率綜合把控。
?
對于新人或初級交互,可以選擇性地參加其他交互同事組織的以上相關(guān)會議,了解和熟悉如何高效開會達(dá)成會議目的。
?
7.評估設(shè)計排期
?
在日常項目流程中,需求評審過后交互設(shè)計排期需要首先給到,下游的視覺設(shè)計師、前端研發(fā)、甚至包括后端研發(fā)、以及測試工程師都需要根據(jù)交互文檔給出各自更加精確的排期。
?
因此評估交互排期在項目流轉(zhuǎn)過程中非常重要,如果評估排期少了無法按時交付,可能會造成下游同事時間不夠,甚至導(dǎo)致項目延期;如果評估排期多了,對于有上線時間要求的項目,總體時間可能又會不夠。
?
所以交互設(shè)計師只要做到根據(jù)自己手頭時間客觀評估即可。這里對于新手或初級交互而言,有兩點注意事項:
承接的項目類型由簡單到復(fù)雜過渡。
交互排期需要包括“需求溝通時間、設(shè)計方案輸出時間、評審時間、評審后調(diào)整時間等”,剛開始排期可以給自己多預(yù)留1-2天。
?
對于一些項目周期緊張或者頻繁變更,導(dǎo)致設(shè)計輸出時間增加的需求屬于特殊情況,需要另當(dāng)別論。
?
8.明確交互驗收內(nèi)容
?
關(guān)于交互驗收的流程和驗收的具體內(nèi)容,我之前有梳理成一篇文章可供參考:如何做好交互驗收?
?
9.軟件工具
?
既需要熟練使用設(shè)計相關(guān)的軟件工具,比如交互常用的Axure、Figma、思維導(dǎo)圖工具等;也需要跟上“軟件出新的步伐”,比如Figma這種云端多人協(xié)作的設(shè)計工具誕生之后,過往使用Axure的交互設(shè)計師和使用Sketch的視覺設(shè)計師,都對它青睞有加。
?
?
2、進(jìn)階專業(yè)能力
?

?
1.對用戶與使用場景的理解
?
這塊屬于用研相關(guān)的內(nèi)容,對于設(shè)計師而言一直在強(qiáng)調(diào)“平衡商業(yè)目標(biāo)與用戶體驗”。通過參與或者使用一些定性或定量的用戶研究方法,去真正理解產(chǎn)品對應(yīng)的用戶特征、用戶想法和用戶使用場景。我們可以通過以下方式逐步提升用研能力:
查閱公司內(nèi)部已沉淀積累的用研資料。
掌握并應(yīng)用常用的用研方法,如“體驗走查、競品分析、AB測試、可用性測試、問卷調(diào)研、用戶訪談等”。
?
這里有兩點注意事項:
有些公司可能沒有資源推進(jìn)用戶研究,但至少你需要先掌握相關(guān)理論知識,學(xué)到的有價值的東西在未來總會用到的;
還有一些公司有專門的用研部門,在用研方法和工具使用方面會更加專業(yè),這種情況設(shè)計師與用戶研究員協(xié)作配合會更加高效。
?
2.數(shù)據(jù)意識和數(shù)據(jù)分析能力
?
許多設(shè)計師在項目中估計都在思考一個問題:設(shè)計如何賦能業(yè)務(wù)增長?既然要衡量,那么數(shù)據(jù)指標(biāo)就是最客觀的依據(jù)了,數(shù)據(jù)雖然不能完整體現(xiàn)設(shè)計價值,但至少可以驗證部分設(shè)計方案的優(yōu)劣。這里設(shè)計師需要注意以下兩點:
在日常工作流程中具備數(shù)據(jù)意識:無論是需求前期的分析階段,還是設(shè)計開始實施之前,亦或是需求上線后的效果復(fù)盤,數(shù)據(jù)都作為有力的客觀佐證,為你的設(shè)計決策提供依據(jù)。
培養(yǎng)數(shù)據(jù)分析能力:實際項目的數(shù)據(jù)分析過程可能會非常復(fù)雜,涉及到不同類型的數(shù)據(jù)指標(biāo)、數(shù)據(jù)分析方法的應(yīng)用、數(shù)據(jù)查看與配置工具、復(fù)雜的業(yè)務(wù)因素等等。需要你對業(yè)務(wù)和數(shù)據(jù)都比較了解,是一種綜合能力的體現(xiàn),需要日積月累的打磨。
?
3.發(fā)現(xiàn)問題的主動意識
?
在工作中無論是同事還是上級領(lǐng)導(dǎo),都特別喜歡態(tài)度與行動積極的人。不要總是等著所謂的上游或者上級安排任務(wù),自驅(qū)力要強(qiáng),隨著工作經(jīng)驗的累積,主動的發(fā)現(xiàn)問題、尋找解決方案、并推進(jìn)問題解決。這也是區(qū)分不同水平設(shè)計師的標(biāo)準(zhǔn)之一。
?
4.思維方式
?
從認(rèn)知心理學(xué)的角度分析,做一件事情經(jīng)過“思想-決策-行為-結(jié)果-反饋”的過程,之后便進(jìn)入了這個過程的一種正向或負(fù)向循環(huán),所以思維方式是決定最終結(jié)果的本源。
?
對于產(chǎn)品設(shè)計者而言,需要重點打磨這幾項思維能力:
邏輯思維:分析和拆解復(fù)雜問題的能力。
產(chǎn)品思維:多維度考慮用戶需求與業(yè)務(wù)訴求。
數(shù)據(jù)思維:掌握數(shù)據(jù)的收集、分析和應(yīng)用。
系統(tǒng)思維:逐步學(xué)會結(jié)構(gòu)化、體系化地看待問題。
?
5.視覺審美
?
目前在大多數(shù)公司有明確的交互崗和視覺崗,在工作流程中各有專攻,交互設(shè)計師在產(chǎn)研流程中發(fā)揮“承上啟下”的作用,所以需要了解視覺層面的理論知識,具備初級的視覺輸出能力。
?
一些公司設(shè)定了“體驗設(shè)計崗”,雖然號稱是全棧型設(shè)計師,但專業(yè)能力還是有主輔性:比如主要專業(yè)能力偏交互,也具備一定的視覺專業(yè)能力。在互聯(lián)網(wǎng)發(fā)展的早期只有視覺崗位,后來誕生了交互崗位,目前所謂的全棧體驗設(shè)計師也是從最初的一個角色蛻變而來的。
?
各自分工協(xié)作有助于產(chǎn)品迭代的高效性,交互偏向于業(yè)務(wù)和產(chǎn)品端,注重邏輯梳理和需求分析;視覺重點是表現(xiàn)層、品牌調(diào)性和運營活動的形象展現(xiàn)。
?
?
3、通用能力
?

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

?
相信每位產(chǎn)品設(shè)計從業(yè)者在職業(yè)生涯中都處于不斷升級打怪的狀態(tài),組織內(nèi)你希望能夠持續(xù)晉升,組織外可能有人希望通過社交加強(qiáng)專業(yè)交流和學(xué)習(xí)。無論組織內(nèi)外,建立個人影響力的有效方式大概有以下幾點:
?
設(shè)計分享
不限于具體形式,包括日常項目總結(jié)、軟件工具使用、設(shè)計方法論應(yīng)用等。對內(nèi)分享促進(jìn)部門內(nèi)學(xué)習(xí)提升;對外通過輸出專業(yè)文章等方式分享,沉淀積累的同時,也能幫助有需要的人,順帶還能結(jié)交一些靠譜的朋友,不亦樂乎!
設(shè)計指導(dǎo)
當(dāng)你已經(jīng)是有幾年工作經(jīng)驗的中高階設(shè)計師,帶教新人是一種傳承責(zé)任,我們都是從初出茅廬一步步經(jīng)歷過來的,非常理解眼前這個行業(yè)小白有多么渴望在正確的指引下持續(xù)努力。多給予別人幫助,畢竟予人玫瑰,手留余香嘛!
設(shè)計創(chuàng)新
許多人一聽這兩個字就覺得有點可笑,該做的事情還沒做好呢就談創(chuàng)新?其實創(chuàng)新在我理解更多是一種“微創(chuàng)新”,可能會體現(xiàn)在你的每一次需求洞察中、設(shè)計方案的細(xì)節(jié)中,不要小看微創(chuàng)新,點滴積累之后,你會比別人更有想法和競爭力。
?
?
?
三、寫在最后:
?
設(shè)計師不能總是輸出,更要持續(xù)輸入才會有源源不斷的創(chuàng)造力!想要系統(tǒng)地學(xué)習(xí)專業(yè)知識,性價比最高、成本最低、也最靠譜的方式是系統(tǒng)性地“閱讀專業(yè)書”。后面我會寫一個系列的專欄文章推薦“設(shè)計師必讀的專業(yè)書籍”。
?