ux与ui设计的区别是什么

2022-09-28 深圳推广 技术文档

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

php入门到就业线上直播课:进入学习
API 文档、设计、调试、自动化测试一体化协作工具:点击使用

本教程操作环境: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让界面提升品牌感

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不同,他们接触的信息都比较宽,更容易设计出更好的结构,同时用户也能更好的理解;

  • 跟踪反馈:用户的数据跟踪,反馈和分析,同时还需要和开发人员进行页面埋点等工作,来保证项目的顺利。

相关推荐:///
  • bond0和bond4区别
    hover

    bond0和bond4区别

    bond0 是一种冗余网络接口绑定机制,提供容错能力;bond4 是聚合网络接口绑定机制,提供高吞吐量。选择机制取决于需求:bond0 用于冗余,bond4 用于高吞吐量和 tcp 流优化。 Bond0 和 Bond4 的区别 Bond0 和 Bond4 是 Linux 中两种不···

    2024-05-10
  • 根服务器和根域名服务器的区别
    hover

    根服务器和根域名服务器的区别

    根服务器存储互联网根区(所有顶级域名 tld),而根域名服务器存储根区信息(包含所有 tld 及其对应授权名称服务器信息)。根服务器数量为 13 个,分布全球,而根域名服务器数量不受限制。根服务器确定要查询哪个 tld 的名称服务器,···

    2024-05-10
  • static_cast和dynamic_cast区别
    hover

    static_cast和dynamic_cast区别

    在 c++ 中,static_cast 和 dynamic_cast 的区别在于:安全性:static_cast 是静态类型转换,不进行运行时检查,可能导致未定义行为;dynamic_cast 是动态类型转换,进行运行时检查,确保转换的类型兼容,更安全。应用场景:static_ca···

    2024-05-07
  • 服务器操作系统和桌面操作系统区别
    hover

    服务器操作系统和桌面操作系统区别

    服务器操作系统专注于稳定性、安全性,管理服务器资源;桌面操作系统则提供交互界面,面向个人用户使用。服务器操作系统性能更高,注重处理大量数据;桌面操作系统性能较低,注重用户体验。服务器操作系统注重安全,提供内置安全功能···

    2024-05-07
  • module和unit区别在哪
    hover

    module和unit区别在哪

    模块和单元的区别:定义:模块是可重用代码块,单元是代码最小逻辑单位。范围:模块包含多个单元,范围更大;单元是模块组成部分,范围较小。耦合性:模块间高耦合,单元间低耦合。重用性:模块高度可重用,单元可重用性较低。测试:···

    2024-05-07
  • 寄存器和存储器的区别
    hover

    寄存器和存储器的区别

    寄存器和存储器的主要区别在于速度和容量:寄存器速度极快但容量小,而存储器速度较慢但容量很大。此外,寄存器位于处理器内部,用于存储当前处理的数据和指令,而存储器位于处理器外部,用于长期存储数据和程序。寄存器可以通过 cpu ···

    2024-04-29
  • mosfet与ic芯片区别
    hover

    mosfet与ic芯片区别

    mosfet 和 ic 芯片的区别:mosfet 是单个晶体管,ic 芯片包含多个电子元件。mosfet 用作开关或放大器,ic 芯片执行复杂功能。mosfet 较小,ic 芯片集成度更高。ic 芯片成本更高,因为包含更多元件和更复杂工艺。mosfet 通常有三个端子···

    2024-04-29
  • asic和soc的区别
    hover

    asic和soc的区别

    asic 和 soc 的主要区别在于功能和可编程性:功能:asic 为特定任务设计,而 soc 集成多个功能模块。可编程性:asic 固化功能,而 soc 通常可通过软件或固件更新修改功能。 基本架构 (asic) 与片上系统 (soc) 的区别 ASIC(专用集成电···

    2024-04-29
在线客服 13691917840 提交需求 二维码