|深度解读：3分钟秒懂UI和UX到底有何不同

编辑导语：什么是UI？什么是UX？它们之间有什么区别呢？如今，越来越多的公司开始强调UX设计，为什么UX开始被重视了？如果想做UX ，我们该如何去准备？带着这几个疑问，我们来看本文作者的深度解读，让你弄懂UX和UI到底有何不同。

本文插图

现在越来越多公司都在提倡UX体验设计，那么到底什么是UX体验设计？和UI有哪些区别？
感觉这个词语熟悉又陌生，那么今天我和大家分享下我的理解，仅代表我个人的观点和大家互相交流探讨，如有不对的地方欢迎多交流。
【|深度解读：3分钟秒懂UI和UX到底有何不同】 一、什么是UI？什么是UX？
1. 什么是UI？
简单理解就是界面+交互。
什么属于UI呢？
这个我想大家都已经很熟悉，就是我们每天使用的产品的界面外观设计，无论是视觉效果，还是品牌个性，还是页面的交互设计，都属于UI范围内。
很多同学会问，交互设计不是属于交互么？怎么划分在UI了？
其实， UI是用户界面设计的统称。随着时代的发展，纯UI的时代已经过去了，今天的UI设计师，除了掌握视觉设计还需要具备一定交互设计能力。
从百科中对于UI的定义也是如此：负责产品的人际交互、操作逻辑、界面视觉的整体设计。从字面大家也可以看出-用户界面，除了界面还包含用户和界面之间的交互。
如果你觉得不好理解，一个简单粗暴的理解方式就是UI=交互+视觉。
2. 什么是UX？
UX我们可以把它理解为用户任务流程设计，今天我们用户注册我们一个新的产品，需要那几个步骤？
——用户通过朋友圈看见我们的商品广告，通过那几步到达购买页，最后转化付费，这些我理解为UX ，
引用百度百科的资料UX核心是用户，体验指用户在使用产品以及与产品发生交互时出现的主观感受和需求满足。
UX设计师研究和评估一个系统的用户体验，关注该系统的易用性、价值体现、实用性、高效性等。
举个例子：我们去银行的ATM提款机上取钱，看到的界面和每一步操作数据UI设计。但是如何存钱？如何更改密码？如何转账汇款？
——这些流程的设计属于UX设计，他关注这个产品是否好用和易用。
UX我更多理解为用户的行为表达， UX设计是在用户直接或者使用服务时候感受到的体验，比如反馈，和任务指引的整体设计。
比如之前我们去星巴克买咖啡时候，如果遇见人很多，我们就必须排着很长的队。但是今天，我们去店里人很多，直接可以手机上操作，手机上排号，大大提升了效率。
那么这个体验的的优化就是UX工作，它可以改变我们生活的体验，类似这样的UX改变生活的案例还有很多。比如越来越多餐厅也可以通过微信排号，无须店门口等待，只需要关注他们公众号，到时候会有排号提醒。
3. 解决问题的视角不同
UI和UX大家本质都是在解决用户问题，只不过站位不同视角不同， UI更多是解决用户第一印象，这个设计好不好看，交互逻辑合理不合理，结构清晰不清晰，页面功能层次表达是否合理。
而UX更多是定义了产品目标流程， UX更多解决产品的深度，而UI是产品的宽度，两者都很重要。
互联网行业发展了这么多年，用户体验已经融入到了我们生活中点点滴滴， UI和UX尽管本质不同， UI更加具有视觉性， UX更多是逻辑系统性。
但是他们一般都属于一个团队，只不过大家运用不同的技能，不用的工具，不同的问题处理方式——但是最终都是把我们产品体验做好。
二、UI与UX的区别有哪些？
1. UX让界面更好用， UI让界面更好看
这句话很好理解， UI设计师的价值是让我们的界面好看符合用户审美趋势，同时交互上符合用户逻辑，符合产品想传递的功能优先级，没有大的交互原则问题。
UX是让整个流程更好用，更好引导用户完成任务，达成我们的商业目标。这中间两者使用的技能也不相同。
2. UX让用户实现目标， UI让界面提升品牌感

本文插图

UX帮产品实现产品目标，很好理解，今天任何的产品都需要有商业目标，无论是刚上线的新产品，还是老产品都有用户目标。
拿618 ，双11这些大型活动来说：很多电商都各种营销，那他们的商业目标是什么？
——是GMV成交额，所以UX的目标是怎么让GMV最大化，那么这中间就涉及到：用户入口、用户路径和链路的完整设计，每一个环节的漏损都应该考虑在里面。

本文插图

那么UI就是用户在使用产品过程中，心情是否感觉愉悦，没有任何的使用负担，体验时候特别友好。
同时界面和交互时候不会感觉冗余，同时用户界面的表达有温度，如上图google的情感化表达一样， UI就是建立用户和商业这件的情感品牌桥梁。
3. UX核心目标引导用户完成任务， UI不是
另外一个不一样的点是， UX核心是引导用户完成用户目标和任务。
比如火车票软件，虽然它的交互视觉很糟糕，但是相对比这个更重要是如何帮助用户完成目标， UX的优先级高于UI,如果产品无法满足用户价值，对用户没有意义，那么UI做的再好其实意义也不大。
历史上有很多昙花一现的产品都是如此，比如早期的Path、Paper等产品就是UI视觉交互很都很好，但是在商业层面以及UX上没有那么完美，没有很好的用户价值，最终页难躲过消失的命运。
4. 交付的成果不一样
UI和UX的交付产出也有很大的不一样， UX的输出包括UX体验报告、功能定义、功能规划、项目进度、概念设计、需求评估、市场研究、数据研究、可用性测试、用户体验地图、流程图、交互原型图等等。
这是大概一些产物，当然还包括一些通用的比如汇报、提案等。
UI的交付大家都比较清楚，包括视觉和交互、视觉设计、品牌设计、动效设计、组件设计和设计语言等等，当然方案汇报提案也是一样的。
5. 职责不同
UX设计师还一个重要角色就是策略制定和内容设定，任何产品内容是核心。
拿电商来说：人、货、场，货就是内容非常的主要，这个内容如何和用户互动，同时被用户接受，和用户互动，这个中间UX设计师扮演着非常重要的角色。
说说我了解的UX在阿里的职业有哪些：

竞争对手的分析：这个我在星球说过很多次，了解对方的商业模式，和最近的动作；
用户分析：用户人群特点，数据，用户分层是什么样的，在我们APP里面的习惯又是如何；
业务目标拆解：根据业务目标，那么我们产品要完成需要做哪些工作，如何去规划功能，以及页面详细的布局和功能设计；
战略设计：如何更好的帮助顶层战略完成目标；
落地计划：有了前面这些如何协调资源，如何推进项目的落地和排期；
平时日常框架设计，交互原型图设计这些都是属于UX设计师工作范畴，因为他们比UI不同，他们接触的信息都比较宽，更容易设计出更好的结构，同时用户也能更好的理解；
跟踪反馈：用户的数据跟踪，反馈和分析，同时还需要和开发人员进行页面埋点等工作，来保证项目的顺利。

三、为什么UX开始被重视？
1. 产品需要突破
为什么UX体验设计突然被很多公司开始重视起来，我觉得核心是：目前商业互联网竞争太激烈了，大家的产品功能都类似，交互视觉也类似，需要在这种激烈竞争的情况下取得新的突破。
那么如何取得突破，除了功能和服务外，体验环节也应该需要突破。

本文插图

如上图，国内金融产品设计，从设计还是体验层面很同质化，那么在产品同质化背景下，就需要在体验上进行一些设计突破
2. 技术的发展

本文插图

另外一个维度就是技术的发展，随着技术的发展，技术趋势的提高。创新和突破就必须快速跟上，如何让用户的体验服务，和趋势很好的结合，变的越来越重要。

本文插图

传统的电商买鞋体验是静态图片，但是随着AR/VR技术的越发成熟，购物体验也在发生着变化，用户已经不满足于购买商品只是看静态图片，也希望和实物体验一样可以在手上去看任意角度。
所以毒APP这块买鞋的体验，就比传统的要有新意的多。

本文插图

比如触摸屏技术、5G技术、人脸识别技术，这些新的技术对于设计都是需要去突破，去创新出更多的体验。

本文插图

5G的到来对于整个体验、购物、生活中很多方面都发生了很大的影响，拿购物来说，都可以边看边买。
今天你买一个东西，无需去商场，只需要在直播间和卖家当面沟通就可以解决你的疑惑，同时还可以有折扣。直播带货这种新的模式产生，对于体验都是全新的。
3. 智能手机硬件的体验差异

本文插图

随着数字时代来了，各种智能设备更新迭代，苹果和安卓手机，还有手表等，这些产品之间的差异性各不系统。
比如我之前一直是苹果的深度用户，从iPhone4一直到现在，前段时间买了一个华为，就严重不习惯。我常用的笔记软件不支持安卓同步，还有支付等等都不方便。
这样的体验，必定需要设计师去解决。
以上原因，或许是现在很多大公司开始重视起体验思维一个缩影，其实UX一词存在很久，已经融入我们生活方方面面。那么大家肯定会疑惑到底UX和UI ，普通设计师该如何去定位自己发展方向。
四、如果想做UX该怎么准备？
UX设计师未来一定是必然的，阿里几年前已经把设计师title改为UX用户体验设计师，原因就是设计师最终的目标是需要将企业的商业需求和用户需求联系起来。
如果用户是来我们平台买东西，那么我们就需要把货、内容和用户联系起来。设计师需要保证我们销售的货用户更容易看见，同时购物体验是让人愉快的。
因为UX设计师，是一个非常的复杂的角色：它有一部分是设计师职责，又有一部分是战略制定者；同时也一部分是营销人员，同时还需要具备数据研究员的能力。
同时还是半个用研，了解用户以及用户的问题。
当然，虽然听起来很难，但是相对于做UI会比较有意思一些，因为他不仅仅是设计，不仅仅是视觉。它最终还是在解决用户的问题。如果你想转型，有几方面能力是可以锻炼起来的。
1. 培养自己解决问题的能力
因为UX设计师每天都是解决产品的各种体验问题，没有局限。如果你在生活中，或者做项目时候是一个问题解决者，有这方面能力，那么非常具备转型。
这个问题可以是设计问题、视觉问题或者交互问题，虽然问题本身不同，但是能力都是通用的。
2. 提升看问题的视角
UX和UI设计师很大差别是UX需要提高视角，看到商业的全貌，就和打仗一样，必须了解整个作战地图，才能更好的打仗。
但是UI不同，我们解决一个局部问题就行。所以如果你想成为UX ，从现在项目开始，每个项目多去了解商业背后的原因。
你做的设计如何呈现给用户的、运营如何我推广的，用户的购买路径到哪一步折损，已经整个链路是不是很顺畅，这些都有助于你抬高视角，我们设计师千万不能只埋头干活，忘记了抬高视角。
3. 学会洞察用户和数据
如果要做好UX还必须很好的洞察用户行为，以及观察数据，通过在数据中发现一些问题，你必须去研究用户在使用你们产品的心理感受，需要有很好的同理心。
当然平时也需要多去听听真实用户的声音，用户声音从哪里来？
微博留言、app商店评论等等都可以看见用户的声音，根据用户的反馈去做设计。
如果你更喜欢一些实用的东西，平时设计上也比较认可好用比好看更重要，那么你可能适合UX ，因为UX平时的工作看起来甚至有些枯燥和无聊，没有做视觉那样容易赏心悦目。
五、最后
最后， UI设计和UX设计有一些相似之处，但一个更偏向分析性解决问题的能力，另一个是更具有视觉和美学驱动力。
希望这篇文章能帮正在研究这两个区域，想弄清楚概念的你们有帮助。
其实一个设计师的工作永远不会真正完成，因为每个项目有它自己的生命周期，人们每天在使用它和它互动，所以随时都有体验的问题可以优化，我们作为设计师，一直在路上，共勉！
#专栏作家#
Sky ，微信公众号：我们的设计日记（ID：helloskys），人人都是产品经理专栏作家。原支付宝体验设计专家，阿里巴巴天猫设计专家；10年知名互联网公司设计经验，对于产品从0到1、品牌定位、金融产品、设计规范、运营规范、大促等有丰富实战经验。
本文原创发布于人人都是产品经理，未经许可，禁止转载。
题图来自 Unsplash ，基于 CC0 协议