60秒解释：UI 和 UX
在 Web 设计这个疯狂的领域，UX 和 UI 这样的词语总是被挂在嘴边。那他们到底是什么意思？虽然 UX （User Experience，即用户体验）和 UI (User Interface，即用户界面)都是把出色的 Web 体验传递给最终用户的重要组成部分，但他们的意思并不相同。我们来简单地看看两者的主要区别，并讨论下两者有何联系。
UX Movement
UI 主要包括网页设计的视觉方面。它建立不同的表现层和交互层，给产品一种整体的观感。Usability.gov 是 Web 最佳实践和规范的一个优秀资源站点, 它把 UI 元素分为以下几类：
- 输入——文本字段表单，日期字段表单，下拉列表，复选框，列表框，可点击按钮等；
- 导航——滚动条，搜索字段表单，分页，侧边栏，标签，图标等；
- 分享——好友列表，关注按钮，喜欢/点赞，分享按钮，邀请好友等；
- 信息——文本内容，提示信息，对话框，通知，图标，进度条等。
UI 设计不仅仅包括你第一眼看到的页面，还包括了这些页面元素跟用户交互时的设计。这个天气 App 是一个典型例子，演示了 UI 设计中的交互组件：
Dribbble
UI 包括了这些元素，那还有什么留给 UX?
UX 设计的定义是：通过提高可用性、易用性，以及提供客户和产品交互时的喜悦感，来强化客户满意度和忠诚度。
为了在公司和用户之间创造这种高质量的体验，UX 设计师关注的是（用户）研究过程，包括用户测试和其他理解客户的方面。举个例子，很多 UX 研究人员通过 A/B 测试来找出两个不同的设计，看哪个更吸引最终用户。
A/B 测试
那么，二者怎么关联起来？高效的 UI 和 UX 设计共同创造出一个用户满意的整体体验。如果其中一部分不达标，会严重影响一个网站的表现。举个例子，如果一个网站有好 UI 和烂 UX, 这个网站给人的感觉就很糟糕，因为它看起来很漂亮，但是导航非常麻烦。反过来，好 UX 和烂 UI 的例子是，用起来很舒服但是看上去很丑。
网友评论