differences-of-ui-and-ux-1

設計是一個相當廣義而模糊的術語。當有人說“我是一個設計師”時,你很難知道他每天做些什么。

設計涵蓋了多領域和多職責,從工業設計(汽車、家具)到印刷設計(雜志,其他出版物),再到科技行業(網站,手機應用),隨處可見不同職責的設計師。而隨著科技公司不斷地涌入人機交互領域,應運而生了許多新的設計師角色 —— UI設計師、UX設計師、視覺設計師、交互設計師、GUI設計師等。

這么多相似的名字,你是否也跟我一樣陷入傻傻分不清的迷霧中?下面就讓我們一起撥開迷霧,重新認識這些新型設計師們吧。

原文作者:Lo Min Ming ?譯者:特贊Tezign

本篇介紹的設計師有:

  1. UX設計師/交互設計師
  2. 視覺設計師:UI/GUI設計師;平面設計師
  3. 互動設計師(動效設計師)
  4. 產品設計師
  5. 用戶研究工程師(用戶研究專員)

UX設計師 / 交互設計師

UX ,英文為 User Experience ,指的是用戶體驗。一般而言,國內 UX 設計師,也稱為交互設計師或 UE 設計師(而國外的 UX 設計師指的是用戶體驗設計師,交互設計師指的是動效設計師)。

UX 設計師主要關注用戶對產品的體驗感受,確保產品邏輯的流程可以跑得通,甚至跑得順、跑得精彩。正如一千個人眼里有一千個哈姆雷特,一個設計問題往往也沒有唯一解。UX 設計師會深入場景,探索多種不同的解決方案,這種深入思考通常能產生創新方案。

一般而言,UX設計師使用一些用戶研究方法 & 設計方法作為輔助,通過現場觀察、可用性測試、用戶訪談等用戶研究方法了解用戶使用行為,發現產品體驗問題。

說到這里,會發現國外 UX 設計師也在做用研,有木有? 而國內這一點上其實除了有完整 UED 設計部門的較大互聯網公司(分工比較明確,UX 設計師很少會去做訪談相關內容,普遍都是用研童鞋來負責這一部分),創業公司和設計咨詢公司中的 UX 設計師基本上也都會兼顧用研;UX 設計師們通過頭腦風暴、角色扮演、故事版等設計方法探索設計機會點,向著創造出“最好的”用戶體驗目標而前進,典型案例就是為新用戶設計一套令人愉悅的登錄流程。

總的來講,UX設計師是設計人與信息產品的流程和關系,歸根結底都要研究人、事、物的聯系,它是一個囊括計算機工程、心理學、設計的交叉學科。

“進行利益相關者訪談、用戶訪談,挖掘用戶需求,提煉用戶任務流;完整體驗不同產品,挖掘交互設計模式,設計交互模式,撰寫交互設計稿,并最終形成交互設計規范/UIspec;跟進視覺設計和開發,確保產品正常上線” 這可能就是UX設計師日常事項。

對于UX設計師,你可能會聽到他們很自然的說:“我們應該在用戶登錄成功后展示一個感謝頁面?!?/p>

設計產出物 :流程圖,網站地圖,故事版,交互設計原型圖(線框圖),UIspec ,交互設計規范

工具:axure,OmniGraffle,Visio,Sketch,Illustrator,Fireworks,InVision,PPT,Keynote,Photoshop

tz20151012 (1)

來自一位 UX 設計師(Neway Lau on Dribbble)的應用界面案例。

視覺設計師

說起視覺設計師,通常會聯想到“扣像素”的處女座,相比于UX設計師梳理流程、組織信息架構等內容,他們更在意精美的圖標、按鈕等視覺元素以及合適的排版。視覺設計師經常在 Photoshop 中 4x 到 8x 的縮放級別中操作,細致刻畫容易忽略的小細節。

一般國內而言,諸如UI設計師、GUI設計師、運營設計師、平面設計師等名稱各異的設計師頭銜,在不同場合也都被稱為視覺設計師。聽到這里,是不是已經開始迷失在這些形形色色的概念里呢,下面就讓我一一來解密這些設計師吧。

1. UI 設計師 / GUI設計師

UI,英文為User Interface,指的是用戶界面,也就是人與機器互動的界面??梢岳斫鉃閁X的一個分支,不同于 UX 設計師需要關注產品的整體感覺,UI 設計師更關注產品以怎樣的界面呈現。其實互聯網領域中,UI 和 UX 設計師的界限相當模糊,在很多創業公司,這兩個設計角色是合二為一的。

國內而言,目前一般把屏幕上顯示的圖形用戶界面(GUI :Graphic User Interface)都簡單稱為UI。我們經常聽到的UI設計師,其實指的是GUI設計師,也就是圖形界面視覺設計師,負責產品或網站的圖形、圖標、色彩、視覺風格等,決定營造出什么樣的視覺體驗。從視覺層面把控產品界面設計,確保UI稿在視覺上清晰的傳達UX設計師的交互設計稿,也就是高保真視覺稿。

舉個栗子,在設計一個數據分析界面時, UI 設計師可以決定使用滑塊還是控制旋鈕,通過這樣的控件來闡述圖表帶來的直觀感受。此外 UI 設計師還負責制定視覺設計規范,確保產品設計的一致性;在規范中,明確一些UI 控件/組件的使用行為,比如錯誤或警告提示。

“熟悉不同分辨率的多端產品,諸如桌面端,Web 端和手機設備;能夠完成高質量的視覺設計稿——從概念設計確定設計風格到詳細設計,設計內容包括圖標、圖形界面等;執行統一的設計語言,撰寫并完善網站的設計規范,為產品注入美和生活氣息?!?這可能就是UI設計師日常事項啦。

對于UI設計師,你可能會聽到他們很自然的說:“登錄和注冊鏈接應該移到右上角”、“這個字距不行,那個按鈕應該向左移動 1 像素!”

設計產出物 :視覺設計稿,視覺設計標注規范 ,視覺設計規范文檔,視覺切圖

工具:Photoshop,Sketch,Illustrator,Fireworks,markman(視覺標注軟件)

tz20151012 (2) tz20151012 (3)

2. 平面設計師

平面設計師,應該可以說是設計師的起源,經常被稱為美工,有時冠以品牌設計師或運營設計師頭銜。在UI設計師、UX設計師等新興設計頭銜誕生前,視覺設計師其實等同于平面設計師。平面設計師從事的設計項目,具體來講包含網頁設計、包裝設計、DM廣告設計、海報設計、平面媒體廣告設計、POP廣告設計、樣本設計、書籍設計、刊物設計、VI設計等,也就是各個行業都需要平面設計師,以達到提升品牌形象等作用。逼格點說,平面設計師骨子里就是玩意境的~~

近年來由于互聯網催生的UI設計師熱潮,越來越多的平面設計師轉行為UI設計師。因為初級的UI就是平面設計的一個延續,再加上扁平化風格的流行趨勢,真真是對了平面設計師的技能樹,要知道平面設計師對于顏色、造型、排版等都是熟手中的熟手。

但需要注意的是平面設計師的設計——logo、海報等,更偏情感創意類,往往是天馬行空的視覺創意思維,更強調感性,通過設計讓用戶產生情感觸動,提升品牌價值;而UI設計師的設計——更偏向于產品類,基于用戶需求,根據目標用戶的喜好,探索設計風格,進行界面布局,歸根到底UI設計師兼顧感性的同時更偏理性,通過解決問題獲取更好地體驗。

因此建議想轉行的平面設計師可以了解一些關于界面、產品等入門知識,諸如ios\Android的各種設計規范、移動應用UI設計模式、about face 3等;也可以多多把玩手機中的有趣應用,試著理解分析下。

互動設計師(動效設計師)

每次說起互動設計師,我都無比糾結該怎么說明,英文是interaction designer,是不是覺得也可以翻譯為交互設計師呢,是不是又陷入了傻傻分不清的迷霧呢。 我覺得產生這個疑問的原因,其實是國內國外行情的不同,在國外interaction designer 真的就是互動設計師,而不是國內翻譯過來理解的交互設計師,而國內我們經常說的交互設計師其實在國外被稱為UX設計師。

感覺自己又繞進去啦,你明白了嗎?下面還是以實際案例來闡述什么是互動設計師吧,至于什么是國內的交互設計師詳情可看“UX設計師”段落。

刷新 iPhone 手機郵箱應用時,還記得那個流暢平滑的轉場動效嗎?它就是出自互動設計師之手。不同于視覺設計師設計靜態界面元素,互動設計師擅長將創意概念轉化為有視覺沖擊力的互動作品,比如用流暢動效,模擬用戶操作界面過程。舉個例子,一個應用的菜單怎樣滑入、使用哪種轉場效果以及按鈕如何調起,互動設計師將其概念實現為有視覺沖擊力的互動模型。

“精通圖形設計、動態圖形和數字藝術;對排版和色彩高度敏感;對材質和結構有所了解,并能夠控制動態效果;了解 iOS,OS X,Photoshop 和 Illustrator ,同時能夠熟練使用 Director(或同類工具),Quartz Composer(或同類工具),3D 計算模型進行動效圖形設計”這可能就是成為互動設計師的必備技能了

對于互動設計師,你可能會聽到他們很自然的說:“這個菜單應該從左側淡入,時間為 800ms?!?/p>

設計產出物:互動作品,諸如gif格式圖片、視頻等

工具:AfterEffects,Quartz Composer,Flash,Origami

tz20151012 (1)

產品設計師

產品設計師又是一個寬泛的名詞,顧名思義就是設計產品的,根據實際的用戶/商業需求,設計實體/互聯網等各類產品,以滿足相應的用戶/商業需求、解決對應的問題。也就是說互聯網之前,產品設計師普遍研究人與環境的關系,提煉需求,設計實體產品,如家具產品、日用品等;而隨著互聯網浪潮來臨,互聯網領域的產品設計師,更多設計的是虛擬互聯網產品,如網頁、APP等。下面主要介紹互聯網領域的產品設計師。

簡單來講,產品設計師就是一個需要為產品視覺和體驗整體負責的設計師。

他的角色不易確定,并且不同的公司存在差異性。一個產品設計師可能會做少量的前端工作,組織用戶研究,設計用戶界面并且繪制視覺元素。由始至終,產品設計師都需明確待解決的問題,提出解決方案,然后設計、開發、測試,并不斷迭代更新。一些公司希望保證不同的設計角色之間可以流暢協作,所以設置了“產品設計師”這個職位來激勵整個設計團隊保持整體的用戶體驗,包括用戶研究、交互設計以及視覺設計。但其實大部分公司使用“UX 設計師”,甚至于僅使用“設計師”作為統稱。有時候簡單了解職位描述,可以讓你更容易理解公司中設計團隊是如何劃分職責的。

總的來講,產品設計師負責各個方面的體驗設計工作:用研、交互、視覺,確保能夠制作精確到像素的高保真原型,并且推動開發Web和移動端的新功能。

設計產出物:互聯網時代前:家具產品、日用品等;互聯網浪潮來臨:網頁、APP

用戶研究工程師(用戶研究專員)

“用研是用戶需求的捍衛者?!?/p>

用研的目標是回答這兩個緊密相關的問題:“你的用戶是哪些? 你的用戶需求是什么?”。通常,用研需要訪談用戶,挖掘龐大的商業數據,收集并整理在其中的發現,如可用性測試、焦點小組、數據分析等。我們都知道設計是一個持續迭代的過程,所以用研們通過組織A/B 測試來篩選更符合用戶需求的設計方案。一般而言,用研通常都是大公司的支柱,因為在大公司中才可以接觸到足量的數據,有充足的機會統計顯著的結論。

用戶研究員,通常與產品團隊共同明確調查目標;設計研究方案,設法了解用戶行為與態度;能夠使用大量的定性研究和少量的定量研究(比如調查問卷)來組織用戶研究。UX 設計師偶爾也會兼顧下用研的角色的。

你可能會聽到他們很自然的說:“從我們的調查可以看出,一個典型用戶應該blabla?!?/p>

研究產出物:用戶畫像,A/B 測試報告,可用性測試報告,專家評估報告,焦點小組報告,用戶訪談報告,數據分析報告等

工具:Mic,Paper,Docs,PPT,Keynote,Excel,SPSS

此文為兩位譯者根據原文,結合國內實際情況修改、整理出的成果,較原文有較大改動。

原文作者|Lo Min Ming ? ?翻譯|滕玥 ? ?校對|小王子Mayday

譯者微信公眾號:

tzqr

【基礎知識小科普系列】

新手最迷糊的圖層混合模式:
《新手科普教程!教你掌握27種圖層混合模式的用法》

HDR、移軸攝影、長曝光都是什么鬼?
《新人入門教材!風光后期術語全方位科普(一)》

交互設計師都得得懂的:
《基礎知識小科普!4個最常見的APP概念區分及比較》

【優設網 原創文章 投稿郵箱:2650232288@qq.com】

================關于優設網================
“優設網uisdc.com“是國內人氣最高的網頁設計師學習平臺,專注分享網頁設計、無線端設計以及PS教程。
【特色推薦】
設計師需要讀的100本書:史上最全的設計師圖書導航:http://hao.uisdc.com/book/。
設計微博:擁有粉絲量102萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com

點贊
收藏 4

發表評論 快來秀出你的觀點

還可以輸入 800 個字
 
 
載入中....
相關推薦
評論 收藏