隨著互聯(lián)網(wǎng)的迅猛發(fā)展憋槐，UI 設(shè)計(jì)這個(gè)職位一度變得熾手可熱双藕，而 UX 也開(kāi)始逐漸為人熟知淑趾，隨著互聯(lián)網(wǎng)對(duì)設(shè)計(jì)的要求提升阳仔，行業(yè)越來(lái)越需要更全能的人才，所以 UI扣泊、UX 的界限越來(lái)越模糊近范，我們可以看到很多人給自己的定位就是 UI/UX。如果非要細(xì)分的話延蟹，那他們有什么區(qū)別呢评矩？
丨先來(lái)看一下定義
UI、（User Interface）即用戶界面阱飘，是系統(tǒng)和用戶之間進(jìn)行交互和信息交換的媒介斥杜，它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。
UX/UE(User Experience Design）用戶體驗(yàn)設(shè)計(jì)（國(guó)內(nèi)一般叫交互設(shè)計(jì)沥匈，在國(guó)內(nèi)兩者沒(méi)有實(shí)際性區(qū)別）蔗喂，是以用戶為中心的一種設(shè)計(jì)手段，以用戶需求為目標(biāo)而進(jìn)行的設(shè)計(jì)高帖。設(shè)計(jì)過(guò)程注重以用戶為中心缰儿，用戶體驗(yàn)的概念從開(kāi)發(fā)的最早期就開(kāi)始進(jìn)入整個(gè)流程，并貫穿始終散址。
丨用幾張圖簡(jiǎn)單對(duì)比下兩者在工作過(guò)程中的區(qū)別乖阵。
我們拿一瓶番茄醬舉例，UI 關(guān)注的是產(chǎn)品本身预麸，包括外形以及品牌辨識(shí)度瞪浸；而 UX 則更多的要考慮用戶體驗(yàn)和使用情境，比如最右邊是可用性測(cè)試吏祸，通過(guò)測(cè)試發(fā)現(xiàn)問(wèn)題并不斷地對(duì)產(chǎn)品體驗(yàn)進(jìn)行調(diào)整和修正对蒲。
在如今很熱的情感化方面對(duì)比，UI 關(guān)注的是產(chǎn)品功能以及外形（還是外形）犁罩，UX 關(guān)注更關(guān)注的是用戶情感齐蔽。
UI 是你使用的產(chǎn)品的整體形象，而 UX 更在意你使用這個(gè)產(chǎn)品時(shí)的感受床估。
如果把產(chǎn)品比作人體的話含滴，那么 UI 就是身體外貌，UX 則是骨架丐巫。
從工作分工來(lái)看谈况，UX 職責(zé)包括用戶畫(huà)像勺美，用戶故事，用戶調(diào)研碑韵，可用性測(cè)試赡茸；而 UI 則是布局設(shè)計(jì)，視覺(jué)設(shè)計(jì)祝闻，品牌形象占卧。連接兩者的是線框圖。
從網(wǎng)頁(yè)設(shè)計(jì)方面來(lái)看联喘，UI 是指網(wǎng)頁(yè)布局的方式华蜒，而 UX 關(guān)注網(wǎng)站的交互部分，是對(duì)產(chǎn)品和服務(wù)的綜合體驗(yàn)豁遭，UX可以包含很多叭喜，從網(wǎng)站地圖到內(nèi)容架構(gòu)。好的用戶體驗(yàn)不能只停留在介面表層的交互與美觀部分蓖谢，而應(yīng)該是有連貫流暢的流程捂蕴。
UX 設(shè)計(jì)以用戶為中心，注重任務(wù)流和使用場(chǎng)景闪幽。UI 設(shè)計(jì)重心則是色彩啥辨、排版等視覺(jué)方面。
再細(xì)化到一個(gè)按鈕控件來(lái)看沟使，UI 設(shè)計(jì)師關(guān)注的是按鈕的顏色委可，考慮的是視覺(jué)的部分，是產(chǎn)品看起來(lái)如何腊嗡。而 UX 設(shè)計(jì)師則關(guān)注按鈕放置的位置以及大小是否合適着倾，最終出發(fā)點(diǎn)是用戶的感受 ，要解決的是用戶痛點(diǎn)燕少。
在全棧人才需求越來(lái)越高的今天卡者，很多 UI 其實(shí)很需要考慮 UX 的工作，而會(huì)做 UI 的 UX 更是越來(lái)越多客们。UX 和 UI 設(shè)計(jì)師的界限變得越來(lái)越模糊崇决，一個(gè)好的設(shè)計(jì)師不應(yīng)該只關(guān)細(xì)節(jié)部分，而是著眼整體和全局底挫，只為打造以用戶為中心的最佳產(chǎn)品體驗(yàn)恒傻。
文章首發(fā)于「庖丁開(kāi)發(fā)」公眾號(hào)，每晚十點(diǎn)分享產(chǎn)品建邓、設(shè)計(jì)盈厘、開(kāi)發(fā)的干貨，歡迎拍磚官边。
