一篇文章告訴你UI,UX,IxD,GD,PM,UR等設計師的具體工作！
http：//
weixin。qq。com/r/QUy8pBr
EtEfLrV7H9xlT
（二維碼自動識別）
自從智慧手機誕生以後
設計界儼然出現了很多新的崗位名詞，
譬如我們今天要談的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
在這兒打個小廣告哈！
歡迎大家到設計史論公眾號檢視更多關於設計歷史與理論的內容