本文轉(zhuǎn)載自 Conversion Lab灌危，Inside 獲授權(quán)刊登。Conversion Lab 是由一群對體驗設(shè)計抱有熱忱的產(chǎn)業(yè)專家創(chuàng)立碳胳。希望藉由優(yōu)化使用者經(jīng)驗勇蝙，進而提升轉(zhuǎn)換率，為事業(yè)與網(wǎng)站帶來巨大成效挨约。Conversion Lab 的成員來自不同背景味混，包含使用者研究、視覺設(shè)計師诫惭、使用者中心設(shè)計顧問翁锡、前端工程師、網(wǎng)站經(jīng)理等夕土；融合中國馆衔、北歐、臺灣怨绣、日本角溃、新加坡的市場實戰(zhàn)經(jīng)驗。藉著分享知識篮撑、觀點與實作技巧减细，期望對華語圈的使用者經(jīng)驗設(shè)計資訊品質(zhì)有所貢獻。
UI 與 UX 有什麼不同赢笨？Conversion Lab 整理了網(wǎng)路上常見的 UI 與 UX 差異圖未蝌，一圖勝千言，讓我們用這些圖來看一下 UI & UX 不同之處吧茧妒，已經(jīng)了解差異的讀者也可以來數(shù)數(shù)看自己曾經(jīng)看過的圖有幾張萧吠。
1. 倒過來的蕃茄醬瓶設(shè)計，考慮到番茄醬快用完時很難倒出的使用情境桐筏。
ketchup1Source：Techtic
2. 從定義來解釋 UI 與 UX 之間的差異怎憋，兩者定義有很大的不同
Source：Deptofmarketing
3. 從專業(yè)分工的角度來說明差別，可以看出負責(zé)的部分哪些相同，哪些不同绊袋。
Source：Asinthecity
4. 這張圖比較複雜毕匀，但基本上還是看得出差異。相同之處很明顯癌别， 都是留著大鬍子
Source：Abdevlabs
下面這張圖跟上面那張是同一張皂岔，只是畫風(fēng)不一樣，從設(shè)計師們從大鬍胖子變成花美男
Source：Uxdesigner21
5. 從工作項目來解釋差異展姐，雖然 UX 的范圍很廣躁垛，但很少人可以精通全部，幾乎沒有圾笨。
Source：Uxinterface
6. 這張圖的分法有點奇怪教馆，但畢竟是大整理，還是整理起來給讀者參考一下擂达。
Source：Linkis
7. 用兩者基本的工作項目來區(qū)分土铺，但 UI 有沒有專職 Branding 就看每家公司對職位的設(shè)計了
Source：Thecdm
8. 從產(chǎn)品的角度看 UI 與 UX，UI 是產(chǎn)品的一部份板鬓，UX 是使用產(chǎn)品的體驗
Source：Userexperiencerocks
9. UI Design：功能悲敷。Usability design：動作。User Experience Design：情感
Source：Strategyanddesign
10. UI 是用來取用 Content 的工具俭令，使用者使用 UI 吃完 Content 的體驗是 UX
Source：Icarehealth
Conversion Lab 也畫了一張圖來說明 UI 與 UX 的差異后德。
UI 在使用者的眼前，UX 在使用者的大腦裡抄腔。UX 設(shè)計師不僅關(guān)注介面設(shè)計瓢湃，更關(guān)心所有會影響使用體驗的一切，例如資訊架構(gòu)赫蛇、互動設(shè)計绵患、Content、使用者的認知棍掐、經(jīng)驗、需求拷况、價值觀作煌。當(dāng) UI 設(shè)計師設(shè)計完介面之后，對 UX 設(shè)計師來說工作還沒完成赚瘦，UX 設(shè)計師最終的工作是在使用者的大腦裡完成的粟誓，所以 UX 設(shè)計師永遠看不到自己的工作成果，只能透過使用者訪談或定性定量 UX 研究方法起意，去檢視使用者腦袋裡的體驗是否正確鹰服。
有人會說設(shè)計 UI 不就是在設(shè)計 UX 嗎？，如果 User 的體驗只被 UI 影響悲酷，那或許可以說設(shè)計 UI 就等于設(shè)計 UX套菜，但使用者手上拿的不是 UI，而是產(chǎn)品设易，UI 是產(chǎn)品設(shè)計的一部份逗柴。體驗也不完全受產(chǎn)品影響，還會受到使用產(chǎn)品時當(dāng)下的使用情境以及使用者對品牌的印象等等其他與體驗相關(guān)的事影響顿肺。
以上就是 Conversion Lab 為您整理的 UI＆UX 的差別圖戏溺。
非特殊說明，文章歸原作者所有屠尊，轉(zhuǎn)載請注明出處
