別再?UI、UX?傻傻分不清楚,你要做的到底是哪種設計師?

Photo Credit: Heisenberg Media

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


01


Apple、 Facebook、Google 和許許多多科技界的重量級公司是怎么形容設計工作的?

「設計」是個范范而模糊的詞。當某個人說「我是個設計師」,實在很難立即理解他平時在做什么。在設計師一詞下包含了各式各樣不同的職責。

設計相關的工作范圍從工業(yè)設計(汽車、家具)到印刷(雜志及其他出版品)、科技(網(wǎng)站、手機 app) 都有。近期的潮流主要聚焦在科技公司的展示介面,很多新的設計職位應運而生。對外行或不熟悉這行的人,甚至是其他設計行業(yè)過來的設計師而言,諸如 UX 或 UI 設計職位讓人疑惑。

讓我們試著用比較有脈絡的理解去一一解析這些職稱真正的含義。

UX設計師(用戶體驗設計師)

UX 設計師主要考慮的是「產(chǎn)品用起來的感覺」。設計的問題沒有唯一正解。 UX 設計師探索各種不同的方法來解決一個使用者問題。UX 設計師的重大責任就是要確保產(chǎn)品從這一步到下一步符合邏輯。要辦到這一點UX 設計師用的其中一個方法就是實施真人測試,觀察使用者行為。檢查說得出來和沒說出來的使用障礙,他們再三修改以創(chuàng)造出「最棒的」使用者體驗。比如說創(chuàng)造一個舒適的入門流程給使用者。

定義交互模型、使用者操作流程和詳細 UI 規(guī)范。和股東溝通情境、端對端經(jīng)驗、互動模型和頁面設計。和創(chuàng)意總監(jiān)及視覺設計師合力將Twiiter 的視覺意象融入各個功能中。擴展并維護需要的設計模板、樣板和規(guī)格。

—— Twitter 使用者用戶體驗設計師的工作需求


02


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

動效工具:Photoshop、Sketch、Illustrator、Fireworks、InVision。

你可能會聽到老的 UX 設計師這這么說:「我應該要在使用者完成注冊后放一頁感謝卡。」這就是為了用戶更好的使用體驗。

UI 設計師(使用者界面設計師)

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

他們負責設計每一個供使用者互動的的網(wǎng)頁或界面,然后確認 UI 在視覺上能傳達 UX 設計師展示的路徑。舉例來說,UI 設計師做了一個統(tǒng)一的資訊面板,可能會把最重要的內(nèi)容往前放,或是判斷用來調(diào)整圖標的卷軸或控制按鈕是不是符合直覺。UI 設計師通常還要負責確立通用風格指南,讓整個產(chǎn)品設計的語言一致。維持視覺元素的一致,并定義潔面是如何展示錯誤或是警告狀態(tài)的動作都是 UI 設計師的職責。

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

—— Airbnb 的 UI 設計師工作需求

UI 和 UX 設計師的分界相當模糊,所以公司也常選擇融合這兩個角色的應聘者。


03


工具:Photoshop、Sketch、Illustrator、Fireworks。

你可能會聽到老的 UI 設計師這么說:「登入和注冊鏈接該移到右上角。」

視覺設計師(界面設計師)

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

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

—— Google 的視覺設計師工作需求

UI 設計師也經(jīng)常擔上雙倍責任,另外制作美麗的最終成品。有些公司選擇不另偏視覺設計師。


04


工具:Photoshop、Sketch。

你可能會聽到老的視覺設計師這么說:「字距太大了,而且這個按鈕要要再往左移動一個像素。」

動效設計師

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

專精于視覺設計,動態(tài)圖形,數(shù)位組合,對字型和顏色敏感,對材料/質(zhì)地有大概的認知,能實際掌握并運用動畫。具 iOS、OS X、Photoshop、Illustrator 相關知識還要熟悉 Director(或同等功能軟件),Quartz Composer(或同等功能軟件),必須具體 3D 電腦建模、動態(tài)圖形形技能。

—— 動效設計師工作需求


05


工具:AfterEffects、Core、Composer、Flash、Origami。

你可能會聽到比較有經(jīng)驗的動效設計師這么說:「這個應該要用 800ms 的速度從左邊漸入。」

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

UX 研究員是使用者需求界的總領。研究員的目的是回答這兩個問題題:「我們的使用者都是誰?」以及「我們的使用者要做什么?」通常這個角色代表要訪問者使用者,研究市場數(shù)據(jù)和整理結(jié)果。設計是個不斷重復更改的過程。研究員可以利用 A/B 測試來得知哪個設計選項最適合使用者需求,從旁輔助這個過程。UX 研究員通常在大公司,那里可以取得大量的數(shù)據(jù)讓他們有充份機會得到統(tǒng)計上的的結(jié)論。

和產(chǎn)品團隊緊密合作以確立研究主題。設計能同時表現(xiàn)使用者行為和態(tài)度的研究。要使用各式各樣的量化研究方法,比如說問卷。

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

UX 設計師偶爾也會擔擔任 UX 研究員(測試)的角色。

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

工具:語音記錄儀、紙、文件檔案。

你可能會聽到比較有經(jīng)驗的 UX 研究員(測試)這樣說:「我用的是 960 點,12 欄網(wǎng)格系統(tǒng)。」

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

產(chǎn)品設計師是個包山包海的詞,用來形容參與產(chǎn)品設計和感受的人。

產(chǎn)品設計師的角色並沒有明確定義而且每個公司都不太相同。產(chǎn)品設計師可能會做少量的前端編程,使用者研究、設計介面、或創(chuàng)造視覺部件。從開始到結(jié)束,產(chǎn)品設計師幫忙指出最初的問題并設定指標來支持它,然后設計、測試、在不同的方案上重復。有些公司想要在不同的設計角色選擇上更靈活的協(xié)作,來鼓勵整個設計團隊匯集自己的使用者經(jīng)驗、使用者研究和視覺設計元素。

有些公司用「UX 設計師」或簡單的「設計師」作為概括詞。要了解一家公司的設計意圖的責任分配最好的方法是閱讀工作需求。

涉及設計的所有面向:互動、視覺、產(chǎn)品、制作原型。制作精美的樣品及編寫跨網(wǎng)頁和手機平臺新功能的程式。

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

「我在找一個設計師。」

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

以上這些設計角色的邊界非常地具有彈性。有些 UX 設計師也會被要求做交互設計,而通常 UI 設計師也會被要求畫圖。要找到對的人,最好的方法就是形容你想要設計師在你的公司流程里面做什么,然后選擇一個最能代表那人主要工作的職務。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

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