用户界面与用户体验：UI和UX的比较分析

用户界面和用户体验之间存在着哪些差异？如果让我在30秒或更少的时间内解释这个问题，那么这里是我的答案。从最基本的层面上来说，用户界面（UI）是用来和一个设备互动的的一系列界面、页面和视觉元素，比如按钮和图标等。用户体验（UX），相对来说，则是一个人在与一家公司的产品、服务等各方面互动之后产生的内心感受。

（来源：User Experience Rocks）

尽管我很喜欢上面这幅卡通画，但这两句话并不是全面的解答。为了更好地理解用户界面和用户体验之间的差异，我们需要进一步挖掘这两者各自的内涵。

什么是用户界面

上溯到上世纪七十时代，如果你想要使用一台电脑，你就必须使用命令行界面，如下图所示：

（来源： Jason Scott）

那时，你还买不到一台使用图形、图标、按钮、或鼠标的电脑。他们当时还没有出现在市场上。为了让电脑行使你的指令，你必须用编程语言和它交流。

之后在1981年，Xerox PARC的一帮电脑科学家开发了Xerox Star，一台配置了最初的图形用户界面（GUI）的个人电脑。

它使用了窗口、图标、下拉菜单、单选按钮、复选框等元素，还允许用户打开、移动、删除文档。

（来源：Wikipedia）

这台电脑可能和现在的电脑看起来不大一样。但在个人电脑时代早期，图形用户界面的出现是一次重大的变革。这意味着你不用再通过代码来使用电脑，也让电脑更广泛地为大众所接受。苹果公司的团队继续在图形用户界面这点上开发创新。1984年，他们发布了Macintosh。Macintosh是第一款成功商业化的使用鼠标点击和多窗口界面的桌面电脑

（来源：oldcomputers.net）

图形用户界面的出现也带来了对新型设计师的需求——专门设计个人电脑图形界面的设计师。用户界面设计师就是在这样的背景下诞生的。

这一学科在过去的几十年中不断演化，还会在将来继续进化。如今的用户界面设计师主要围绕网站、移动应用、可穿戴设备和其它程序进行设计。他们需要负责设计数字产品界面的布局以及一个系统各个页面上的视觉元素。

什么是用户体验？

用户体验这个术语是由认知科学家Don Norman在上世纪九十年代创造的。那时，他正担任苹果公司高新科技组的VP。

他是这么定义用户体验的：

“用户体验包涵了终端用户与一家公司及其服务、产品进行交互的所有层面。”

在解释这一术语起源的电邮中，Norman写道：

“我发明这个术语主要是因为我认为人机界面和可用性这两个概念太过狭窄：我想要覆盖一个人使用某个系统的所有层面，包括工业设计、图像、界面、物理交互，以及手册等。后来，这一术语流传甚广，以致开始丧失原有的意义。”

在最近发表的一篇文章中，Norman阐述了构成高质量用户体验的元素：

“打造杰出用户体验的第一要义就是准确地满足顾客需求，别让他们忙乱或不安。接下来是产品本身的简洁和雅致，让用户觉得拥有、使用这些产品是富有乐趣的。

真正的用户体验不仅仅是满足顾客口中的需求，或是提供一系列的清单。为了实现高质量的用户体验，一家公司的工程、市场、视觉、工业设计、界面设计等各个部门之间必须要无缝衔接。 ”

用户体验并不止于产品的视觉界面。它是一个多维的、覆盖了用户的整体使用行程的概念，包括：

· 他们发现你公司产品的过程

· 他们和界面互动中的一系列行为

· 他们在完成任务过程中产生的想法和感受

· 他们在整个交互过程中形成的整体印象

用户体验蜂巢图

（来源： Peter Moreville）

用户体验设计师主要负责确保公司能够交付一款满足顾客需求并顺利达到他们期望结果的产品或服务。

他们需要开展用户研究来获取关于产品用户尽可能多的背景资料，然后利用这些资料设计线框图和产品原型，以帮助用户从A点到达B点。

用户界面和用户体验之间的差异

Don Norman和Jakob Nielsen很恰当地总结了两者之间的差异：

“把整体的用户体验和用户界面区别开来是相当重要的，虽说用户界面显然也是设计流程中极其重要的一部分。

举个电影评论网站的例子。即使用来找到一部电影的用户界面是完美的，然而对于一个想要找到小成本独立电影的用户来说，如果底层数据库只有主流电影制片厂的电影信息，那这个用户体验就是差劲的。”

谷歌是另一个很好的例子。它的界面十分简洁。它的用户界面上几乎没啥东西——一个商标，一个搜索框，一些按钮，以及搜索结果页面。

但当你在搜索框中输入内容之后，你能在一秒不到的时间内访问到几乎所有已经数字化的人类知识。

试想，如果每次用谷歌搜索的时候，它都要花费15秒钟才能显示结果——你将不能再立即找到你问题的答案。那么，即使用户界面没变，你使用谷歌的体验也会截然不同。而正如生活中的很多事情，不同的人对这两者之间的差别也有不同的理解。所以我们邀请了一些行业大牛来说说他们的看法。

这里是他们说的UI和UX之间的差异：

1.用户体验注重用户解决问题的行程，用户界面则注重产品的外观和功能

Ken Norton：Google Ventures合伙人，前Google产品经理

从一个我们想要解决的问题开始，用户体验设计注重的是任何影响用户解决问题行程的因素，不管是正面、负面的，还是线上、线下的。用户界面设计专注于一个产品的外观和功能。用户界面只是用户行程的一个片面。我喜欢那个“宾馆”的比喻：用户界面是桌子、椅子、盘子、玻璃杯和器皿。用户体验则是由食物、服务、停车、灯光、音乐传递的整体观感。

2. 用户体验设计师关心的是设计流程的概念层面，而用户界面设计师则更注重肉眼可见的元素

Andy Budd：Clearleft 联合创始人，UX London创始人

一般的逻辑是，如果你设计用户界面，以及人们通过用户界面来体验这一产品，那你就是用户体验设计师。这也意味着设计你自己的房子你就是个建筑师，修个水龙头你就成了管道工。

这些用来形容一个学科的词语经常到头来失去了他们本来的意义。比如说建筑师“Architect”从字面上说是“泥瓦匠头子”，管道工“plumber”是指“用水砣测深的工人”。这两个名字显然没有解释清楚这两个职业从事的工作范畴。

在专业的语境下，用户体验设计师有确切的含义以及需要具备一系列的技能。这一团体已有20余年的实践经验 。在现实生活中，用户体验设计师主要负责设计流程中的概念层面，而用户界面设计师更多则集中在肉眼可见的元素上。

Jason Mesut用“双钻石”模型很恰当地形容了UX和UI之间的差异和交叠。在这个模型中，用户体验设计师在策略、研究、信息架构和交互设计领域具备杰出的技能。

用户界面设计师（现在硅谷更流行被称作数字产品设计师）也拥有交互设计的技能。此外，他们专攻信息设计、动效设计和品牌设计领域。

尽管有些人声称他们在以上这几方面都是资深专家，但这也是凤毛麟角。毕竟一个人不可能样样精通。

3. 用户体验和用户界面设计之间没有差异，因为这两者不能比较

Craig Morrison：RecordSetter产品主管，Usability Hour创始人

我一直都有听到这个问题，我也已经回答过很多次了。最终我得到了这么个结论：

用户体验设计和用户界面设计之间没有差异，因为他们是两个不能相互比较的概念。

举个例子，这就像是问红漆和其所含的化学制品之间有啥区别？ 没区别。红漆由各种不同的化学制品混合而成，就像用户体验是由一系列不同的成分组成的一样。用户界面设计只是其中之一，在和其它成分组合之后，生成了用户体验。

这里是一些用来说明我观点的其它问题：MacBook和它键盘按键形状之间有啥区别？茶和茶包原料之间有啥区别？ 小汽车和它的表色有啥区别？

如果我们在讨论美味的蛋糕（为什么不呢？），用户界面就是糖衣、盘子、口味、器皿和外观。用户体验就是为什么我们先上蛋糕，以及相比汉堡，人们更爱吃蛋糕的原因。

［注：Craig在这篇文章中进一步探讨了UI和UX设计师之间的差异：为什么你不能雇佣一名UI／UX设计师？］

4. 用户界面一般是指围绕屏幕界面的视觉设计和信息设计；用户体验是指完整的体验，它可以和屏幕界面无关。

Patrick Neeman：Apptio产品设计部门主管，Usability Counts 创始人

用户体验设计是指完整的体验，它可以和屏幕界面无关。用户界面设计一般是围绕屏幕界面的视觉设计和信息设计。用户体验应该追溯到Nielsen Norman集团对用户体验的定义：用户或顾客与系统之间的任何触点，与是否数字化无关。

5. 用户界面专注于产品，是一系列截屏；用户体验专注于用户和他们使用产品的流程。

Scott Jenson：Google的产品策略师

我对这两者之间的差异还没有定论，因为他们经常被混用。但如果一定要区分的话，我认为用户界面更注重产品本身，是一系列用户实时互动的界面。用户体验则更注重用户和他们使用产品的流程。用户界面倾向于探讨人机交互界面上的细节，集中体现为标签、视觉风格、指南和结构。用户体验讲的是使用产品的路径，离开屏幕之后的活动，描述用户行程和动机，为什么这样安排用户界面上的元素，更重要的是，为什么有些元素被排除在外。用户界面设计师勾勒出限制，用户体验设计师则是质问这些限制。

6. 用户体验是用户使用产品的总体体验，而用户界面是用户实际互动和看到的事物

Clayton Yan：UserTesting用户体验设计师

用户界面和用户体验的定义还存在不少混淆的情况：什么是主要的差异，或者说是否存在差异。他们确实有所不同，但这两者在创造优美、直观的体验时又紧密相连。

我解释这个问题的方法是通过思考如何建造一间房屋。当你在造一间房子的时候，你需要思考大体的架构和布局：

· 你需要两间还是三间卧室？

· 每间卧室都要配备卫生间吗？

· 进门之后是不是直接就走进客厅？

· 房子是一层还是两层？

对我来说，用户体验是你这间房子（或产品）的总体体验。各个事物布局是否说得通？它让你的用户有什么感受？

接下来的用户行程是他们实实在在互动的界面。继续以房子为例子，用户界面是整套房子的视觉主题。你用了什么类型的墙纸？你是否在房屋里布置了同款花瓶？或是不同款的？

用户界面，顾名思义，是那些用户在实际交互中看到的东西，包括按钮、表格、图片等等。 没有用户界面的用户体检意味着你的房子只有一个框架和结构，却欠优美、连贯。没有用户体验的用户界面就像在房屋的角角落落泼洒绚丽的彩漆，却让你的门直接通往卫生间。因此，你同时需要用户体验和用户界面这两者来创造端到端的极致体验。

通常来说，用户体验设计先行于用户界面设计，因为你需要先开展研究，设计草图，制定大体上的任务流程。一旦你定下了基调，那就可以开始着手设计用户界面来把各方面串联起来，以设计出一款优美的产品。

你是怎么想的？

很多朋友把UX和UI混为一谈，就像Don Norman所说：“这两个概念成为了日常词汇，似乎不再有什么特殊含义了。很多人经常在不了解UX和UI的定义、起源、历史、外延的情况下使用他们。 ”

那么，你是怎么看的呢？UI和UX之间的差别在哪里？他们是否应该被混用或者说他们各自指代哪些不同的事物？在评论区留下你的观点吧！也可以在Twitter, Facebook, 和 Linkedin上给我们留言。

P.S. 诚挚感谢所有为这篇文章作出贡献的人们！如果你觉得身边有人会觉得这篇文章有用，那就分享给他们吧。