UI （User Interface踢京，亦稱用戶界面）與 UX （User Experience誉碴，亦稱用戶體驗(yàn)）有什么不同宦棺？由 UI 與 UX 產(chǎn)業(yè)專家們所成立的組織Conversion Lab 瓣距，整理了網(wǎng)路上常見(jiàn)的 UI 與 UX 差異圖，一圖勝千言代咸，讓我們用這些圖蹈丸，來(lái)看一下 UI 與 UX 不同之處吧！已經(jīng)了解差異的讀者也可以數(shù)數(shù)看呐芥，自己曾經(jīng)看過(guò)的圖有幾張逻杖。

1. 以番茄醬瓶來(lái)比喻UI ， UX 是考慮到番茄醬快用完時(shí)思瘟，很難倒出的使用情境荸百，因此倒過(guò)來(lái)的番茄醬瓶設(shè)計(jì)。

UI針對(duì)產(chǎn)品做設(shè)計(jì)滨攻，UX則是針對(duì)使用者經(jīng)驗(yàn)進(jìn)行設(shè)計(jì)够话。 （Copyright?Techtic）

2. 從定義來(lái)解釋 UI 與 UX 之間的差異，兩者定義有很大的不同光绕。 UI 考慮的是“產(chǎn)品如何呈現(xiàn)”女嘲，UX考慮的是“產(chǎn)品如何被使用”。

UI 考慮產(chǎn)品呈現(xiàn)方式诞帐，UX考慮產(chǎn)品與使用者之間的互動(dòng)欣尼。（Copyright?Deptofmarketing）

3. 從專業(yè)分工的角度來(lái)說(shuō)明差別，可以看出負(fù)責(zé)的部分哪些相同停蕉、哪些不同愕鼓。而兩者最大的重疊處在互動(dòng)設(shè)計(jì)（Interaction Design）钙态。

UI 負(fù)責(zé)前端設(shè)計(jì)、互動(dòng)設(shè)計(jì)以及視覺(jué)設(shè)計(jì)菇晃； UX負(fù)責(zé)資訊設(shè)計(jì)驯绎、互動(dòng)設(shè)計(jì)以及研究。 （Copyright?Asinthecity）

4. 從UI 設(shè)計(jì)師與UX設(shè)計(jì)師來(lái)看差別谋旦。這張圖比較復(fù)雜剩失，但基本上還是看得出差異。 UI設(shè)計(jì)師主要依據(jù)客戶要求做設(shè)計(jì)册着，UX設(shè)計(jì)師會(huì)研究使用者需要來(lái)做設(shè)計(jì)拴孤。相同之處很明顯， 都是留著大胡子的胖子甲捏。

UI設(shè)計(jì)師以視覺(jué)設(shè)計(jì)為原則演熟，UX設(shè)計(jì)師以人為核心進(jìn)行設(shè)計(jì)。 （Copyright?Abdevlabs）

5. 從工作內(nèi)容來(lái)解釋差異司顿，UI工作項(xiàng)目可能集中在互動(dòng)設(shè)計(jì)芒粹、平面設(shè)計(jì)、圖像主題表現(xiàn)大溜、視覺(jué)設(shè)計(jì)化漆，UX 的工作內(nèi)容范圍卻可能包含田野調(diào)查（了解使用者需求），甚至與研發(fā)團(tuán)隊(duì)合作钦奋。雖然 UX 的范圍很廣座云，但很少人可以精通全部，幾乎沒(méi)有付材。

UI與UX負(fù)責(zé)的工作內(nèi)容朦拖，可看出UX的工作范疇比較廣。 （Copyright?Uxinterface）

6. 用兩者基本的工作項(xiàng)目來(lái)區(qū)分厌衔，UX 設(shè)計(jì)師負(fù)責(zé)易用性測(cè)試（Usabilty Testing）璧帝、使用者故事（User Story）、使用者研究（User Research）富寿、用戶體驗(yàn)（Personas）睬隶；UI 設(shè)計(jì)師負(fù)責(zé)呈現(xiàn)（Lay Out）、視覺(jué)設(shè)計(jì)（Visua Design）作喘、品牌化（Branding）理疙。但 UI 有沒(méi)有專職的品牌設(shè)計(jì)， 就看每家公司對(duì)職位的安排了泞坦。

除了各別工作項(xiàng)目外窖贤， UI 與UX 設(shè)計(jì)師共同的工作是繪制線框稿。 （Copyright?Thecdm）

7. 從產(chǎn)品的角度看 UI 與 UX，UI 是產(chǎn)品的一部份赃梧，UX 是使用產(chǎn)品的體驗(yàn)滤蝠。

以腳踏車比喻UI，則UX就是使用者騎乘腳踏車的體驗(yàn)授嘀。 （Copyright?Userexperiencerocks）

8. UI 設(shè)計(jì)著重“功能”物咳，易用性設(shè)計(jì)（Usability design）著重“行為”，UX設(shè)計(jì)著重“情感”蹄皱。

UX設(shè)計(jì)不只提供功能览闰，更重視“情感”。 （Copyright?Strategyanddesign）

9. UI 是用來(lái)取用內(nèi)容（Content）的工具巷折。以谷片比喻內(nèi)容压鉴，湯匙比喻UI，使用 UI 吃完內(nèi)容的體驗(yàn)是 UX锻拘。

UI 是取用內(nèi)容的工具油吭，UX是享用內(nèi)容的體驗(yàn)。 （Copyright?Icarehealth）

10. Conversion Lab 也畫了一張圖來(lái)說(shuō)明 UI 與 UX 的差異署拟。

UI 在使用者的眼前婉宰，UX 在使用者的大腦里。 （Copyright?Conversion Lab）

UI 在使用者的眼前推穷，UX 在使用者的大腦里心包。 UX 設(shè)計(jì)師不僅關(guān)注介面設(shè)計(jì)，更關(guān)心所有會(huì)影響使用體驗(yàn)的一切缨恒，例如資訊架構(gòu)谴咸、互動(dòng)設(shè)計(jì)、內(nèi)容（Content）骗露、使用者的認(rèn)知、經(jīng)驗(yàn)血巍、需求萧锉、價(jià)值觀。

當(dāng)UI 設(shè)計(jì)師設(shè)計(jì)完介面之后述寡，對(duì)UX 設(shè)計(jì)師來(lái)說(shuō)柿隙，工作還沒(méi)完成，UX 設(shè)計(jì)師最終的工作是在使用者的大腦里完成的鲫凶，所以UX 設(shè)計(jì)師永遠(yuǎn)看不到自己的工作成果禀崖，只能透過(guò)使用者訪談或定性定量UX 研究方法，去檢視使用者腦袋里的體驗(yàn)是否正確螟炫。

UI 是產(chǎn)品設(shè)計(jì)的一部份波附，而UX不完全只受產(chǎn)品影響。 （Copyright?Conversion Lab）

當(dāng)UI 設(shè)計(jì)師設(shè)計(jì)完介面之后，對(duì)UX 設(shè)計(jì)師來(lái)說(shuō)掸屡，工作還沒(méi)完成封寞，UX 設(shè)計(jì)師最終的工作是在使用者的大腦里完成的，所以UX 設(shè)計(jì)師永遠(yuǎn)看不到自己的工作成果仅财，只能透過(guò)使用者訪談或定性定量UX 研究方法狈究，去檢視使用者腦袋里的體驗(yàn)是否正確。

有人會(huì)說(shuō)設(shè)計(jì) UI 不就是在設(shè)計(jì) UX 嗎盏求？如果 User 的體驗(yàn)只被 UI 影響抖锥，那或許可以說(shuō)設(shè)計(jì) UI 就等于設(shè)計(jì) UX，但使用者手上拿的不是 UI碎罚，而是產(chǎn)品宁改，UI 是產(chǎn)品設(shè)計(jì)的一部份。體驗(yàn)也不完全只受產(chǎn)品影響魂莫，還會(huì)受到使用產(chǎn)品時(shí)當(dāng)下的使用情境以及使用者對(duì)品牌的印象等等其他與體驗(yàn)相關(guān)的事影響还蹲。以上就是 Conversion Lab 整理的 UI＆UX 的差別圖。

Conversion Lab

Conversion Lab 是由一群對(duì)用戶體驗(yàn)設(shè)計(jì)抱有熱忱的產(chǎn)業(yè)專家創(chuàng)立耙考，希望藉由優(yōu)化用戶體驗(yàn)谜喊，進(jìn)而提升轉(zhuǎn)換率，為事業(yè)與網(wǎng)站帶來(lái)巨大成效倦始。

Hans Shih

主要工作為用戶體驗(yàn)研究與設(shè)計(jì)斗遏、網(wǎng)站易用性與數(shù)據(jù)分析。期盼自己能成為一位優(yōu)秀的 Designer & Researcher鞋邑，就像互動(dòng)設(shè)計(jì)提倡者 Alan Cooper 強(qiáng)調(diào)的一樣诵次，設(shè)計(jì)師必須成為 UX Researcher，才能有效地將從使用者身上得到的見(jiàn)解枚碗，落實(shí)在設(shè)計(jì)里面逾一。