別再?UI均芽、UX?傻傻分不清楚,你要做的到底是哪種設(shè)計(jì)師单鹿?

Photo Credit: Heisenberg Media

本文譯自 〈Recruiting a Designer? Here's What You Should Know〉掀宋。作者為為Pixelapse 的共同創(chuàng)辦人羅敏銘(Lo Min Ming)。


01


Apple仲锄、 Facebook劲妙、Google 和許許多多科技界的重量級(jí)公司是怎么形容設(shè)計(jì)工作的?

「設(shè)計(jì)」是個(gè)范范而模糊的詞儒喊。當(dāng)某個(gè)人說(shuō)「我是個(gè)設(shè)計(jì)師」镣奋,實(shí)在很難立即理解他平時(shí)在做什么。在設(shè)計(jì)師一詞下包含了各式各樣不同的職責(zé)怀愧。

設(shè)計(jì)相關(guān)的工作范圍從工業(yè)設(shè)計(jì)(汽車侨颈、家具)到印刷(雜志及其他出版品)、科技(網(wǎng)站芯义、手機(jī) app) 都有哈垢。近期的潮流主要聚焦在科技公司的展示介面,很多新的設(shè)計(jì)職位應(yīng)運(yùn)而生扛拨。對(duì)外行或不熟悉這行的人耘分,甚至是其他設(shè)計(jì)行業(yè)過來(lái)的設(shè)計(jì)師而言,諸如 UX 或 UI 設(shè)計(jì)職位讓人疑惑鬼癣。

讓我們?cè)囍帽容^有脈絡(luò)的理解去一一解析這些職稱真正的含義陶贼。

UX設(shè)計(jì)師(用戶體驗(yàn)設(shè)計(jì)師)

UX 設(shè)計(jì)師主要考慮的是「產(chǎn)品用起來(lái)的感覺」。設(shè)計(jì)的問題沒有唯一正解待秃。 UX 設(shè)計(jì)師探索各種不同的方法來(lái)解決一個(gè)使用者問題拜秧。UX 設(shè)計(jì)師的重大責(zé)任就是要確保產(chǎn)品從這一步到下一步符合邏輯。要辦到這一點(diǎn)UX 設(shè)計(jì)師用的其中一個(gè)方法就是實(shí)施真人測(cè)試章郁,觀察使用者行為枉氮。檢查說(shuō)得出來(lái)和沒說(shuō)出來(lái)的使用障礙志衍,他們?cè)偃薷囊詣?chuàng)造出「最棒的」使用者體驗(yàn)。比如說(shuō)創(chuàng)造一個(gè)舒適的入門流程給使用者聊替。

定義交互模型楼肪、使用者操作流程和詳細(xì) UI 規(guī)范。和股東溝通情境惹悄、端對(duì)端經(jīng)驗(yàn)春叫、互動(dòng)模型和頁(yè)面設(shè)計(jì)。和創(chuàng)意總監(jiān)及視覺設(shè)計(jì)師合力將Twiiter 的視覺意象融入各個(gè)功能中泣港。擴(kuò)展并維護(hù)需要的設(shè)計(jì)模板暂殖、樣板和規(guī)格。

—— Twitter 使用者用戶體驗(yàn)設(shè)計(jì)師的工作需求


02


產(chǎn)出:畫面当纱、文章呛每、網(wǎng)站地圖模版。

動(dòng)效工具:Photoshop坡氯、Sketch晨横、Illustrator、Fireworks箫柳、InVision手形。

你可能會(huì)聽到老的 UX 設(shè)計(jì)師這這么說(shuō):「我應(yīng)該要在使用者完成注冊(cè)后放一頁(yè)感謝卡∶趸校」這就是為了用戶更好的使用體驗(yàn)叁幢。

UI 設(shè)計(jì)師(使用者界面設(shè)計(jì)師)

不像 UX 誰(shuí)是要考慮產(chǎn)品的整體體驗(yàn),使用者界面設(shè)計(jì)師專供于「產(chǎn)品怎么呈現(xiàn)」坪稽。

他們負(fù)責(zé)設(shè)計(jì)每一個(gè)供使用者互動(dòng)的的網(wǎng)頁(yè)或界面曼玩,然后確認(rèn) UI 在視覺上能傳達(dá) UX 設(shè)計(jì)師展示的路徑。舉例來(lái)說(shuō)窒百,UI 設(shè)計(jì)師做了一個(gè)統(tǒng)一的資訊面板黍判,可能會(huì)把最重要的內(nèi)容往前放,或是判斷用來(lái)調(diào)整圖標(biāo)的卷軸或控制按鈕是不是符合直覺篙梢。UI 設(shè)計(jì)師通常還要負(fù)責(zé)確立通用風(fēng)格指南顷帖,讓整個(gè)產(chǎn)品設(shè)計(jì)的語(yǔ)言一致。維持視覺元素的一致渤滞,并定義潔面是如何展示錯(cuò)誤或是警告狀態(tài)的動(dòng)作都是 UI 設(shè)計(jì)師的職責(zé)贬墩。

從概念到應(yīng)用 Airbnb.com 的視覺語(yǔ)言。制作并改近符合網(wǎng)頁(yè)的風(fēng)格指南妄呕。

—— Airbnb 的 UI 設(shè)計(jì)師工作需求

UI 和 UX 設(shè)計(jì)師的分界相當(dāng)模糊陶舞,所以公司也常選擇融合這兩個(gè)角色的應(yīng)聘者。


03


工具:Photoshop绪励、Sketch肿孵、Illustrator唠粥、Fireworks。

你可能會(huì)聽到老的 UI 設(shè)計(jì)師這么說(shuō):「登入和注冊(cè)鏈接該移到右上角停做∥罾ⅲ」

視覺設(shè)計(jì)師(界面設(shè)計(jì)師)

一位視覺設(shè)計(jì)師「推敲像素」的人。如果你問非設(shè)計(jì)師的人設(shè)計(jì)師在做什么蛉腌?這大概是他們第一個(gè)想到的官份。視覺設(shè)計(jì)師不管畫面之間如何跳轉(zhuǎn),或某人怎么和產(chǎn)品互動(dòng)烙丛。他們聚焦在打造美麗的圖像界面贯吓、控制鈕、視覺元素和運(yùn)用合適的的字型蜀变。視覺設(shè)計(jì)師斤斤計(jì)較一些其他人忽略的細(xì)節(jié),而且常常把 Photoshop 放大 4 -- 8 倍在使用介评。

從概念到執(zhí)行库北,制作出高品質(zhì)的視覺設(shè)計(jì),包括各種解析度的桌面们陆、網(wǎng)站和行動(dòng)設(shè)備(圖示寒瓦、圖像和行銷素材)不斷創(chuàng)造反映品牌形象、加強(qiáng)語(yǔ)言及為產(chǎn)品注入美麗生命的部件坪仇。

—— Google 的視覺設(shè)計(jì)師工作需求

UI 設(shè)計(jì)師也經(jīng)常擔(dān)上雙倍責(zé)任杂腰,另外制作美麗的最終成品。有些公司選擇不另偏視覺設(shè)計(jì)師椅文。


04


工具:Photoshop喂很、Sketch。

你可能會(huì)聽到老的視覺設(shè)計(jì)師這么說(shuō):「字距太大了皆刺,而且這個(gè)按鈕要要再往左移動(dòng)一個(gè)像素少辣。」

動(dòng)效設(shè)計(jì)師

記得在 iPhone 的東效里羡蛾,當(dāng)你下拉重新整理時(shí)那個(gè)細(xì)微的彈跳動(dòng)畫嗎漓帅?那就是動(dòng)效設(shè)計(jì)師的工作。不同于視覺設(shè)計(jì)師總是在跟靜止的部件搏斗痴怨,動(dòng)效設(shè)計(jì)師創(chuàng)造 app 內(nèi)部的動(dòng)畫忙干。他們要處理「使用者按了以后界面要有什麼反應(yīng)」。舉例而言浪藻,他們要決定選擇滑進(jìn)來(lái)的方式捐迫,要用哪種效果轉(zhuǎn)場(chǎng),以及按鈕要怎么退出爱葵。設(shè)計(jì)得好的話弓乙,動(dòng)效就能提供如何使用產(chǎn)品的視覺線索末融,讓介面更加完整。

專精于視覺設(shè)計(jì)暇韧,動(dòng)態(tài)圖形勾习,數(shù)位組合,對(duì)字型和顏色敏感懈玻,對(duì)材料/質(zhì)地有大概的認(rèn)知巧婶,能實(shí)際掌握并運(yùn)用動(dòng)畫。具 iOS涂乌、OS X艺栈、Photoshop、Illustrator 相關(guān)知識(shí)還要熟悉 Director(或同等功能軟件)湾盒,Quartz Composer(或同等功能軟件)湿右,必須具體 3D 電腦建模、動(dòng)態(tài)圖形形技能罚勾。

—— 動(dòng)效設(shè)計(jì)師工作需求


05


工具:AfterEffects毅人、Core、Composer尖殃、Flash丈莺、Origami。

你可能會(huì)聽到比較有經(jīng)驗(yàn)的動(dòng)效設(shè)計(jì)師這么說(shuō):「這個(gè)應(yīng)該要用 800ms 的速度從左邊漸入送丰〉薅恚」

UX 研究員(國(guó)內(nèi)俗稱“測(cè)試”)

UX 研究員是使用者需求界的總領(lǐng)。研究員的目的是回答這兩個(gè)問題題:「我們的使用者都是誰(shuí)器躏?」以及「我們的使用者要做什么俐载?」通常這個(gè)角色代表要訪問者使用者,研究市場(chǎng)數(shù)據(jù)和整理結(jié)果登失。設(shè)計(jì)是個(gè)不斷重復(fù)更改的過程瞎疼。研究員可以利用 A/B 測(cè)試來(lái)得知哪個(gè)設(shè)計(jì)選項(xiàng)最適合使用者需求,從旁輔助這個(gè)過程壁畸。UX 研究員通常在大公司贼急,那里可以取得大量的數(shù)據(jù)讓他們有充份機(jī)會(huì)得到統(tǒng)計(jì)上的的結(jié)論。

和產(chǎn)品團(tuán)隊(duì)緊密合作以確立研究主題捏萍。設(shè)計(jì)能同時(shí)表現(xiàn)使用者行為和態(tài)度的研究太抓。要使用各式各樣的量化研究方法,比如說(shuō)問卷令杈。

—— Facebook 的 UX 研究院(產(chǎn)品經(jīng)理工作需求

UX 設(shè)計(jì)師偶爾也會(huì)擔(dān)擔(dān)任 UX 研究員(測(cè)試)的角色走敌。

產(chǎn)出:使用者人物志,A/B 測(cè)試結(jié)果逗噩、使用者調(diào)查研究和訪談掉丽。

工具:語(yǔ)音記錄儀跌榔、紙、文件檔案捶障。

你可能會(huì)聽到比較有經(jīng)驗(yàn)的 UX 研究員(測(cè)試)這樣說(shuō):「我用的是 960 點(diǎn)僧须,12 欄網(wǎng)格系統(tǒng)∠盍叮」

產(chǎn)品設(shè)計(jì)師(國(guó)內(nèi):產(chǎn)品經(jīng)理)

產(chǎn)品設(shè)計(jì)師是個(gè)包山包海的詞担平,用來(lái)形容參與產(chǎn)品設(shè)計(jì)和感受的人。

產(chǎn)品設(shè)計(jì)師的角色並沒有明確定義而且每個(gè)公司都不太相同锭部。產(chǎn)品設(shè)計(jì)師可能會(huì)做少量的前端編程暂论,使用者研究、設(shè)計(jì)介面拌禾、或創(chuàng)造視覺部件取胎。從開始到結(jié)束,產(chǎn)品設(shè)計(jì)師幫忙指出最初的問題并設(shè)定指標(biāo)來(lái)支持它湃窍,然后設(shè)計(jì)闻蛀、測(cè)試、在不同的方案上重復(fù)坝咐。有些公司想要在不同的設(shè)計(jì)角色選擇上更靈活的協(xié)作,來(lái)鼓勵(lì)整個(gè)設(shè)計(jì)團(tuán)隊(duì)匯集自己的使用者經(jīng)驗(yàn)析恢、使用者研究和視覺設(shè)計(jì)元素墨坚。

有些公司用「UX 設(shè)計(jì)師」或簡(jiǎn)單的「設(shè)計(jì)師」作為概括詞。要了解一家公司的設(shè)計(jì)意圖的責(zé)任分配最好的方法是閱讀工作需求映挂。

涉及設(shè)計(jì)的所有面向:互動(dòng)泽篮、視覺、產(chǎn)品柑船、制作原型帽撑。制作精美的樣品及編寫跨網(wǎng)頁(yè)和手機(jī)平臺(tái)新功能的程式。

—— Pinterest 的產(chǎn)品經(jīng)理工作需求

「我在找一個(gè)設(shè)計(jì)師鞍时】骼」

這是我最常從初創(chuàng)公司聽到的說(shuō)法。他們通常在找的是可以做到以上所有事情的人逆巍。他們想要一個(gè)可以做漂亮圖例及塘、做 A/B 測(cè)試過的登登陸網(wǎng)站、有邏輯地安排熒幕上的 UI 元素而且也許可以做一些前端開發(fā)锐极。由于此角色涵蓋太廣笙僚,我們通常會(huì)聽到小公司要求雇傭一位「設(shè)計(jì)師」,而非具體描述他們的需求灵再。

以上這些設(shè)計(jì)角色的邊界非常地具有彈性肋层。有些 UX 設(shè)計(jì)師也會(huì)被要求做交互設(shè)計(jì)亿笤,而通常 UI 設(shè)計(jì)師也會(huì)被要求畫圖。要找到對(duì)的人栋猖,最好的方法就是形容你想要設(shè)計(jì)師在你的公司流程里面做什么净薛,然后選擇一個(gè)最能代表那人主要工作的職務(wù)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末掂铐,一起剝皮案震驚了整個(gè)濱河市罕拂,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌全陨,老刑警劉巖爆班,帶你破解...
    沈念sama閱讀 218,682評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異辱姨,居然都是意外死亡柿菩,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,277評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門雨涛,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái)枢舶,“玉大人,你說(shuō)我怎么就攤上這事替久×剐梗” “怎么了?”我有些...
    開封第一講書人閱讀 165,083評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵蚯根,是天一觀的道長(zhǎng)后众。 經(jīng)常有香客問我,道長(zhǎng)颅拦,這世上最難降的妖魔是什么蒂誉? 我笑而不...
    開封第一講書人閱讀 58,763評(píng)論 1 295
  • 正文 為了忘掉前任,我火速辦了婚禮距帅,結(jié)果婚禮上右锨,老公的妹妹穿的比我還像新娘。我一直安慰自己碌秸,他們只是感情好绍移,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,785評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著讥电,像睡著了一般登夫。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上允趟,一...
    開封第一講書人閱讀 51,624評(píng)論 1 305
  • 那天恼策,我揣著相機(jī)與錄音,去河邊找鬼。 笑死涣楷,一個(gè)胖子當(dāng)著我的面吹牛分唾,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播狮斗,決...
    沈念sama閱讀 40,358評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼绽乔,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼!你這毒婦竟也來(lái)了碳褒?” 一聲冷哼從身側(cè)響起折砸,我...
    開封第一講書人閱讀 39,261評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎沙峻,沒想到半個(gè)月后睦授,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 45,722評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡摔寨,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,900評(píng)論 3 336
  • 正文 我和宋清朗相戀三年去枷,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片是复。...
    茶點(diǎn)故事閱讀 40,030評(píng)論 1 350
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡删顶,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出淑廊,到底是詐尸還是另有隱情逗余,我是刑警寧澤,帶...
    沈念sama閱讀 35,737評(píng)論 5 346
  • 正文 年R本政府宣布季惩,位于F島的核電站录粱,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏蜀备。R本人自食惡果不足惜关摇,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,360評(píng)論 3 330
  • 文/蒙蒙 一荒叶、第九天 我趴在偏房一處隱蔽的房頂上張望碾阁。 院中可真熱鬧,春花似錦些楣、人聲如沸脂凶。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,941評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)蚕钦。三九已至,卻和暖如春鹅很,著一層夾襖步出監(jiān)牢的瞬間嘶居,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,057評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留邮屁,地道東北人整袁。 一個(gè)月前我還...
    沈念sama閱讀 48,237評(píng)論 3 371
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像佑吝,于是被迫代替她去往敵國(guó)和親坐昙。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,976評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容