走馬觀花,一覽科技界各種「設(shè)計」工種

譯者按:毫無疑問,這是一篇給菜鳥看的文章。之所以花時間翻譯,主要是覺得它做了兩件事。一,把互聯(lián)網(wǎng)創(chuàng)業(yè)公司中所有與設(shè)計相關(guān)的工作和職位(除了工業(yè)設(shè)計師)都清楚敘述了一遍,方便管理者定義人力上的需求和后續(xù)招聘;二,定義了圍繞產(chǎn)品的各方面“設(shè)計”需求,為早期設(shè)計團(tuán)隊(duì)內(nèi)部分工提供了參考。在互聯(lián)網(wǎng)業(yè)界,UI和UX兩個縮寫一般都直接拿來用,故未翻譯。
“設(shè)計”是個既籠統(tǒng)又模糊的詞。每當(dāng)別人說“我是個設(shè)計師”時,你其實(shí)沒法立馬知道他/她每天的工作究竟是干嘛的?!霸O(shè)計師”的帥旗下,其實(shí)圍繞著許多分工迥異的角色。
從工業(yè)設(shè)計(汽車、家具等)到傳統(tǒng)印刷業(yè)(雜志、出版業(yè)等),再到新媒體科技業(yè)(網(wǎng)站、移動端app等),許多行業(yè)都有設(shè)計相關(guān)的角色。由于科技公司總是需要更多地與用戶互動界面打交道,許多新的設(shè)計職位出現(xiàn)了。例如“UX設(shè)計師”和“UI設(shè)計師”這樣的職位常常讓圈外人看不懂。甚至從其他行業(yè)跨界而來的設(shè)計師有時也搞不清楚它們有什么區(qū)別。
讓我們試著來慢慢把這些名詞背后的意思梳理清楚吧!
UX設(shè)計師(用戶體驗(yàn)設(shè)計師)
UX設(shè)計師首要關(guān)心的是產(chǎn)品用起來“感覺怎么樣”。任何某一個設(shè)計上的問題都沒有單一最優(yōu)解,所以UX設(shè)計師要通過探索許多不同的方案來嘗試解決一個特定的用戶問題。往寬了說,UX設(shè)計師的職責(zé)就是確保產(chǎn)品的每次交互都是符合用戶邏輯的。為了達(dá)到這個目的,UX設(shè)計師常用的方法是進(jìn)行面對面的用戶訪談,并且觀察用戶的自然行為模式。通過發(fā)現(xiàn)和定義在語言和非語言的層面影響用戶體驗(yàn)的問題,他們改良、迭代,最終創(chuàng)造出“最佳”的用戶體驗(yàn)。舉個例子,為首次使用產(chǎn)品的新用戶設(shè)計一個充滿驚喜的新手導(dǎo)引,便是UX設(shè)計師的工作。
“定義互動模型、用戶任務(wù)流和UI的細(xì)節(jié);就使用場景、端到端的體驗(yàn)、互動模型和界面設(shè)計與相關(guān)人員進(jìn)行溝通;與創(chuàng)意總監(jiān)和視覺設(shè)計師一起將Twitter的視覺識別融入到功能中;開發(fā)、維護(hù)設(shè)計草稿、效果圖和其他細(xì)節(jié)?!薄晃籘witter的UX設(shè)計師談及他的工作內(nèi)容。
一位UX設(shè)計師做的app界面草稿(Kitchenware Pro Wireframe Kit by Neway Lau on Dribbble)
典型作品類型:界面草稿、故事版、網(wǎng)站架構(gòu)
常用軟件工具:Photoshop、Sketch、Illustrator、Fireworks、InVision
你可能會聽到他們說:
“用戶注冊完畢之后。我們應(yīng)該在頁面上顯示‘謝謝’?!?/p>
UI設(shè)計師(用戶互動界面設(shè)計師)
不像UX設(shè)計師需要關(guān)心產(chǎn)品給人的整體感覺,UI設(shè)計師特別在意產(chǎn)品“看起來怎么樣”。他們負(fù)責(zé)設(shè)計每個界面或者頁面,確保UX設(shè)計師定下的產(chǎn)品方向被用UI視覺語言充分展現(xiàn)出來。比如說,在創(chuàng)建一個數(shù)據(jù)分析后臺界面時,一個UI設(shè)計師也許決定會把最重要的內(nèi)容置頂,或者思考調(diào)節(jié)某個圖表最符合直覺的操作方式是slider還是控制鈕。UI設(shè)計師另一個典型的負(fù)責(zé)領(lǐng)域就是準(zhǔn)備一份綜合性的設(shè)計手冊,確保在產(chǎn)品內(nèi)出現(xiàn)的各種設(shè)計語言的一致性。保持視覺一致性、定義某些互動行為(例如軟件報錯、警告狀態(tài)等)都屬于UI設(shè)計師的職責(zé)范圍。
“構(gòu)建屬于AirBnB的視覺語言,并且將它們部署到網(wǎng)站的各處;編寫全網(wǎng)站層面的風(fēng)格手冊?!薄狝irBnB的UI設(shè)計師如此形容他的工作。
UI設(shè)計師和UX設(shè)計師之間的界限其實(shí)非常模糊。有些公司會把這兩個角色合二為一。這種做法也挺常見的。
一位UI設(shè)計師定義的某app的總體排版和視覺調(diào)性(Metro Style Interface 4 by Ionut Zamfir on Dribbble)
常用軟件工具:Photoshop、Sketch、Illustrator、Fireworks
你可能會聽到他們說:
“那個登錄/注冊的鏈接應(yīng)該被挪動到右上角?!?/p>
視覺設(shè)計師(平面設(shè)計師)
視覺設(shè)計師從事的是“像素級別”的工作。如果你問一個“非設(shè)計師”,設(shè)計師是干嘛的,他/她首先想到的也許就是視覺設(shè)計師做的事情。視覺設(shè)計師不關(guān)心互動界面之間是如何相連,或者用戶如何與產(chǎn)品互動。他們集中精力做的,是繪制出優(yōu)美的圖標(biāo)、按鈕、其他視覺元素,以及合適的字體。視覺設(shè)計師總是花大力氣去改善那些常被他人忽視的細(xì)節(jié),并且設(shè)計的時候經(jīng)常在Photoshop里把作品放大到四至八倍大小。
“做出高質(zhì)量的視覺設(shè)計——從概念到執(zhí)行,包括為臺式機(jī)、網(wǎng)站、移動端做出不同的分辨率的(圖標(biāo)、圖形和營銷材料等等)。創(chuàng)造出體現(xiàn)品牌內(nèi)涵的視覺系統(tǒng),不斷迭代更新,部署視覺語言,并且將美感與生命注入產(chǎn)品?!薄雀璧囊曈X設(shè)計師這樣描述他的工作。
UI設(shè)計師同時肩負(fù)平面設(shè)計的任務(wù)的現(xiàn)象也很常見。有些公司選擇不設(shè)“視覺設(shè)計師”這一職位。
一位視覺設(shè)計師制作的排版手冊,調(diào)整每一個像素以確保完美的最終結(jié)果(iOS 7 Guide Freebie PSD by Seevi kargwal on Dribbble)
常用軟件工具:Photoshop、Sketch
你可能會聽到他們說:
“字間距完全錯了!而且那個按鈕應(yīng)該往左移一個像素!”
互動設(shè)計師(動效設(shè)計師)
還記得在iPhone自帶的原生郵件app里,當(dāng)你往下拉刷新郵件時那個微妙的“彈跳”動畫么?那就是動效設(shè)計師的工作成果。不像視覺設(shè)計師總是跟靜態(tài)的素材打交道,動效設(shè)計師創(chuàng)造的是app里的那些動畫。他們要解決的是當(dāng)用戶的手指觸碰了以后,互動界面應(yīng)該作何反應(yīng)。舉例來說,他們決定菜單欄應(yīng)該怎么樣滑入,該用什么樣的轉(zhuǎn)場效果,以及一個按鈕應(yīng)該如何呈扇形展開。做得好的話,動效可以提供視覺上的操作暗示,提示用戶如何操作,并且成為互動界面不可或缺的一部分。
“(這份工作需要)熟悉平面設(shè)計、動效圖像、數(shù)字藝術(shù),對字體和顏色要敏感,對質(zhì)感和肌理要有感覺,對動畫的悟性也要高。必須要懂iOS、OS X、Photoshop、Illustrator 、Director(或者可以替代的軟件)、Quartz Composer(或者可以替代的軟件)、3D電腦建模和動態(tài)圖形處理?!薄O果公司的互動設(shè)計師這樣說。
一位互動設(shè)計師需要決定菜單欄以什么形式擴(kuò)散(iOS Menu Concept by Jeremey Fleischer on Dribbble)
常用軟件工具:AfterEffects、Core Composer、Flash、Origami
你可能會聽到他們說:
“菜單欄應(yīng)該在800毫秒內(nèi)從左淡入。”
UX研究員(用戶研究員)
UX研究員是用戶體驗(yàn)的專家。研究員主要需要回答兩個問題:我們的用戶是誰,以及他們想要什么。他們的工作通常包括訪談用戶、調(diào)研市場數(shù)據(jù)并且收集結(jié)論。設(shè)計是一個持續(xù)迭代的過程。研究院可以通過做A/B測試(譯者注:一種通過隨機(jī)分配不同版本測試效果的調(diào)研方法)來對比哪種設(shè)計更好地滿足用戶的需求。在大公司的開發(fā)團(tuán)隊(duì)里,UX研究員們往往有著中流砥柱一般的地位。他們通過分析巨量數(shù)據(jù),獲得統(tǒng)計學(xué)上可靠的結(jié)論。
“和產(chǎn)品團(tuán)隊(duì)緊密合作,確定研究主題;設(shè)計出考察用戶行為和態(tài)度的調(diào)研;做一系列調(diào)研問卷,包括許多定性試驗(yàn)和一些定量試驗(yàn)?!薄狥acebook的UX研究員這樣描述他的工作內(nèi)容。
UX設(shè)計師有時候也會做些UX研究員的工作。
典型作品類型:用戶畫像、A/B測試結(jié)果、用戶調(diào)研與訪談
常用軟件工具:Mic、Paper、Docs
你可能會聽到他們說:
“我們的調(diào)研顯示,一位典型的用戶……”
前端工程師(UI工程師)
前端工程師負(fù)責(zé)為產(chǎn)品創(chuàng)造出功能完備的互動界面。在大多數(shù)情況下,UI設(shè)計師把靜態(tài)的效果圖給前段工程師。接著,后者把效果圖轉(zhuǎn)化為可以用的、富有互動性的用戶體驗(yàn)。前端工程師同時也負(fù)責(zé)通過編程,把動效設(shè)計師設(shè)計的動畫變成現(xiàn)實(shí)。
常用軟件工具:CSS、HTML、JavaScript
你可能會聽到他們說:
“我用的是960像素寬、12列的網(wǎng)格系統(tǒng)。”
產(chǎn)品設(shè)計師
產(chǎn)品設(shè)計師是一個“大包大攬”的職位。產(chǎn)品設(shè)計師通常在產(chǎn)品“用起來什么感覺”和“看起來怎么樣”這些方面都有所涉及。
“產(chǎn)品設(shè)計師”的角色并沒有一個嚴(yán)格的定義,在每個公司都可能會有些不同。產(chǎn)品設(shè)計師也可能會稍微做點(diǎn)前端編程、搞搞用戶調(diào)研、設(shè)計互動界面,或者兼顧設(shè)計些平面視覺素材。產(chǎn)品設(shè)計師的工作從項(xiàng)目自始至終貫穿到底:定義最初的問題、設(shè)定標(biāo)準(zhǔn)、然后做設(shè)計、測試、迭代不同的解決方案。有的公司希望各設(shè)計崗位之間更加流暢地合作,共同對用戶體驗(yàn)、用戶調(diào)研和視覺設(shè)計元素負(fù)責(zé),所以故意不設(shè)置“產(chǎn)品設(shè)計師”這個角色。
不過,有的公司籠統(tǒng)地管設(shè)計團(tuán)隊(duì)所有人都叫“UX設(shè)計師”或者直接“設(shè)計師”。要搞清楚這個公司設(shè)計團(tuán)隊(duì)的分工,讀一讀職責(zé)說明是最好的辦法。
“負(fù)責(zé)設(shè)計的方方面面:互動、視覺、產(chǎn)品,并且做出原型。然后繪制好像素級別的完美效果圖,并且為網(wǎng)絡(luò)端盒移動端的新功能做前端編程?!盤interest的產(chǎn)品設(shè)計師這樣描述他的職責(zé)。
“我想找個設(shè)計師”
我聽新創(chuàng)業(yè)的公司說得最多的就是這句話。他們想找的通常是一個能干上述所有活兒的人。他們想要一個能畫好看的圖標(biāo)、為登陸頁面做A/B測試、按照使用邏輯排列UI元素,甚至要是能再做點(diǎn)前端開發(fā)就更好了。由于要干的事情五花八門實(shí)在太多,所以我們常聽見小公司要招“設(shè)計師”而不是某個更加具體的職位。
上述這些設(shè)計師角色之間的邊界其實(shí)一直在變化。有些UX設(shè)計師必須做點(diǎn)互動設(shè)計,有的UI設(shè)計師要兼著平面設(shè)計師的活兒。要找到合適的人,最好的辦法是把你希望設(shè)計師在團(tuán)隊(duì)內(nèi)部負(fù)責(zé)的工作描述清楚,然后選擇一個最能體現(xiàn)這份工作的性質(zhì)的職稱。
本文原載于Pixelapse,由ONES Piece 任寧編譯。ONES Piece是一個由ONES Ventures發(fā)起的非營利翻譯計劃,聚焦科技、創(chuàng)投和商業(yè)。
本文由 @ONES Piece翻譯計劃?原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理?,未經(jīng)許可,禁止轉(zhuǎn)載。
國內(nèi)基本都只有一個UI設(shè)計師 兼職所有
可能更適合國外的情況