您现在的位置:主页 > E生活史 >UI、UX傻傻分不清?11张图让你秒懂!

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

2020-06-09 人气:950

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Source:Linkis

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

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

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

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

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

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

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

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

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

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

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

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

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

以上就是 Conversion Lab 为您整理的 UI&UX 的差别图。

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