用一张图来说明UI与UX的差别

UI 与 UX 有什么不同？台湾UX知识分享网站Conversion Lab 整理了网络上常见的 UI 与 UX 差异图，一图胜千言，让我们用这些图来看一下 UI & UX 不同之处吧，已经了解差异的读者也可以来数数看自己曾经看过的图有几张。1.倒过来的蕃茄酱瓶设计，考虑到番茄酱快用完时很难倒出的使用情境。

来源：Techtic

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

来源：Deptofmarketing

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

来源：Asinthecity

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

来源：Abdevlabs

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

来源：Uxdesigner21

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

来源：Uxinterface

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

来源：Linkis

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

来源：Thecdm

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

来源：Userexperiencerocks

9. UI Design：功能。Usability design：动作。User Experience Design：情感

来源：Strategyanddesign

10. UI 是用来取用 Content 的工具，使用者使用 UI 吃完 Content 的体验是 UX

来源：Icarehealth

Conversion Lab 也画了一张图来说明 UI 与 UX 的差异。

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

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

About Hans Shih

Planner & Researcher，主要工作为使用者经验研究与设计、网站易用性与数据分析。

期盼自己能成为一位优秀的 Designer & Researcher，就像 Alan Cooper 强调的一样，设计师必须成为 UX Researcher，才能有效地将从使用者身上发现的 Insights 落实在设计里面。

关注微信公众号：茂趣创意（maofuns），每天分享国内外最新最有趣创意资讯，互联网设计经验，PS教程～