——招設(shè)計(jì)師之前涩馆，先想清楚你想招的究竟是什么角色
文/Min Ming Lo 翻譯/ONES Piece 任寧
譯者按：毫無疑問魂那，這是一篇給菜鳥看的文章。之所以花時(shí)間翻譯鲜结，主要是覺得它做了兩件事。一拗胜，把互聯(lián)網(wǎng)創(chuàng)業(yè)公司中所有與設(shè)計(jì)相關(guān)的工作和職位（除了工業(yè)設(shè)計(jì)師）都清楚敘述了一遍埂软，方便管理者定義人力上的需求和后續(xù)招聘纫事；二丽惶，定義了圍繞產(chǎn)品的各方面“設(shè)計(jì)”需求，為早期設(shè)計(jì)團(tuán)隊(duì)內(nèi)部分工提供了參考诉字。在互聯(lián)網(wǎng)業(yè)界壤圃，UI和UX兩個(gè)縮寫一般都直接拿來用琅轧，故未翻譯。
“設(shè)計(jì)”是個(gè)既籠統(tǒng)又模糊的詞冲杀。每當(dāng)別人說“我是個(gè)設(shè)計(jì)師”時(shí)权谁，你其實(shí)沒法立馬知道他／她每天的工作究竟是干嘛的憋沿》模“設(shè)計(jì)師”的帥旗下，其實(shí)圍繞著許多分工迥異的角色悯舟。
從工業(yè)設(shè)計(jì)（汽車抵怎、家具等）到傳統(tǒng)印刷業(yè)（雜志、出版業(yè)等）反惕，再到新媒體科技業(yè)（網(wǎng)站承璃、移動(dòng)端app等）盔粹，許多行業(yè)都有設(shè)計(jì)相關(guān)的角色舷嗡。由于科技公司總是需要更多地與用戶互動(dòng)界面打交道嵌莉，許多新的設(shè)計(jì)職位出現(xiàn)了。例如“UX設(shè)計(jì)師”和“UI設(shè)計(jì)師”這樣的職位常常讓圈外人看不懂中鼠。甚至從其他行業(yè)跨界而來的設(shè)計(jì)師有時(shí)也搞不清楚它們有什么區(qū)別援雇。
讓我們?cè)囍鴣砺堰@些名詞背后的意思梳理清楚吧椎扬！
UX設(shè)計(jì)師（用戶體驗(yàn)設(shè)計(jì)師）
UX設(shè)計(jì)師首要關(guān)心的是產(chǎn)品用起來“感覺怎么樣”蚕涤。任何某一個(gè)設(shè)計(jì)上的問題都沒有單一最優(yōu)解，所以UX設(shè)計(jì)師要通過探索許多不同的方案來嘗試解決一個(gè)特定的用戶問題茴丰。往寬了說较沪，UX設(shè)計(jì)師的職責(zé)就是確保產(chǎn)品的每次交互都是符合用戶邏輯的失仁。為了達(dá)到這個(gè)目的，UX設(shè)計(jì)師常用的方法是進(jìn)行面對(duì)面的用戶訪談控轿，并且觀察用戶的自然行為模式。通過發(fā)現(xiàn)和定義在語言和非語言的層面影響用戶體驗(yàn)的問題鹦蠕，他們改良钟病、迭代刚梭，最終創(chuàng)造出“最佳”的用戶體驗(yàn)。舉個(gè)例子屹徘，為首次使用產(chǎn)品的新用戶設(shè)計(jì)一個(gè)充滿驚喜的新手導(dǎo)引噪伊，便是UX設(shè)計(jì)師的工作氮唯。
“定義互動(dòng)模型惩琉、用戶任務(wù)流和UI的細(xì)節(jié)；就使用場(chǎng)景肆糕、端到端的體驗(yàn)在孝、互動(dòng)模型和界面設(shè)計(jì)與相關(guān)人員進(jìn)行溝通私沮；與創(chuàng)意總監(jiān)和視覺設(shè)計(jì)師一起將Twitter的視覺識(shí)別融入到功能中；開發(fā)造垛、維護(hù)設(shè)計(jì)草稿五辽、效果圖和其他細(xì)節(jié)外恕∠绯幔”——一位Twitter的UX設(shè)計(jì)師談及他的工作內(nèi)容蠕蚜。
典型作品類型：界面草稿靶累、故事版癣疟、網(wǎng)站架構(gòu)
常用軟件工具：Photoshop、Sketch、Illustrator竞川、Fireworks、InVision
你可能會(huì)聽到他們說：
“用戶注冊(cè)完畢之后委乌。我們應(yīng)該在頁(yè)面上顯示‘謝謝’遭贸⌒娜恚”
UI設(shè)計(jì)師（用戶互動(dòng)界面設(shè)計(jì)師）
不像UX設(shè)計(jì)師需要關(guān)心產(chǎn)品給人的整體感覺删铃，UI設(shè)計(jì)師特別在意產(chǎn)品“看起來怎么樣”。他們負(fù)責(zé)設(shè)計(jì)每個(gè)界面或者頁(yè)面咒劲，確保UX設(shè)計(jì)師定下的產(chǎn)品方向被用UI視覺語言充分展現(xiàn)出來诫隅。比如說逐纬，在創(chuàng)建一個(gè)數(shù)據(jù)分析后臺(tái)界面時(shí)，一個(gè)UI設(shè)計(jì)師也許決定會(huì)把最重要的內(nèi)容置頂判导，或者思考調(diào)節(jié)某個(gè)圖表最符合直覺的操作方式是slider還是控制鈕。UI設(shè)計(jì)師另一個(gè)典型的負(fù)責(zé)領(lǐng)域就是準(zhǔn)備一份綜合性的設(shè)計(jì)手冊(cè)绕辖，確保在產(chǎn)品內(nèi)出現(xiàn)的各種設(shè)計(jì)語言的一致性擂红。保持視覺一致性、定義某些互動(dòng)行為（例如軟件報(bào)錯(cuò)树碱、警告狀態(tài)等）都屬于UI設(shè)計(jì)師的職責(zé)范圍成榜。
“構(gòu)建屬于AirBnB的視覺語言蹦玫，并且將它們部署到網(wǎng)站的各處秕磷；編寫全網(wǎng)站層面的風(fēng)格手冊(cè)咳蔚」讶螅”——AirBnB的UI設(shè)計(jì)師如此形容他的工作挖帘。
UI設(shè)計(jì)師和UX設(shè)計(jì)師之間的界限其實(shí)非常模糊。有些公司會(huì)把這兩個(gè)角色合二為一舰涌。這種做法也挺常見的你稚。
常用軟件工具：Photoshop刁赖、Sketch、Illustrator鸡典、Fireworks
你可能會(huì)聽到他們說：
“那個(gè)登錄／注冊(cè)的鏈接應(yīng)該被挪動(dòng)到右上角彻况。”
視覺設(shè)計(jì)師（平面設(shè)計(jì)師）
視覺設(shè)計(jì)師從事的是“像素級(jí)別”的工作纽甘。如果你問一個(gè)“非設(shè)計(jì)師”，設(shè)計(jì)師是干嘛的决瞳，他／她首先想到的也許就是視覺設(shè)計(jì)師做的事情皮胡。視覺設(shè)計(jì)師不關(guān)心互動(dòng)界面之間是如何相連赏迟，或者用戶如何與產(chǎn)品互動(dòng)。他們集中精力做的甩栈，是繪制出優(yōu)美的圖標(biāo)、按鈕饰豺、其他視覺元素，以及合適的字體蒿柳。視覺設(shè)計(jì)師總是花大力氣去改善那些常被他人忽視的細(xì)節(jié)垒探，并且設(shè)計(jì)的時(shí)候經(jīng)常在Photoshop里把作品放大到四至八倍大小怠李。
“做出高質(zhì)量的視覺設(shè)計(jì)——從概念到執(zhí)行捺癞，包括為臺(tái)式機(jī)、網(wǎng)站惕鼓、移動(dòng)端做出不同的分辨率的（圖標(biāo)箱歧、圖形和營(yíng)銷材料等等）。創(chuàng)造出體現(xiàn)品牌內(nèi)涵的視覺系統(tǒng)洒沦，不斷迭代更新微谓，部署視覺語言输钩，并且將美感與生命注入產(chǎn)品∫霭保”——谷歌的視覺設(shè)計(jì)師這樣描述他的工作肴焊。
UI設(shè)計(jì)師同時(shí)肩負(fù)平面設(shè)計(jì)的任務(wù)的現(xiàn)象也很常見功戚。有些公司選擇不設(shè)“視覺設(shè)計(jì)師”這一職位啸臀。
常用軟件工具：Photoshop豌注、Sketch
你可能會(huì)聽到他們說：
“字間距完全錯(cuò)了轧铁！而且那個(gè)按鈕應(yīng)該往左移一個(gè)像素旦棉！”
互動(dòng)設(shè)計(jì)師（動(dòng)效設(shè)計(jì)師）
還記得在iPhone自帶的原生郵件app里绑洛，當(dāng)你往下拉刷新郵件時(shí)那個(gè)微妙的“彈跳”動(dòng)畫么诊笤？那就是動(dòng)效設(shè)計(jì)師的工作成果。不像視覺設(shè)計(jì)師總是跟靜態(tài)的素材打交道纪他，動(dòng)效設(shè)計(jì)師創(chuàng)造的是app里的那些動(dòng)畫茶袒。他們要解決的是當(dāng)用戶的手指觸碰了以后，互動(dòng)界面應(yīng)該作何反應(yīng)亡资。舉例來說锥腻，他們決定菜單欄應(yīng)該怎么樣滑入瘦黑，該用什么樣的轉(zhuǎn)場(chǎng)效果奇唤，以及一個(gè)按鈕應(yīng)該如何呈扇形展開咬扇。做得好的話懈贺，動(dòng)效可以提供視覺上的操作暗示经窖，提示用戶如何操作，并且成為互動(dòng)界面不可或缺的一部分隅居。
“（這份工作需要）熟悉平面設(shè)計(jì)钠至、動(dòng)效圖像葛虐、數(shù)字藝術(shù)胎源，對(duì)字體和顏色要敏感，對(duì)質(zhì)感和肌理要有感覺屿脐，對(duì)動(dòng)畫的悟性也要高涕蚤。必須要懂iOS万栅、OS X烦粒、Photoshop兽掰、Illustrator 、Director（或者可以替代的軟件）杉女、Quartz Composer（或者可以替代的軟件）、3D電腦建模和動(dòng)態(tài)圖形處理婆瓜。”——蘋果公司的互動(dòng)設(shè)計(jì)師這樣說猴蹂。
常用軟件工具：AfterEffects、Core Composer、Flash撮躁、Origami
你可能會(huì)聽到他們說：
“菜單欄應(yīng)該在800毫秒內(nèi)從左淡入把曼。”
UX研究員（用戶研究員）
UX研究員是用戶體驗(yàn)的專家叙赚。研究員主要需要回答兩個(gè)問題：我們的用戶是誰，以及他們想要什么朴则。他們的工作通常包括訪談?dòng)脩簟⒄{(diào)研市場(chǎng)數(shù)據(jù)并且收集結(jié)論撤蚊。設(shè)計(jì)是一個(gè)持續(xù)迭代的過程光涂。研究院可以通過做A/B測(cè)試（譯者注：一種通過隨機(jī)分配不同版本測(cè)試效果的調(diào)研方法）來對(duì)比哪種設(shè)計(jì)更好地滿足用戶的需求。在大公司的開發(fā)團(tuán)隊(duì)里齐佳，UX研究員們往往有著中流砥柱一般的地位。他們通過分析巨量數(shù)據(jù)硅蹦，獲得統(tǒng)計(jì)學(xué)上可靠的結(jié)論命爬。
“和產(chǎn)品團(tuán)隊(duì)緊密合作皆愉，確定研究主題久锥；設(shè)計(jì)出考察用戶行為和態(tài)度的調(diào)研；做一系列調(diào)研問卷歹苦，包括許多定性試驗(yàn)和一些定量試驗(yàn)号杠√肟”——Facebook的UX研究員這樣描述他的工作內(nèi)容。
UX設(shè)計(jì)師有時(shí)候也會(huì)做些UX研究員的工作哩簿。
典型作品類型：用戶畫像、A/B測(cè)試結(jié)果、用戶調(diào)研與訪談
常用軟件工具：Mic讳窟、Paper、Docs
你可能會(huì)聽到他們說：
“我們的調(diào)研顯示补箍，一位典型的用戶……”
前端工程師（UI工程師）
前端工程師負(fù)責(zé)為產(chǎn)品創(chuàng)造出功能完備的互動(dòng)界面。在大多數(shù)情況下终蒂，UI設(shè)計(jì)師把靜態(tài)的效果圖給前段工程師突那。接著早龟，后者把效果圖轉(zhuǎn)化為可以用的、富有互動(dòng)性的用戶體驗(yàn)芝加。前端工程師同時(shí)也負(fù)責(zé)通過編程脉顿，把動(dòng)效設(shè)計(jì)師設(shè)計(jì)的動(dòng)畫變成現(xiàn)實(shí)。
常用軟件工具：CSS、HTML怠苔、JavaScript
你可能會(huì)聽到他們說：
“我用的是960像素寬乓诽、12列的網(wǎng)格系統(tǒng)。”
產(chǎn)品設(shè)計(jì)師
產(chǎn)品設(shè)計(jì)師是一個(gè)“大包大攬”的職位痹籍。產(chǎn)品設(shè)計(jì)師通常在產(chǎn)品“用起來什么感覺”和“看起來怎么樣”這些方面都有所涉及悠垛。
“產(chǎn)品設(shè)計(jì)師”的角色并沒有一個(gè)嚴(yán)格的定義，在每個(gè)公司都可能會(huì)有些不同。產(chǎn)品設(shè)計(jì)師也可能會(huì)稍微做點(diǎn)前端編程、搞搞用戶調(diào)研蛉艾、設(shè)計(jì)互動(dòng)界面缴罗，或者兼顧設(shè)計(jì)些平面視覺素材蛆橡。產(chǎn)品設(shè)計(jì)師的工作從項(xiàng)目自始至終貫穿到底：定義最初的問題葱轩、設(shè)定標(biāo)準(zhǔn)、然后做設(shè)計(jì)、測(cè)試、迭代不同的解決方案眷茁。有的公司希望各設(shè)計(jì)崗位之間更加流暢地合作登刺，共同對(duì)用戶體驗(yàn)、用戶調(diào)研和視覺設(shè)計(jì)元素負(fù)責(zé)，所以故意不設(shè)置“產(chǎn)品設(shè)計(jì)師”這個(gè)角色。
不過简珠，有的公司籠統(tǒng)地管設(shè)計(jì)團(tuán)隊(duì)所有人都叫“UX設(shè)計(jì)師”或者直接“設(shè)計(jì)師”。要搞清楚這個(gè)公司設(shè)計(jì)團(tuán)隊(duì)的分工，讀一讀職責(zé)說明是最好的辦法拐迁。
“負(fù)責(zé)設(shè)計(jì)的方方面面：互動(dòng)、視覺、產(chǎn)品料仗，并且做出原型氛改。然后繪制好像素級(jí)別的完美效果圖赁项，并且為網(wǎng)絡(luò)端盒移動(dòng)端的新功能做前端編程。”Pinterest的產(chǎn)品設(shè)計(jì)師這樣描述他的職責(zé)偶芍。
“我想找個(gè)設(shè)計(jì)師”
我聽新創(chuàng)業(yè)的公司說得最多的就是這句話。他們想找的通常是一個(gè)能干上述所有活兒的人。他們想要一個(gè)能畫好看的圖標(biāo)、為登陸頁(yè)面做A/B測(cè)試、按照使用邏輯排列UI元素缓升，甚至要是能再做點(diǎn)前端開發(fā)就更好了歧寺。由于要干的事情五花八門實(shí)在太多荆残，所以我們常聽見小公司要招“設(shè)計(jì)師”而不是某個(gè)更加具體的職位。
上述這些設(shè)計(jì)師角色之間的邊界其實(shí)一直在變化。有些UX設(shè)計(jì)師必須做點(diǎn)互動(dòng)設(shè)計(jì)，有的UI設(shè)計(jì)師要兼著平面設(shè)計(jì)師的活兒湖笨。要找到合適的人边败，最好的辦法是把你希望設(shè)計(jì)師在團(tuán)隊(duì)內(nèi)部負(fù)責(zé)的工作描述清楚怖侦，然后選擇一個(gè)最能體現(xiàn)這份工作的性質(zhì)的職稱搬葬。
本文原載于 Pixelapse抡锈，由ONES Piece 任寧編譯。ONES Piece是一個(gè)由ONES Ventures發(fā)起的非營(yíng)利翻譯計(jì)劃，聚焦科技、創(chuàng)投和商業(yè)。
