提交需求
賽事與廣告咨詢合作,請?zhí)顚懶枨蟊韱?,我們會在第一時間與您聯(lián)系!
譯者按:毫無疑問,這是一篇給菜鳥看的文章。之所以花時間翻譯,主要是覺得它做了兩件事。一,把互聯(lián)網(wǎng)創(chuàng)業(yè)公司中所有與設(shè)計相關(guān)的工作和職位(除了工業(yè)設(shè)計師)都清楚敘述了一遍,方便管理者定義人力上的需求和后續(xù)招聘;二,定義了圍繞產(chǎn)品的各方面 “設(shè)計” 需求,為早期設(shè)計團隊內(nèi)部分工提供了參考。在互聯(lián)網(wǎng)業(yè)界,UI 和 UX 兩個縮寫一般都直接拿來用,故未翻譯。
“設(shè)計” 是個既籠統(tǒng)又模糊的詞。每當(dāng)別人說 “我是個設(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è)計師(用戶體驗設(shè)計師)
UX 設(shè)計師首要關(guān)心的是產(chǎn)品用起來 “感覺怎么樣”。任何某一個設(shè)計上的問題都沒有單一最優(yōu)解,所以 UX 設(shè)計師要通過探索許多不同的方案來嘗試解決一個特定的用戶問題。往寬了說,UX 設(shè)計師的職責(zé)就是確保產(chǎn)品的每次交互都是符合用戶邏輯的。為了達到這個目的,UX 設(shè)計師常用的方法是進行面對面的用戶訪談,并且觀察用戶的自然行為模式。
通過發(fā)現(xiàn)和定義在語言和非語言的層面影響用戶體驗的問題,他們改良、迭代,最終創(chuàng)造出 “最佳” 的用戶體驗。舉個例子,為首次使用產(chǎn)品的新用戶設(shè)計一個充滿驚喜的新手導(dǎo)引,便是 UX 設(shè)計師的工作。
“定義互動模型、用戶任務(wù)流和 UI 的細節(jié);就使用場景、端到端的體驗、互動模型和界面設(shè)計與相關(guān)人員進行溝通;與創(chuàng)意總監(jiān)和視覺設(shè)計師一起將 Twitter 的視覺識別融入到功能中;開發(fā)、維護設(shè)計草稿、效果圖和其他細節(jié)。”——一位 Twitter 的 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)該在頁面上顯示‘謝謝’。”
UI 設(shè)計師(用戶互動界面設(shè)計師)
不像 UX 設(shè)計師需要關(guān)心產(chǎn)品給人的整體感覺,UI 設(shè)計師特別在意產(chǎn)品 “看起來怎么樣”。他們負責(zé)設(shè)計每個界面或者頁面,確保 UX 設(shè)計師定下的產(chǎn)品方向被用 UI 視覺語言充分展現(xiàn)出來。比如說,在創(chuàng)建一個數(shù)據(jù)分析后臺界面時,一個 UI 設(shè)計師也許決定會把最重要的內(nèi)容置頂,或者思考調(diào)節(jié)某個圖表最符合直覺的操作方式是 slider 還是控制鈕。
UI 設(shè)計師另一個典型的負責(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)格手冊。”——AirBnB 的 UI 設(shè)計師如此形容他的工作。
UI 設(shè)計師和 UX 設(shè)計師之間的界限其實非常模糊。有些公司會把這兩個角色合二為一。這種做法也挺常見的。
一位 UI 設(shè)計師定義的某 app 的總體排版和視覺調(diào)性(Metro Style Interface 4 by Ionut Zamfir on Dribbble)
常用軟件工具:Photoshop、Sketch、Illustrator、Fireworks
你可能會聽到他們說:
“那個登錄/注冊的鏈接應(yīng)該被挪動到右上角。”
視覺設(shè)計師(平面設(shè)計師)
視覺設(shè)計師從事的是 “像素級別” 的工作。如果你問一個 “非設(shè)計師”,設(shè)計師是干嘛的,他/她首先想到的也許就是視覺設(shè)計師做的事情。視覺設(shè)計師不關(guān)心互動界面之間是如何相連,或者用戶如何與產(chǎn)品互動。他們集中精力做的,是繪制出優(yōu)美的圖標(biāo)、按鈕、其他視覺元素,以及合適的字體。視覺設(shè)計師總是花大力氣去改善那些常被他人忽視的細節(jié),并且設(shè)計的時候經(jīng)常在 Photoshop 里把作品放大到四至八倍大小。
“做出高質(zhì)量的視覺設(shè)計——從概念到執(zhí)行,包括為臺式機、網(wǎng)站、移動端做出不同的分辨率的(圖標(biāo)、圖形和營銷材料等等)。創(chuàng)造出體現(xiàn)品牌內(nèi)涵的視覺系統(tǒng),不斷迭代更新,部署視覺語言,并且將美感與生命注入產(chǎn)品。”——谷歌的視覺設(shè)計師這樣描述他的工作。
UI 設(shè)計師同時肩負平面設(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)圖形處理。”——蘋果公司的互動設(shè)計師這樣說。
一位互動設(shè)計師需要決定菜單欄以什么形式擴散(iOS Menu Concept by Jeremey Fleischer on Dribbble)
常用軟件工具:AfterEffects、Core Composer、Flash、Origami
你可能會聽到他們說:
“菜單欄應(yīng)該在 800 毫秒內(nèi)從左淡入。”
UX 研究員(用戶研究員)
UX 研究員是用戶體驗的專家。研究員主要需要回答兩個問題:我們的用戶是誰,以及他們想要什么。他們的工作通常包括訪談用戶、調(diào)研市場數(shù)據(jù)并且收集結(jié)論。設(shè)計是一個持續(xù)迭代的過程。研究院可以通過做 A/B 測試(譯者注:一種通過隨機分配不同版本測試效果的調(diào)研方法)來對比哪種設(shè)計更好地滿足用戶的需求。在大公司的開發(fā)團隊里,UX 研究員們往往有著中流砥柱一般的地位。他們通過分析巨量數(shù)據(jù),獲得統(tǒng)計學(xué)上可靠的結(jié)論。
“和產(chǎn)品團隊緊密合作,確定研究主題;設(shè)計出考察用戶行為和態(tài)度的調(diào)研;做一系列調(diào)研問卷,包括許多定性試驗和一些定量試驗。”——Facebook 的 UX 研究員這樣描述他的工作內(nèi)容。
UX 設(shè)計師有時候也會做些 UX 研究員的工作。
典型作品類型:用戶畫像、A/B 測試結(jié)果、用戶調(diào)研與訪談
常用軟件工具:Mic、Paper、Docs
你可能會聽到他們說:
“我們的調(diào)研顯示,一位典型的用戶……”
前端工程師(UI 工程師)
前端工程師負責(zé)為產(chǎn)品創(chuàng)造出功能完備的互動界面。在大多數(shù)情況下,UI 設(shè)計師把靜態(tài)的效果圖給前段工程師。接著,后者把效果圖轉(zhuǎn)化為可以用的、富有互動性的用戶體驗。前端工程師同時也負責(zé)通過編程,把動效設(shè)計師設(shè)計的動畫變成現(xiàn)實。
常用軟件工具: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ào)研、設(shè)計互動界面,或者兼顧設(shè)計些平面視覺素材。產(chǎn)品設(shè)計師的工作從項目自始至終貫穿到底:定義最初的問題、設(shè)定標(biāo)準(zhǔn)、然后做設(shè)計、測試、迭代不同的解決方案。有的公司希望各設(shè)計崗位之間更加流暢地合作,共同對用戶體驗、用戶調(diào)研和視覺設(shè)計元素負責(zé),所以故意不設(shè)置 “產(chǎn)品設(shè)計師” 這個角色。
不過,有的公司籠統(tǒng)地管設(shè)計團隊所有人都叫 “UX 設(shè)計師” 或者直接 “設(shè)計師”。要搞清楚這個公司設(shè)計團隊的分工,讀一讀職責(zé)說明是最好的辦法。
“負責(zé)設(shè)計的方方面面:互動、視覺、產(chǎn)品,并且做出原型。然后繪制好像素級別的完美效果圖,并且為網(wǎng)絡(luò)端盒移動端的新功能做前端編程。”Pinterest 的產(chǎn)品設(shè)計師這樣描述他的職責(zé)。
“我想找個設(shè)計師”
我聽新創(chuàng)業(yè)的公司說得最多的就是這句話。他們想找的通常是一個能干上述所有活兒的人。他們想要一個能畫好看的圖標(biāo)、為登陸頁面做 A/B 測試、按照使用邏輯排列 UI 元素,甚至要是能再做點前端開發(fā)就更好了。由于要干的事情五花八門實在太多,所以我們常聽見小公司要招 “設(shè)計師” 而不是某個更加具體的職位。
上述這些設(shè)計師角色之間的邊界其實一直在變化。有些 UX 設(shè)計師必須做點互動設(shè)計,有的 UI 設(shè)計師要兼著平面設(shè)計師的活兒。要找到合適的人,最好的辦法是把你希望設(shè)計師在團隊內(nèi)部負責(zé)的工作描述清楚,然后選擇一個最能體現(xiàn)這份工作的性質(zhì)的職稱。
大牛,別默默的看了,快登錄幫我點評一下吧!:)
登錄 立即注冊