UI、UX 傻傻分不清?11 张图让你秒懂!

UI 与 UX 有什么不同?Conversion Lab 整理了网路上常见的 UI 与 UX 差异图，一图胜千言，让我们用这些图来看一下 UI & UX 不同之处吧，已经了解差异的读者也可以来数数看自己曾经看过的图有几张。

1. 倒过来的蕃茄酱瓶设计，考虑到番茄酱快用完时很难倒出的使用情境。

Source：Techtic

2. 从定义来解释 UI 与 UX 之间的差异，两者定义有很大的不同

Source：Deptofmarketing

3. 从专业分工的角度来说明差别，可以看出负责的部分哪些相同，哪些不同。

Source：Asinthecity

4. 这张图比较复杂，但基本上还是看得出差异。相同之处很明显， 都是留着大鬍子的胖子

Source：Abdevlabs

下面这张图跟上面那张是同一张，只是画风不一样，从设计师们从大鬍胖子变成花美男

Source：Uxdesigner21

5. 从工作项目来解释差异，虽然 UX 的範围很广，但很少人可以精通全部，几乎没有。

Source：Uxinterface

6. 这张图的分法有点奇怪，但毕竟是大整理，还是整理起来给读者参考一下。

Source：Linkis

7. 用两者基本的工作项目来区分，但 UI 有没有专职 Branding 就看每家公司对职位的设计了

Source：Thecdm

8. 从产品的角度看 UI 与 UX，UI 是产品的一部份，UX 是使用产品的体验

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 设计师不仅关注介面设计，更关心所有会影响使用体验的一切，例如资讯架构、互动设计、Content、使用者的认知、经验、需求、价值观。当 UI 设计师设计完介面之后，对 UX 设计师来说工作还没完成，UX 设计师最终的工作是在使用者的大脑裡完成的，所以 UX 设计师永远看不到自己的工作成果，只能透过使用者访谈或定性定量 UX 研究方法，去检视使用者脑袋裡的体验是否正确。

有人会说设计 UI 不就是在设计 UX 吗?，如果 User 的体验只被 UI 影响，那或许可以说设计 UI 就等于设计 UX，但使用者手上拿的不是 UI，而是产品，UI 是产品设计的一部份。体验也不完全受产品影响，还会受到使用产品时当下的使用情境以及使用者对品牌的印象等等其他与体验相关的事影响。