• 技术文章 >常见问题

    ux与ui设计的区别是什么

    青灯夜游青灯夜游2022-09-27 15:52:33原创2505

    ux与ui设计的区别:1、UX让界面更好用,UI让界面更好看;2、UX让用户实现目标,UI让界面提升品牌感;3、UX核心目标引导用户完成任务,UI不是;4、UI和UX的交付成果不一样,UX的输出包括UX体验报告、功能定义、功能规划、项目进度等,而UI交付的包括视觉和交互、视觉设计、品牌设计、动效设计、组件设计和设计语言等等。

    php入门到就业线上直播课:进入学习

    本教程操作环境:windows7系统、Dell G3电脑。

    一、什么是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让界面提升品牌感

    1.png

    UX帮产品实现产品目标,很好理解,今天任何的产品都需要有商业目标,无论是刚上线的新产品,还是老产品都有用户目标。

    拿618,双11这些大型活动来说:很多电商都各种营销,那他们的商业目标是什么?

    ——是GMV成交额,所以UX的目标是怎么让GMV最大化,那么这中间就涉及到:用户入口、用户路径和链路的完整设计,每一个环节的漏损都应该考虑在里面。

    2.png

    那么UI就是用户在使用产品过程中,心情是否感觉愉悦,没有任何的使用负担,体验时候特别友好。

    同时界面和交互时候不会感觉冗余,同时用户界面的表达有温度,如上图google的情感化表达一样,UI就是建立用户和商业这件的情感品牌桥梁。

    3. UX核心目标引导用户完成任务,UI不是

    另外一个不一样的点是,UX核心是引导用户完成用户目标和任务。

    比如火车票软件,虽然它的交互视觉很糟糕,但是相对比这个更重要是如何帮助用户完成目标,UX的优先级高于UI,如果产品无法满足用户价值,对用户没有意义,那么UI做的再好其实意义也不大。

    历史上有很多昙花一现的产品都是如此,比如早期的Path、Paper等产品就是UI视觉交互很都很好,但是在商业层面以及UX上没有那么完美,没有很好的用户价值,最终页难躲过消失的命运。

    4. 交付的成果不一样

    UI和UX的交付产出也有很大的不一样,UX的输出包括UX体验报告、功能定义、功能规划、项目进度、概念设计、需求评估、市场研究、数据研究、可用性测试、用户体验地图、流程图、交互原型图等等。

    这是大概一些产物,当然还包括一些通用的比如汇报、提案等。

    UI的交付大家都比较清楚,包括视觉和交互、视觉设计、品牌设计、动效设计、组件设计和设计语言等等,当然方案汇报提案也是一样的。

    5. 职责不同

    UX设计师还一个重要角色就是策略制定和内容设定,任何产品内容是核心。

    拿电商来说:人、货、场,货就是内容非常的主要,这个内容如何和用户互动,同时被用户接受,和用户互动,这个中间UX设计师扮演着非常重要的角色。

    说说UX在阿里的职业有哪些:

    更多相关知识,请访问常见问题栏目!

    以上就是ux与ui设计的区别是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。

    前端(VUE)零基础到就业课程:点击学习

    清晰的学习路线+老师随时辅导答疑

    自己动手写 PHP MVC 框架:点击学习

    快速了解MVC架构、了解框架底层运行原理

    专题推荐:ui ux
    上一篇:接入网按其所用传输介质的不同分为哪几类 下一篇:自己动手写 PHP MVC 框架(40节精讲/巨细/新人进阶必看)

    相关文章推荐

    • ❤️‍🔥共22门课程,总价3725元,会员免费学• ❤️‍🔥接口自动化测试不想写代码?• html5 mui是什么• react用什么ui组件库• linux打开端口命令是什么• web前端和ui的区别是什么
    1/1

    PHP中文网