http://www.inside.com.tw/2016/01/31/ui-vs-ux-whats-the-difference
UI 與 UX 有什麼不同？Conversion Lab 整理了網(wǎng)路上常見的 UI 與 UX 差異圖，一圖勝千言，讓我們用這些圖來看一下 UI & UX 不同之處吧，已經(jīng)了解差異的讀者也可以來數(shù)數(shù)看自己曾經(jīng)看過的圖有幾張。
1. 倒過來的蕃茄醬瓶設(shè)計(jì)，考慮到番茄醬快用完時(shí)很難倒出的使用情境戈鲁。
2. 從定義來解釋 UI 與 UX 之間的差異，兩者定義有很大的不同
3. 從專業(yè)分工的角度來說明差別嘹叫，可以看出負(fù)責(zé)的部分哪些相同婆殿，哪些不同。
4. 這張圖比較複雜罩扇，但基本上還是看得出差異婆芦。相同之處很明顯， 都是留著大鬍子的胖子
下面這張圖跟上面那張是同一張喂饥，只是畫風(fēng)不一樣消约，從設(shè)計(jì)師們從大鬍胖子變成花美男
5. 從工作項(xiàng)目來解釋差異，雖然 UX 的範(fàn)圍很廣员帮，但很少人可以精通全部或粮，幾乎沒有。
6. 這張圖的分法有點(diǎn)奇怪捞高，但畢竟是大整理氯材，還是整理起來給讀者參考一下。
7. 用兩者基本的工作項(xiàng)目來區(qū)分棠枉，但 UI 有沒有專職 Branding 就看每家公司對(duì)職位的設(shè)計(jì)了
8. 從產(chǎn)品的角度看 UI 與 UX浓体，UI 是產(chǎn)品的一部份泡挺，UX 是使用產(chǎn)品的體驗(yàn)
9. UI Design：功能辈讶。Usability design：動(dòng)作。User Experience Design：情感
10. UI 是用來取用 Content 的工具娄猫，使用者使用 UI 吃完 Content 的體驗(yàn)是 UX
Conversion Lab 也畫了一張圖來說明 UI 與 UX 的差異贱除。
UI 在使用者的眼前生闲，UX 在使用者的大腦裡。UX 設(shè)計(jì)師不僅關(guān)注介面設(shè)計(jì)月幌，更關(guān)心所有會(huì)影響使用體驗(yàn)的一切碍讯，例如資訊架構(gòu)、互動(dòng)設(shè)計(jì)扯躺、Content捉兴、使用者的認(rèn)知、經(jīng)驗(yàn)录语、需求倍啥、價(jià)值觀。當(dāng) UI 設(shè)計(jì)師設(shè)計(jì)完介面之後澎埠，對(duì) UX 設(shè)計(jì)師來說工作還沒完成虽缕，UX 設(shè)計(jì)師最終的工作是在使用者的大腦裡完成的，所以 UX 設(shè)計(jì)師永遠(yuǎn)看不到自己的工作成果蒲稳，只能透過使用者訪談或定性定量 UX 研究方法氮趋，去檢視使用者腦袋裡的體驗(yàn)是否正確。
有人會(huì)說設(shè)計(jì) UI 不就是在設(shè)計(jì) UX 嗎江耀？剩胁，如果 User 的體驗(yàn)只被 UI 影響，那或許可以說設(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 的差別圖扩借。
