一篇文章告訴你UI,UX,IxD,GD,PM,UR等設計師的具體工作！

http://weixin.qq.com/r/QUy8pBrEtEfLrV7H9xlT (二維碼自動識別)

自從智能手機誕生以後

設計界儼然出現了很多新的崗位名詞，

譬如我們今天要談的UI和UX

大家第一次聽到這個詞的時候還能想起來嗎？

2009年？2011年？2013年？

現在很多菜鳥級的設計師都把這兩個職業當成自己未來的職業，

馬上這不要過年了嘛！

你回了家，家裡長輩問你，

「你是做什麼工作的呀？」或者「你以後想找啥工作呀？」

你回答說：「我是UI設計師」或者「我是做UX的」

長輩們一定一臉懵逼！

因此，我們今天就來科普一下

啥玩兒意是UI和UX啊？

很多人都很羨慕大型互聯網公司或者科技公司里的工作，例如蘋果公司，Facebook，谷歌等這些在科技界有著舉足輕重影響力的企業，那麼這些公司的設計師是如何描述他們的設計工作的呢？我們接下來往下看。

設計其實是一個相當廣泛和模糊的術語，當有人說「我是一位設計師」時，並不能立即清楚明了的知道他們具體是做什麼設計，如今分工精細，設計師，不僅涵蓋廣泛的行業，而且還包涵許多不同的職責。

設計相關的角色涵蓋從工業設計（industrial design）(汽車、傢具)、到印刷（print）(雜誌、其他出版物)在到科學技術（tech）(網站、移動應用)等領域。隨著科技公司的大量湧入，專註於為屏幕創建界面，誕生了許多新的設計角色，像UX或UI設計師，那些來自其他行業的設計師對這些職位可能有些Confused，甚至是不熟悉的。

當一個設計問題站在我們面前，並沒有給出一個正確的答案。那麼就讓我們試著在現在科技行業的背景下聊聊他們真實的含義。

UX設計師（用戶體驗設計師）

UX DESIGNER (USER EXPERIENCE DESIGNER)

UX設計師主要是關注產品的體驗（how the product feels），在面對許多問題時，UX設計師必須探索許多不同的方法去解決一個特定的用戶問題，並且有責任確保產品從這一步到下一步能夠符合一定的邏輯。

一個方法是UX設計師很可能通過進行面對面的用戶試驗，來觀察他們的行為，通過區分語言和非語言障礙，他們重新定義和改善來創造出更好的用戶體驗。有一個案例正在創造一個令新用戶使用愉快的流程。

用戶體驗設計師在Twitter里是幹啥的？

Define interaction models, user task flows, and UI specifications. Communicate scenarios, end-to-end experiences, interaction models, and screen designs to stakeholders. Work with our creative director and visual designers to incorporate the visual identity of Twitter into features. Develop and maintain design wireframes, mockups, and specifications as needed.

定義交互模型、用戶任務流程和UI規範。溝通場景、從前端到後端的用戶體驗、交互模型和屏幕設計對用戶的體驗。根據需要開發和維護設計線框圖，模型和規範，必須與創意總監和視覺設計師合作溝通，將TWITTER的視覺特性融入到功能中。

這是一個用戶體驗設計師創建的應用程序屏幕的例子

Deliverables體驗設計師的可交付物有：

屏幕線框圖，故事板，站點地圖。

Tools of the trade體驗設計師可使用工具有：

Photoshop，Sketch，Illustrator，Fireworks，InVision

You might hear them say this in the wild

你可能會聽到他們這樣說:

用戶一旦完成註冊後，我們應該向用戶呈現一個「感謝」的頁面。

UI設計師（用戶界面設計師）

UI DESIGNER (USER INTERFACE DESIGNER)

不像UX設計師那樣關注於產品整體的感覺，用戶界面設計師尤其關注產品是如何排列的。他們負責設計用戶交互的每個屏幕或頁面，並確保UI可視地傳遞用戶體驗設計師已經布局的路徑。

例如，UI設計師可能會創建一個分析指示板時，在頂部載入最重要的內容，或者決定一個滑塊或控制旋鈕是否能最直觀地調整圖形。UI設計師通常負責創建一個凝聚力的風格指南，並確保在整個產品中應用一致的設計語言。UI設計師的許可權範圍是要保持視覺元素的一致性和定義行為，例如如何顯示錯誤或警告狀態。

UI設計師在Airbnb里是幹啥的？

Concept and implement the visual language of Airbnb.com. Create and advance site-wide style guides.

視覺語言是愛彼迎網站的概念和手段，它創建並指導改進網站的風格。

UI和UX設計師之間的界限是相當模糊的，公司選擇合併這些角色並不少見。

UI設計師定義一個APP的整體排列和感覺

Tools of the tradeUI設計師要使用的工具：

Photoshop,Sketch, Illustrator, Fireworks

You might hear them say this in the wild

你可能聽到他們這麼說：

登錄和註冊鏈接應該被移動到右上角。

GD視覺設計師（平面設計師）

VISUAL DESIGNER (GRAPHIC DESIGNER)

視覺設計師在意別人常常忽略的小細節。

視覺設計師是將每一像素放在您面前的人。如果你問一個非設計師的人：設計師是做什麼的？視覺設計很可能是最先被想起來的。一個視覺設計師不關心屏幕之間是怎麼連接的，也不關心用戶是怎麼與產品進行交互的。相反，他們關注的是創造美麗的圖標，控制項和可視因素以及確保合適的字體。視覺設計師在意別人常常忽略的小細節並且經常在PS上操作4X到8X的縮放級別.

視覺設計師在Google里幹啥的？

Produce high-quality visual designs–from concept to execution, including those for desktop, web, and mobile devices at a variety of resolutions (icons, graphics, and marketing materials). Create and iterate on assets that reflect a brand, enforce a language, and inject beauty and life into a product.

將高質量的視覺設計概念設計生產出來，包括 PC端的，網頁里的以及各種分類的移動設備中的圖標啊，圖像啊，以及營銷圖文啊等等。創建并迭代品牌資產，並執行一種設計語言，賦予產品生命力。

對於UI設計師來說，執行雙重任務並創建最終像素完美展現也是相當的常見，所以一些公司選擇不再單獨設立一個視覺設計師。

視覺設計師布局每一個像素，並不斷調整來確保最終的結果是完美的

Tools of the trade視覺設計師要使用的工具：

Photoshop,Sketch

You might hear them say this in the wild

你可能聽到他們這樣說：

取消字體間距，這個按鈕應該向左移動一個像素的距離。

IxD交互設計師（動作設計師）

INTERACTION DESIGNER (MOTION DESIGNER)

你還記得當你在IPHONE上刷新郵件時微妙跳躍的動畫嗎？這就是動作設計師的工作。不像視覺設計師通常處理靜態圖片，動畫設計師創造一個APP裡面的動作。他們決定當用戶觸碰到界面後產生的什麼。例如，他們決定一個菜單應該如何滑動，應該使用什麼樣的轉換效果，以及一個按鈕應該如何呈扇形展開。當所有準備就緒，動作變成一個不可分割的整體，提供如何使用產品的可視線索。

交互設計師在Apple里是幹啥的？

Proficiency in graphic design, motion graphics, digital art, a sensitivity to typography and color, a general awareness of materials/textures, and a practical grasp of animation. Knowledge of iOS, OS X, Photoshop and Illustrator as well as familiarity with Director (or equivalent), Quartz Composer (or equivalent), 3D computer modeling, motion graphics are required.

熟練平面設計，動態影像，數字媒體，對字體和顏色有一定的敏感性，對材料/紋理有常規的認識以及對動畫可操作的掌握。了解IOS,OSX,PS和AI以及熟悉Director (or equivalent), Quartz Composer (or equivalent)，三維數據模型，動態影像是作為設計師必不可少的。

Tools of the trade交互設計師要使用的工具：

After Effects,Core Composer, Flash, Origami

You might hear them say this in the wild:

你可能聽到他們這樣說：

菜單應該在800毫秒內從左邊出現。

UR用戶體驗研究員（用戶研究員）

UX RESEARCHER (USER RESEARCHER)

用戶體驗研究員是追蹤使用者的需求，調查員的工作是回答「誰是我們的用戶？」和「我們的用戶想做什麼？」一般來說，他們的任務是和用戶交談，調查市場數據和收集調查結果，設計是一個不斷重複的過程。調查員可能通過指導A/B實驗這些過程，在梳理什麼最能滿足用戶需求的設計決策上給予一定幫助。用戶體驗調查員是一個大公司里有特色的中流砥柱，在這裡，他們獲得大量數據的機會，會有力的得出具有統計學意義的結論。

用戶體驗研究員在Facebook里是干哈的？

Work closely with product teams to identify research topics. Design studies that address both user behavior and attitudes. Conduct research using a wide variety of qualitative methods and a subset of quantitative methods, such as surveys.

與產品團隊緊密合作，確定研究主題。針對用戶行為和態度的設計研究，使用多種定性方法和定量方法的子集進行研究，如調查。

用戶體驗設計師常常等同於用戶體驗調查員的角色。

Deliverables用戶體驗研究員的可交付物有：

用戶角色，A/B測試結果，調查用戶研究和訪談。

Tools of the trade用戶體驗研究員可使用工具有：

Mic, Paper, Docs

You might hear them say this in the wild

你可能會聽到他們這樣說:

從我們的調查來看，一個典型的用戶是……

前端開發人員(UI開發人員)

FRONT-END DEVELOPER (UI DEVELOPER)

前端開發人員的職責是創造一個產品界面的功能執行。通常，一個UI設計師將靜態模型交給前端開發人員，然後將其轉換為工作的、互動式的體驗。前端開發人員也負責編寫交互設計師提出的視覺交互。

Tools of the trade前端開發人員可使用工具:

CSS, HTML, JavaScript

You might hear them say this in the wild

你可能會聽到他們這麼說：

我正使用的是960像素的12列網格系統。

PM產品設計師（產品經理）

PRODUCT DESIGNER

產品設計師是一個包羅萬象的術語，來描述一個設計師一般包含創造產品的外觀和情感。通常我們更願意稱之為產品經理。

產品設計師的任務並不好定義，不同公司是有區別的。一個產品設計師可能做最小的前端代碼，指導用戶調查，設計交互界面或創造可視資產。從開始到結束，一個產品設計師幫助定義最初問題，制定解決的基點，並且包括設計，測試，和迭代不同的解決方案。一些希望在不同設計角色中進行更流暢協作的公司選擇擁有這個名稱，以鼓勵整個設計團隊共同擁有用戶體驗、用戶研究和視覺設計元素。

一些公司用UX設計師或僅僅是設計師來作為一個籠統的術語，看工作描述是了解一個公司設計團隊職責劃分的好方法。

產品設計師在Pinterest里是幹啥的？

Own all facets of design: interaction, visual, product, prototyping. Create pixel-perfect mocks and code for new features across web and mobile.

掌握設計的所有方面:交互，視覺，產品，原型。從PC端到移動端，為產品的新功能新特點創建高像素的模擬效果圖以及代碼。

我正在找一個設計師。

這是我從初創公司中聽到的最常見的一句話，幾乎每個創業者天天都在說，我要一個設計師，萬事俱備，只欠設計師。他們通常尋找的是一個能做到上述所有工作的人。

他們想要一個能做出漂亮圖標的人，創建A/B測試，在屏幕上合理安排UI元素，甚至可能做一些前端開發。由於這個角色的範圍很廣，我們通常會聽到一些較小的公司要求僱傭一個「設計師」，而不是具體的需求。

這些不同的設計角色之間的邊界是非常不固定的。一些UX設計師也被希望進行交互設計，通常UI設計人員也會被要求視覺設計。尋找合適設計師的最佳方式就是描述清楚在你公司發展的進程中，你希望設計師做什麼，然後根據設計師所被要求做的事去選擇一個最佳的頭銜給他。

不知道各位看官看完以後，是否對UX；UI；GD；IxD；PM等設計師職業有了一個清晰的認識。

翻譯丨宋慧宇

來源丨https://www.codesign.com

校對丨許東林

排版丨Sujay Wu

在這兒打個小廣告哈！

歡迎大家到設計史論公眾號查看更多關於設計歷史與理論的內容