几年前，如果跟一个普通用户（非设计师）说到交互设计，对方可能都不知道你在说些什么。
现如今，随着交互设计概念的普及，情况有所转变，可尴尬依旧。一位名副其实的交互设计师开始被亲戚追着问：“你是不是做app的？”
在国内，几乎没有人在工作之前会告诉未来的交互设计师“UI和UX分别是什么？”以至于现在有很多学习设计的学生，甚至工作多年的设计师都将UX设计误认为是UI设计，甚至是搞美工的！大家似懂非懂，只重视产品最终的视觉表现形式而忽略了UX设计的核心。
以下，我将为大家分别解释以下什么是交互设计，什么是UX设计，什么是UI设计。
一、交互设计
交互设计，英文是Interaction Design，“inter”是个英文前缀，意思是“两者之间”，“action”是指“动作”，就是两个object之间进行互动，具有一个输入和输出的指令。
举一个很简单的例子：
当我们想要用洗衣机洗衣服的时候，会把衣服放进洗衣机，按下按钮——这个动作就是输入“洗衣”的指令，等洗衣机执行完“洗衣”的任务时，机器会自动会输出衣服已洗涤完毕的“提示音”。
在这一过程中，人和洗衣机之间就产生的一系列互动，便是interaction（交互）。
为什么设计师需要将一个原本隶属于工业设计范畴内的领域——交互，单独划分出来独立研究。简言之：机器没有生命、是不会沟通交流的object，当人们在需要工具协助生产，需要产品为生活服务的时候，自动化设备需要依据使用者的指令达成指定目标，并将结果通过视觉、听觉、嗅觉、味觉、触觉等形式向人进行反馈。
比如驾驶汽车开双闪，是在通过视觉将“警示信息”传递给正在周围驾驶车辆的司机。
比如自动饮水机烧水，水开后，会自动跳闸并发出声音，提醒用户：水开了。
比如手机接收信息，使用者是在特殊情境下不方便发出声响，那么震动便通过触觉将信息反馈至使用者。
上述3个例子均是设计师为使用者营造的产品交互体验。
这里要提到设计有两个基本原则：一是可用性，二是可视性。在交互设计领域，为了方便初期理解，可以将UX理解为可用性设计，将UI理解为可视性设计，UX是设计的框架，UI是框架外的装饰。
二、UX Design
UX，User experience，翻译过来是用户体验。
UX设计师的身份在大众眼中，相较交互设计师更为扑朔迷离：
当我们向别人介绍自己是UX设计师的时候，多数情况，别人先给到我们的反馈是：你搞app美工的吧！我是不是猜对了！
当我们试图再向别人解释UX是用户体验的时候，对方会再次给出反馈：“什么意思？不就是app长什么样吗？”
上面这张图可以看出UX所涉及的范围其实很广，但通常情况下，人们都认为UX设计看起来就是Interface design和Visual design，不光是普通的用户，有的时候甚至UX设计师，在进行UX设计中也会忽略功能性和使用性而直接专注于最终的界面呈现效果。
这种感觉就像是，当我们在画一张肖像素描的时候，先不去勾勒整体结构，忽略三庭五眼，直接死抠某一个五官的细节和明暗关系。
实际上UX设计是偏向于研究用户和系统之间的交互过程，UX设计是基于数据（Data）、情感（Emotion）和用户研究（User Research），主要需要考虑的范围有流程图（Flow）、线框图（Wireframe）和用户角色模型（Pesona）等等。
三、UI设计
UI设计，也被称为GUI，英文是Graphical User Interface，主要负责用户界面设计。
从Graphical这个词可以看出，UI设计与图形相关，偏向于视觉化呈现效果，它需要遵循design trend和brand guideline，主要需要考虑的范围有配色、字体、排版布局、按键形状等等。
四、正视交互设计，UI，UX间的关系
通过上图，可以看到交互设计、UX设计和UI设计这三者之间的关系，我们发现广义的UX设计涉及面很广，甚至广于交互设计（Interaction Design）。我们可以理解为，只要和用户产生互动的，都和UX设计相关，一旦与用户产生互动，就势必会得到反馈（feedback），通过用户的体验及反馈，了解产品的痛点和用户的需求，进一步优化和改良现有产品，这就是UX设计。
另外，有一个不得不说的问题就是，随着dribble网站的普及，越来越多的junior UX设计师或者是UX设计的学生，都会去dribble搜集他人的设计，或找灵感或借鉴，但我们都知道dribble上很多案例都是偏向于视觉传达方向，换句话说就是更偏向于UI设计，当我们在进行UX设计的时候，并不建议大家一开始就去关注UI设计方向。
