5分鐘讓你知道UI設計和UX設計到底有什麼區別?

自UX一詞從國外傳入以來就被新老設計師競相追捧,彷彿在設計界使用UX一詞就能成為「逼格頗高」的弄潮兒。眾多開發、設計大拿在其產品發佈會上大談UX,實際上卻在展示UI特徵。專業圈尚且如此,恐怕這樣的混淆會由於UX、UI界限的模糊越來越深。即使在原型設計階段,哪怕只是用Mockplus搭建一個小站或App,UX、UI都是不可繞過的方面,更不必談大型項目了。那麼我們掛在嘴邊的UX、UI到底該如何區分呢?

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

UX的定義

到底什麼是UX?優秀的UX設計更關注產品的交互層面,即產品以何種方式展現給用戶,例如面板是如何彈出的?用戶對面板彈出會作何反應?用戶在產品中的點擊熱點在哪兒?UX設計的過程更多在於內容和網站地圖搭建。

細細體味你腦海中正在形成的UX的基本概念,想必你已經發現UX和UI最顯而易見的區別—UX所有人都熱衷於使用熱詞,但如果你正在談論的是網頁佈局、配色或之類的事,請不要再冠以UX之名了。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

UI的定義

更進一步講,在某種程度上UI只是UX的一小部分。ui設計的側重點在於配色與排版。如果我們需要設計一個按鈕,UI設計師就會對這個按鈕的視覺層面進行設計,即按鈕的形狀、大小、顏色等。而UX設計師則會從尋找用戶需求和解決痛點的角度出發來考慮如何放置這個按鈕。所以,如果下次你聽到有人大談“用Silverlight4重新定義UX設計”或“ HTML5,、CSS3 、Jquery大師的UX設計之路”時,你儘可以一笑而過。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

UI和UX兩者的區別

1. UI 設計師

UI,指的是用戶界面,也就是人與機器互動的界面。同時又有GUI和WUI之分,不過一般的話統稱是ui設計師。

在PC端從事網頁設計,我們稱呼WUI設計師或者網頁設計師。

在移動端,從事移動設計的稱呼為GUI設計師。

而UI可以理解為UX的一個分支,不同於UX 設計師需要關注產品的整體感覺,UI 設計師更關注產品以怎樣的界面呈現。

其實互聯網領域中,UI 和 UX 設計師的界限相當模糊,在很多創業公司,這兩個設計角色是合二為一的。這個就是為什麼很多中小型的公司為什麼要求UI設計會交互,或者交互又要懂UI的原因。

熟悉不同分辨率的多端產品,諸如桌面端,Web 端和手機設備;能夠完成高質量的視覺設計稿--從概念設計確定設計風格到詳細設計。

設計內容包括圖標、圖形界面等;執行統一的設計語言,撰寫並完善網站的設計規範,為產品注入美和生活氣息。” 這可能就是UI設計師日常事項啦。

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

用的比較多的工具:Photoshop,Sketch,Illustrator,Fireworks,markman(視覺標註軟件),cutterman。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

2. UE 設計師

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

UX 設計師主要關注用戶對產品的體驗感受,確保產品邏輯的流程可以跑得通,甚至跑得順、跑得精彩。

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

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

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

用的比較多的工具:axure,Visio,Sketch,Illustrator,Fireworks,InVision,PPT,Keynote,Photoshop。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

舉個栗子有趣的香水定律

在UI、UX的博弈中,曾有人用香水定律來弱化UX:如果你是一個以賣香水為生的商人,而你賣的香水卻奇臭無比,這種情況下,世界上最優秀的用戶體驗設計師對此也無能為力,用戶體驗也就無從談起了。

真的是這樣麼?不一定。羅永浩的錘子T1手機想必各位都有所耳聞。不出所料,這部“東半球最好用”的手機不出一個月就經常卡頓。手機發熱問題極其嚴重且無法同時運行三個以上App。然而回想起來,是什麼操縱了我當時的購買行為?又是什麼為錘子贏得了6萬的出貨量?是體驗。我們都無法拒絕九宮格桌面的體驗,與此同時像定時靜音這種細節處理又牢牢地抓住了我們的心。這樣的UX設計驚豔之處想必才是錘子的生存之道。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

UI和UX工作責職的區別

從專業分工來看,UX和UI的工作內容有不同之處,但也有重合的部分。

UI 關注產品功能,UX關注用戶情感。

UI 則是佈局設計,視覺設計,品牌形象。UX 職責包括用戶畫像,用戶故事,用戶調研,可用性測試。連接兩者的是線框圖。

UI 涉及人機交互、工業設計、視覺和聲音設計等。而 UX 則包含信息架構、內容策略在內的更多部分,他需要從整體動態流程上考慮產品是否能解決用戶的問題。UI 屬於 UX 的一部分。

UI 設計重心則是色彩、排版等視覺方面。UX 設計以用戶為中心,關注任務流和使用場景。相似之處是兩人都留著大鬍子。

UI 是你使用的部分,而 UX 是在你使用時的感受。

UI 設計師關注按鈕的顏色,考慮的是視覺的部分,是產品看起來如何。而 UX 設計師則關注按鈕放置的位置是否合適,最終出發點是用戶的感受 ,想要弄清楚人類想要使用的是什麼,解決用戶痛點。

5分鐘讓你知道UI設計和UX設計到底有什麼區別?

新鮮的東西總是顯得誘人。每個人都喜歡熱詞帶給自己的一時的專業感,但其實這種虛假的高人一等是極其危險的。這種定義上的細微誤解正在設計圈的招聘流程中被無限地放大。企業與人才的準確對接正因此變得愈加困難。在此呼籲:正確用詞,人人有責。如果我們希望顯得專業,至少把UX/UI用對吧。

這次就分享這麼多了,在這邊給大家分享一些UI設計軟件

的網址:http://blog.sina.com.cn/s/blog_17251ce000102xbut.html

詳情請看職業研學社

5分鐘讓你知道UI設計和UX設計到底有什麼區別?


分享到:


相關文章: