這次非常感謝 Monospace/RAR 小聚的創(chuàng)辦人 林育正 Riven 和 Cake Resume 的 COO 威秤的熱情邀約，在一周內(nèi)劃分舉行了兩場(chǎng)講座，內(nèi)容主要是分享成為設(shè)計(jì)師這幾年的歷程以及反思。

在這里想再用文字梳理一遍，希望將講座當(dāng)下因?yàn)樘o張或匆忙而紕漏的少許重點(diǎn)再敘述得更清楚少許，也分享給無(wú)法到場(chǎng)的大家。

成為 UX 設(shè)計(jì)師之前的故事

1. 「UX 是什么？能夠吃嗎？」之臺(tái)大圖資時(shí)期

全部都要從無(wú)知懵懂的大學(xué)時(shí)期開(kāi)始提及，其時(shí)對(duì) UX 是一點(diǎn)概念也沒(méi)有，還以為自己會(huì)成為圖書(shū)館員，或是讀博士當(dāng)傳授。

修課時(shí)也沒(méi)有意識(shí)到自己的興趣，乃至沒(méi)修系上的人機(jī)交互，我還記得其時(shí)想著「人跟機(jī)器互動(dòng)？這聽(tīng)起來(lái)也太無(wú)聊了吧！」卻不知這將會(huì)成為未來(lái)的工作內(nèi)容。

回過(guò)頭看才發(fā)現(xiàn)，實(shí)在自己早就修了很多跟 UX 擦上邊的課程 — 圖資系自己周密的消息學(xué)，因?yàn)殡p主修不成而去修的傳播學(xué)程，還有自己分外去修的多門(mén)生理通識(shí)課。

因此當(dāng)我在大四時(shí)發(fā)現(xiàn) UX 這個(gè)糅合了消息、傳播、生理的學(xué)科，跟我全部的興趣不約而合，簡(jiǎn)直有種命中注定感。

2. 請(qǐng)求美國(guó)鉆研所

不過(guò)呢，大四才初識(shí) UX 于我而言有點(diǎn)太遲了，其時(shí)我已經(jīng)在請(qǐng)求國(guó)外的學(xué)校，但或是以舒服圈的圖資系為主，雖然有查到華盛頓大學(xué)的 HCDE，卻不敢踏出那一步，覺(jué)得自己不是相關(guān)背景，一定不會(huì)錄取。

這是完全錯(cuò)誤的想法，就讀 HCDE 或是其余人機(jī)交互相關(guān)碩士學(xué)位的學(xué)生，有很多是非相關(guān)平臺(tái)出身的，畢竟學(xué)習(xí)不即是為了學(xué)到所需的常識(shí)與技能嗎？如果我能夠跟五年前的自己對(duì)話(huà)，我一定會(huì)鼓勵(lì)他丟出請(qǐng)求函。

在講座中，很多朋友對(duì)于到國(guó)外研讀 UX 有興趣，我非常保舉在請(qǐng)求學(xué)校時(shí)參考好友 Kai-Ting Huang 設(shè)計(jì)的網(wǎng)頁(yè) — Top UX School，其中詳細(xì)記載了 UX 相關(guān)的學(xué)程，要花多少錢(qián)、要讀多少年、托福分?jǐn)?shù)門(mén)檻多少等常見(jiàn)疑問(wèn)都寫(xiě)得清清楚楚，資源相當(dāng)豐富。

△ TOP UX School 的界面很簡(jiǎn)單干凈

3. 起勁自學(xué)的華盛頓大學(xué)時(shí)期

很走運(yùn)地請(qǐng)求上華盛頓大學(xué)圖資系，剛好西雅圖地區(qū)以及大學(xué)自己對(duì)于 UX 的關(guān)注度以及資源都很多，讓我對(duì)進(jìn)來(lái) UX 平臺(tái)的目標(biāo)更加猛烈清楚，于是開(kāi)始主動(dòng)修相關(guān)的課，試圖補(bǔ)足所需常識(shí)與技能，并嘗試以 UX 設(shè)計(jì)師/鉆研員的身份參與項(xiàng)目。

除了乖乖修自己系上的課以外，還有其余幾個(gè)方法能夠幫助累積經(jīng)驗(yàn)，例如自學(xué)、旁聽(tīng)、接案，這部分我在跨入U(xiǎn)X平臺(tái)的歷程 — 學(xué)生時(shí)期有更詳細(xì)的分析。

大量學(xué)習(xí)的全部都是為了讓你籌辦好產(chǎn)出成果，除了通過(guò)課堂的期末項(xiàng)目以外，也能夠試著自己接案，無(wú)論是校內(nèi)的、校外的、幫朋友忙的、黑客松的，都很好。

修課、自學(xué)、旁聽(tīng)都是學(xué)習(xí)的好方法，但是學(xué)習(xí)再多，如果沒(méi)有辦法展現(xiàn)實(shí)力給業(yè)主看，一樣很難找到工作。在還沒(méi)進(jìn)業(yè)界的時(shí)分多累積作品，能幫第一份作品集增加重量，更加可信。

4. 誰(shuí)是真的跨平臺(tái)？

△ 右圖來(lái)源：from Visually

UX 涵蓋的局限很廣泛，這也是為什么我不認(rèn)為自己稱(chēng)得上是「跨平臺(tái)」，各式百般以人為本的學(xué)科，都能夠找出運(yùn)用自己專(zhuān)業(yè)切入的角度，只要是為打聽(tīng)決「人」的疑問(wèn)，都算是對(duì) UX 平臺(tái)有所涉略。

5. 你做 UX 、我做 UX 、大家都在做 UX

在找到自己的切入點(diǎn)之后，也要分解 UX 設(shè)計(jì)師的工作范疇。

△ The spectrum of design roles in 2018 by Jasper Stephenson

由于現(xiàn)在 UX 正夯，很多企業(yè)都在跟風(fēng)招「UX 設(shè)計(jì)師」，但工作內(nèi)容卻人人不同。我聽(tīng)過(guò)朋友大部分時(shí)間花在計(jì)劃可用性測(cè)試，也聽(tīng)過(guò)有人每天都在畫(huà) icon，還有人專(zhuān)門(mén)負(fù)責(zé)寫(xiě) HTML/CSS 做產(chǎn)品原型，雖然工作內(nèi)容迥異，職稱(chēng)卻統(tǒng)稱(chēng)為「UX 設(shè)計(jì)師」。

相反地，在范圍較大的公司單干比較細(xì)，也就會(huì)更明白地定義每個(gè)職稱(chēng)的工作內(nèi)容，例如可用性鉆研會(huì)歸屬于 UX Researcher，畫(huà) icon 會(huì)是平面設(shè)計(jì)師的工作，產(chǎn)品原型制作則是 Prototyper 負(fù)責(zé)，而 UX 設(shè)計(jì)師則會(huì)專(zhuān)一在產(chǎn)品計(jì)謀、互動(dòng)與流程上。

在求職前要盡管理解自己擅長(zhǎng)、有興趣的作業(yè)內(nèi)容是什么，認(rèn)真閱讀地位的工作內(nèi)容，以免誤入歧途

我個(gè)人偏好最籠統(tǒng)、老套的定義 — UX 設(shè)計(jì)師是辦理疑問(wèn)的人。在發(fā)現(xiàn)疑問(wèn)之后，會(huì)有股沖動(dòng)想盡方法改善它，通過(guò)設(shè)計(jì)讓某些人的懊惱減輕少許，或是讓世界再進(jìn)步一點(diǎn)，即是 UX 設(shè)計(jì)師的本質(zhì)。

設(shè)計(jì)師必備才氣之一：設(shè)計(jì)流程

1. 探索理解

制品：使用者洞察（用戶(hù)鉆研）、使用者路程、競(jìng)品分析、產(chǎn)品鉆研、技術(shù)趨勢(shì)鉆研。

這個(gè)階段的重點(diǎn)是「打聽(tīng)」 — 打聽(tīng)用戶(hù)、打聽(tīng)產(chǎn)品自己、打聽(tīng)市場(chǎng)上的其余人。讓自己浸淫在產(chǎn)品相關(guān)常識(shí)中，大量從客戶(hù)、從網(wǎng)絡(luò)、從鉆研文件吸收數(shù)據(jù)，盡自己的才氣徹底理解成為 domain expert，洞察真正的疑問(wèn)是什么。

2. 創(chuàng)意發(fā)想

制品：產(chǎn)品取景、心智模型、使用劇本、情緒版。

當(dāng)產(chǎn)品與待辦理的疑問(wèn)漸漸清楚，在這個(gè)階段開(kāi)始摸索辦理疑問(wèn)的大方向，依我們工作室的講法即是 put a stake in the ground（字面的意義是將棍子插在地上，推論為建立框架、開(kāi)始行動(dòng)的第一步）。視覺(jué)設(shè)計(jì)的部分也開(kāi)始搜集靈感以建立情緒版。

3. 設(shè)計(jì)迭代

制品：消息架構(gòu)、任務(wù)流程、線(xiàn)框圖、視覺(jué)設(shè)計(jì)，

這個(gè)階段即是大家比較熟悉的 UX 設(shè)計(jì)師工作內(nèi)容。在我的工作室，我會(huì)負(fù)責(zé)畫(huà)線(xiàn)框圖，確認(rèn)消息架構(gòu)與任務(wù)流程都合理后，再交給視覺(jué)設(shè)計(jì)師「讓界面變美」。我們之間會(huì)接續(xù)進(jìn)行溝通，互動(dòng)設(shè)計(jì)的部分也可能會(huì)為了視覺(jué)設(shè)計(jì)而進(jìn)行調(diào)整。

4. 軟件執(zhí)行

制品：設(shè)計(jì)體系、原型設(shè)計(jì)、微互動(dòng)

在設(shè)計(jì)流程的末了交棒給工程師，需要將全部細(xì)節(jié)都顧到，確保設(shè)計(jì)被如實(shí)執(zhí)行。在這個(gè)階段我們會(huì)追求最高擬真度，全部規(guī)律也都要一致，例如組件與組件的間隔、按下按鍵之后畫(huà)面的轉(zhuǎn)換動(dòng)態(tài)為什么、標(biāo)題文字限制字?jǐn)?shù)等，全都不能夠馬虎。

大家的設(shè)計(jì)流程都不一樣，但也大同小異，都是接續(xù)發(fā)散又收斂的過(guò)程，通常每一步都有所重迭，乃至?xí)永m(xù)輪回。設(shè)計(jì)流程并非不可逆的，一旦發(fā)現(xiàn)方向錯(cuò)了，隨時(shí)能夠重?cái)M疑問(wèn)，畢竟重點(diǎn)或是要辦理對(duì)的疑問(wèn)。

設(shè)計(jì)師必備才氣之二：對(duì)象

我所曉得的主流對(duì)象們，如果有其余更好用的對(duì)象迎接報(bào)告我！這是身為設(shè)計(jì)師的基本功，就像咖啡伙計(jì)要會(huì)操縱咖啡機(jī)一樣。除了常聽(tīng)到的界面繪圖對(duì)象（例如：Sketch、Figma、Adobe XD），設(shè)計(jì)流程中的每個(gè)階段也都有相應(yīng)的其余對(duì)象，八門(mén)五花、面面俱到。

對(duì)象品種繁多，設(shè)計(jì)師需要合營(yíng)每家公司習(xí)慣的 workflow 去學(xué)習(xí)對(duì)象。像我們工作室就偏向 Sketch 與 Flinto 的組合，但偶爾也要合營(yíng)客戶(hù)做調(diào)整，例如跟老派的 Microsoft 同盟時(shí)就要改用 Illustrator 和 After Effect。

大部分對(duì)象都不會(huì)太難，像我是在學(xué)生時(shí)期自學(xué) Sketch 跟 InVision，而 Flinto、Zeplin、Illustrator 則是工作上需要才邊學(xué)邊用，歸正有疑問(wèn)再問(wèn)同事就好。

必備才氣之三：軟實(shí)力

第三個(gè)也是最緊張的才氣，雖然設(shè)計(jì)師必須理解設(shè)計(jì)流程，也必須掌握設(shè)計(jì)對(duì)象，但是在進(jìn)來(lái)職場(chǎng)數(shù)年、經(jīng)過(guò)無(wú)數(shù)次練習(xí)之后，大家對(duì)于這兩項(xiàng)的諳練度大約都有不錯(cuò)的基礎(chǔ)，這時(shí)會(huì)發(fā)現(xiàn)軟實(shí)力才是真正區(qū)別好設(shè)計(jì)師與壞設(shè)計(jì)師的指標(biāo)。

1. 永遠(yuǎn)都在跨平臺(tái)

這是設(shè)計(jì)工作室的本質(zhì)，客戶(hù)的平臺(tái)很多元，每接一個(gè)新的客戶(hù)就要重新理解一個(gè)平臺(tái)，像我們近來(lái)接了一樁心導(dǎo)管醫(yī)治的案子，這幾天埋首鉆研心臟電生理學(xué)，讓我大開(kāi)眼界。

這是我覺(jué)得身為設(shè)計(jì)師最有趣的部分，因?yàn)槊窟^(guò)一陣子就能夠接觸新的平臺(tái)，永遠(yuǎn)有新的東西值得學(xué)習(xí)，充滿(mǎn)鮮活感與搦戰(zhàn)性。日久天長(zhǎng)也能漸漸嗅出市場(chǎng)的趨勢(shì)，因?yàn)闀?huì)默默發(fā)現(xiàn)很多客戶(hù)在運(yùn)用相像的技術(shù)或做類(lèi)似的產(chǎn)品。

2. 泛常識(shí)

不只常常需要針對(duì)客戶(hù)的平臺(tái)做鉆研，設(shè)計(jì)師也需要對(duì)鄰近職能的平臺(tái)內(nèi)容與趨勢(shì)有些概念，例如：

• 科技市場(chǎng)：企業(yè)都在做什么？主要風(fēng)向是什么？人工智能、語(yǔ)音助理、自動(dòng)車(chē)、區(qū)塊鏈……
• 行為科學(xué)：人道本能是什么？人在受到觸發(fā)時(shí)會(huì)有什么反饋跟情緒？
• 市場(chǎng)營(yíng)銷(xiāo)：搜索引擎優(yōu)化 是什么？怎樣算是好文案？
• 最新技術(shù)：工程師能夠做到什么程度？有哪些現(xiàn)成的模塊能夠善加行使？

3. 跟各職能溝通

項(xiàng)目進(jìn)行中，設(shè)計(jì)師需要跟客戶(hù)或 PM 聊產(chǎn)品計(jì)謀、資源分派，跟工程師聊實(shí)際執(zhí)行（implemtation）的可行度、跟營(yíng)銷(xiāo)/文案職員聊產(chǎn)品上的內(nèi)容配置。少了其余職能的幫助，設(shè)計(jì)師單獨(dú)一人是推不出產(chǎn)品的。

全部人都認(rèn)為自己的工作最緊張、最不可或缺，但是在別人眼里根本不是，因此不能夠奢望對(duì)方能夠登時(shí)被設(shè)計(jì)師的宏大理想說(shuō)服，或是跟設(shè)計(jì)師在對(duì)于美感的追求上同步。

△ 這圖實(shí)在太實(shí)在了啊！（有人曉得出處的話(huà)請(qǐng)跟我說(shuō)）

試圖說(shuō)服其余職能時(shí)，要盡管用「對(duì)方的語(yǔ)言」溝通，這時(shí)分前面提到的泛常識(shí)就很有幫助了。假如要注釋為什么字型要統(tǒng)一，與其說(shuō)是為了視覺(jué)美感跟設(shè)計(jì)規(guī)則，跟 PM 要說(shuō)是為了效率，跟工程師說(shuō)這樣他們能夠少寫(xiě)兩行 code，跟營(yíng)銷(xiāo)說(shuō)是為了增強(qiáng)品牌識(shí)別的效果。

4. 連接學(xué)習(xí)

身為設(shè)計(jì)師，連接接續(xù)地學(xué)習(xí)新知、找尋解答，即是最緊張的品德特質(zhì)，沒(méi)有之一。

結(jié)語(yǔ)

這是我第一次擔(dān)負(fù)講者，當(dāng)下真的是受寵若驚，同時(shí)也擔(dān)心答應(yīng)主講是個(gè)天大的錯(cuò)誤，但講完之后跟大家進(jìn)行各式百般的問(wèn)答交流，而且在之后收到積極的回饋，讓我覺(jué)得非常值得。

不過(guò)畢竟或是第一次，我在講完之后自省還有很多需要改進(jìn)的地方，例如：

• 主題能夠更明白，敘事挨次和邏輯要更清楚，幸免跳躍性思考
• 改用單純實(shí)例介紹設(shè)計(jì)流程，太多不同項(xiàng)目的數(shù)據(jù)雖然豐富但也容易混淆
• 半小時(shí)到一小時(shí)的講座時(shí)間感受比較剛好，其余時(shí)間留給 Q&A 跟大家互動(dòng)

我從這次可貴的機(jī)會(huì)中學(xué)到很多，如果還有下次的話(huà)，期許自己能夠講得更好，也希望能夠講更深入的主題。