10张图带你秒懂UI和UX

UI 和 UX 到底有什么不同？

小编整理了一些图片带大家科普一下UI/UX

一、关于UI/UX

UX (User experience)，中文就是使用者经验，顾名思义它强调的是使用者体验的过程。UX 设计师在做的的事情其实就是建立产品一系列带给人的印象（感觉），这样子的印象建立从营销规划开始到产品实际使用的情境，从程序运作的效能到UI的色彩规划都包含在其中；每一个环节 UX 设计师都需要评估在特定的时间点，产品到底给用户产生了怎么样的印象，同时思考是否符合设计的预期。

UI的本意是用户界面( user interface ) ，概括成一句话就是——人和工具之间的界面。这个界面实际上是体现在我们生活中的每一个环节的，例如我们切菜的时候刀把手就是这个界面，开车时候方向盘和仪表盘就是这个界面，看电视的时候遥控器和屏幕就是这个界面，用电脑的时候键盘和显示器就是这个界面。

通常 UI 设计师会依照 UX 设计师流程上面的需求进行考虑，开始规划 Wireflow，Wireframe以及 Prototyping 的制作。UI设计师需要对平台产品的设计规范要有一定程度的了解，像是 iOS 的 Human interface guideline 或是 Google 的 material design guideline，Window GG，并基于这些设计规范的限制，进行页面以及流程上的设计。

二、UI、UX的不同与联系

UI 和 UX 到底有什么不同？一图胜千言，小编整理了10 张图片，告诉你 UI 和UX 的区别到底在哪里。

有哪些不容易搞懂的差别？

拿瓶装番茄酱举例，UI 关注产品本身，UX 则是考虑了用户体验和使用情境，最右边则是可用性测试，通过测试效果再不断地对产品体验进行调整和修正。

如果把产品比作人体的话，那么 UI 就是身体，UX 则是心脏，代码是骨骼。

下图从专业分工来看，UX和UI的工作内容有不同之处，但也有重合的部分。

UI 关注产品功能，UX关注用户情感。

从定义来看，UI 是指网页布局的方式。UX 关注网站的交互部分，是对产品和服务的综合体验，UX可以包含很多，从网站地图（site map）到内容架构 (architecture of the content)。好的用户体验不能只停留在介面表层的交互与美观部分，而应该是连贯的旅程、有线上与线下不同接触点。