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设计师起着非常重要的作用。
一般来说,UI和UX都使用这些工具。
1.?砖石工
如今,实体模型和原型是网页和应用程序设计中最常用的方法。这两种方法都很有效,但也可能在时间和成本上给整个项目带来压力,影响团队和项目的整体进度,尤其是在时间和精力都非常有限,项目非常复杂的情况下。
Mason提供了一个更好的解决方案,可以让你直接用现成的组件进行编辑和设计,而不需要设计线框、原型和视觉草稿,并确保最终输出的产品既有功能又有完美的像素。最后通过Mason的平台部署,甚至不需要你有编码的经验。
梅森的设计方法看起来很激进,但实际上非常好用。无论是调整还是维护,Mason都能确保控件和元素易于处理。在Mason里修改,发布,然后就可以正常使用了。无需手写代码,注册登录等各种常用功能均可输出正常使用。
这个工具不会限制你把你的网站放入一个特定的平台或托管环境。您可以将它部署在您最熟悉的服务器或服务提供商上。这样可以大大节省管理费和时间,你会发现团队合作效率更高。
2.?泛滥
设计师讲故事最有效的方法之一就是把故事中的节点连接起来,把用户历史线性呈现出来。这样,参观者可以更好地理解他们所看到的,同时,他们可以更加关注细节的呈现,并建立有效的反馈机制。
作为全球首个为设计师量身定制的用户流程图工具,Overflow可以帮助设计师更好地讲故事。为设计师更好地呈现作品、讲述故事、在互动过程中与用户交流、吸引用户注意力提供了一种全新的方式。
Overflow是一个跨平台的工具,可以与目前最流行的设计工具无缝集成,让设计师在同一个平台上设计、展示、* * * *享受、打印自己的用户流程。
3.?UXPin
UXPin可能是目前设计团队最理想的快速原型制作工具,尤其是在UX设计开发产品高度依赖快速反馈回路机制的情况下。UXPin允许设计团队在将原型交付开发之前进行充分的设计、欣赏和测试。
开发者需要的数据其实是在每个项目设计完成的时候自动生成的。因此,在将设计交付给开发人员之前,您甚至可以使用测试工具来验证产品的部署是否与设计元素相匹配。
UXPin还提供了完整的设计系统解决方案,帮助您在整个产品中保持UI元素的一致性。每个产品的UI组件都可以用一段代码记录下来,所以产品的功能可以更容易更快速的扩展。
4.?创造地
UI/UX设计不仅仅是一个线框和视觉草稿,更是动态的、系统的,这就是Creately的价值所在。这个图标工具适合生成工作流,支持不同的图表类型,包括流程图、思维导图、UML图标、线框等等。它提供的图表功能和协同工作功能可以帮助设计师完成一半以上的工作。
使用Creately创建图表可以轻松创建足够漂亮的图表,它配备了超过1000个专业设计图表模板,可以快速完成各种UX设计项目。
5.?电源模型
许多UX设计师将使用PowerPoint来构建交互式原型。有了PowerMockup,你不需要再去寻找其他工具来辅助你的工作,它可以帮助你创建高效且令人愉快的交互原型。
在构建原型时,只需要从PowerMockup不断增长的资源库中找到相应的形状或设计元素,拖动到PowerPoint中,然后进行设计即可。为了实现交互,你需要调用的只是PowerPoint中的幻灯片和动画功能,非常简单。
6.?视觉检查员
可视化检查器使设计人员、开发人员和维护人员能够实时检查和解决网站中的各种UI问题,并随时与其他工作人员共享信息。
这个工具不需要你知道代码,只需要几秒钟就可以启用UI工具,几乎可以和任何类型的网站协同工作(使用HTML代码或者WordPress系统)。这个工具不是免费的,终身授权版本只需49美元。
7.?流体用户界面
Fluid UI是一个全面的工具,可用于设计线框、原型和可视化草图,它还为项目经理和分布式设计团队提供了完美的协作功能。它拥有非常全面的组件库,横跨桌面、iOS、Android等主流和必要的平台。
8.盲目的模仿者
这个家用工具又快又好用。sketch/PS/XD/fig ma/AXURE/mock plus设计稿可一键上传,设计可审核讨论。自动标注可以一键生成,手动标注可以自由使用。?