UX vs UI:每个设计师都应该知道的关键区别

用户体验和用户界面的分解——这两个关键组件可以成就或毁掉一个产品。欧宝体育在线首页

没有发现。

UX和UI并不是一回事,但即使是业内人士也会混淆这两个术语。在本文中,我们将定义UX和UI,它们的区别,以及谁适合这两个职业。如果你想知道这些设计工作是否适合你,请继续往下读。

你是否正致力于创造下一个优秀的网站、应用程序、手机游戏或其他类型的数字产品?欧宝体育在线首页如果你生活在科技界,用户体验(UX)和用户界面(UI)可能是你熟悉的术语。

近几十年来,用户体验和UI设计在科技行业越来越受欢迎。通常作为用户体验/UI设计,它们一直是科技公司致力于打造成功产品的优先考虑对象。欧宝体育在线首页当谈到创建可爱的产品时,UX和UI帮助解决了一个最大的难题:我们如何帮助人们轻松愉快地使用产品?欧宝体育在线首页

让我们来看看这两个领域是如何不同的,并如何塑造一个项目。

用户体验和用户界面定义

你可能听说过人们交替使用UX和UI,但它们并不是一回事。

什么是用户体验设计?

用户体验是指用户对公司产品或服务的整体体验。欧宝体育在线首页用户体验设计的好坏取决于与产品或服务的每个元素或方面交互的难易程度。欧宝体育在线首页

用户流是流畅、无缝和直观的,还是令人困惑和笨拙的?按钮的颜色和位置是鼓励人们点击,还是让他们犹豫?在入职过程中添加更详细的步骤是否能增加清晰度?改善页面内容是否会提高转化率?UX设计负责回答这些问题。但如何?

用户体验设计主要涉及了解客户痛点、潜在市场差距和竞争对手分析等方面的研究。除了专注于深入了解用户和未满足的市场需求,用户体验还考虑到业务目标和目标,以构建与公司愿景和使命一致的产品。欧宝体育在线首页用户体验最佳实践根据公司的要求改善了用户交互和对产品和服务的感知。欧宝体育在线首页

设计师和信息架构师Peter Morville开发了用户体验蜂巢来说明用户体验设计的7个方面:

7个六边形一组,每个六边形包含一个词:可用的,有用的,可取的,有价值的,可找到的,可信的,可接近的。
用户体验蜂巢。图片来源:语义工作室


该图突出了对良好的用户体验很重要的领域。它是设计师和利益相关者持续改进产品和服务的有用工具。欧宝体育在线首页

UX思维总是可以追溯到你的用户。通过了解目标受众的目标,用户体验设计师能做出好的决定,把观众带到他们想去的地方。

什么是UI设计?

用户界面设计的重点是外观和布局——产品的每个元素看起来如何,包括按钮、占位符、文本、图像、复选框以及与人交互的任何视觉界面元素。欧宝体育在线首页

UX设计决定了界面如何工作以及人们如何与之交互,UI设计创造了界面的外观和感觉。UX更关注概念方面,而UI则关注产品的美学方面——调色板、按钮样式、动画、图形、排版、图表、小部件和许多其他元素,使网站、应用程序、欧宝体育在线首页插件、主题等看起来整洁、干净,同时仍然直观地为用户提供功能。

用户体验设计师在设计产品功能之前,会进行市场调研和分析,了解客户的需求和愿望。欧宝体育在线首页UI设计师不断更新图形模式和设计的趋势随着顾客的品味和行为的变化,它们也会发生变化。

在这个移动设备盛行的多屏幕时代,响应式设计已经成为UI设计不可或缺的一部分。响应式设计的最终目标是使界面在任何桌面或移动设备上都可见。UI设计师为不同的设备优化界面,使产品同时吸引桌面用户和移动用户。欧宝体育在线首页UI设计师不是为不同的设备创建不同的版本,而是创建一个版本来扩展内容和元素,以匹配任何屏幕尺寸。

下面是一个登陆页面的例子,它改变了布局,以显示在不同的屏幕尺寸上:

一只狼对着月亮嚎叫的蓝色单色图像。图像被缩放为6个不同的屏幕尺寸,从原始尺寸降至500PX。
图像中Webflow


基本的UI原则帮助设计师构建优雅易用的交互和以人为本的产品。欧宝体育在线首页许多使用Webflow的设计人员都应用了这些指导原则来进行构建直观和吸引人的交互

UX和UI的关键区别

用户体验和用户界面都是决定产品成败的关键因素。欧宝体育在线首页他们密切合作,决定产品的外观和功能。欧宝体育在线首页我们如何进一步定义UX和UI以捕获两者之间的潜在差异?

UX寻找解决方案,UI决定外观

用户体验设计主要关注用户对产品或服务的期望。欧宝体育在线首页用户体验的最终目标是找到并解决客户所纠结的问题。

Wealthfront的移动应用在帮助客户从现金中赚取更多利息方面做得很好。对于那些缺乏金融知识和专业经验的人来说,做出投资决定是困难的。为了解决这个痛点,Wealthfront揭开了这个过程的神秘面纱,并以较低的成本为用户自动执行投资策略。

当有人第一次注册时,该应用程序会要求他们填写入职调查,以收集有关他们财务状况的信息。基于他们个人的风险承受能力,这款应用会自动为他们的资金应该如何投资于多样化的投资组合提供建议。


所有信息都以清晰、容易获取的副本提供。通过点击屏幕上的超链接,客户可以很容易地找到关于他们的风险评分的解释,比较他们资产的相对配置,查找不熟悉的定义。这种巧妙的用户体验有助于在不确定的风险中(如投资)和应用程序本身建立信任和信心。

设身处地为用户着想并不意味着用户体验设计忽视了服务于公司的实际商业目标。Dropbox的免费增值商业模式要求UX团队实现KPI(关键绩效指标)。他们必须采用用户体验策略,鼓励免费账户在整个产品过程中进行升级。欧宝体育在线首页

Dropbox知道,未支付的帐户将需要更多的存储空间,因为它们将耗尽空闲空间。但Dropbox不会等到用户的容量达到极限才提示升级,而是持续显示行动呼吁(cta)。cta提醒人们免费计划的限制,并提供机会,以享受升级的商业计划的优越利益。


免费电子书:网页设计101

掌握网页设计的基本概念,包括排版,色彩理论,视觉设计等等。

订阅成为Webflow内部人士
谢谢你!您现在已经订阅了!
哦!订阅时出了问题。
读到现在

从另一个角度来看,UI设计负责模拟UX设计师在幕后的设计。UI根据功能需求创建产品界面,欧宝体育在线首页并应用设计理论、标准和美学,在屏幕上打造世界级的体验。

时空是为了帮助远程团队管理他们的时间表和有效地协调,无论他们在世界上的任何地方。

时空仪表板显示4个同事的时间表,每一个都用一个水平条表示,显示绿色、蓝色或红色。


《时空》使用了简单的视觉效果和大量的留白来提高清晰度。色彩的使用帮助用户解释和比较。绿色代表一个人已经完成的工作时间,蓝色代表一天剩下的工作时间,红色表示没有工作。伟大的可视化使得比较团队时间表变得容易。

UX关注用户旅程,UI关注产品快照欧宝体育在线首页

你的用户是用户体验的支柱。大多数UX研究、测试和实验工作都专注于学习和改进用户体验。用户旅程中的行为、功能交互和情绪反应是公司用户体验策略的基础。

是什么让客户对某个功能望而却步?是什么阻止他们向下滚动一个页面或导航到另一个页面?为什么他们悬停在一个内容部分而不点击CTA按钮?我们是应该复制竞争对手的成功功能,还是创造一些原创的东西?用户体验战略家通过这些以用户为中心的问题深入了解客户的思考和决策过程。

另一方面,UI设计师专注于布局,以取悦客户,并吸引他们采取他们的UX同行设计的期望行动。UI设计师结合了图形、交互、运动和品牌设计来产生最佳的布局。他们的工作是将概念性的内容和布局转化为对用户有吸引力的、直观的和响应性的界面。

我们是否应该使用三维插图来加强对比,增加深度和真实感?野兽派会帮助我们脱颖而出吗?UI设计师考虑这些问题是为了最大化界面设计的美感和效率。

UX和UI是相辅相成的

UX和UI设计是完全不同的。比较它们可能意味着它们可以独立工作而不影响彼此,但事实并非如此。UX和UI设计都提供最好的用户体验。UX定义了用户想去的地方,UI帮助他们到达那里。

让你的设计团队和工程团队在同一页面上使用原型工具来弥合设计和开发之间的差距。图片来源:Webflow

UX和UI同样重要。不管UI有多漂亮,如果没有UX,用户就会觉得产品毫无用处,他们的潜在需求也得不到满足。欧宝体育在线首页如果没有一个有效且令人满意的UI设计,再好的用户体验也会变得迟钝。用户体验和UI设计对于产品的成功至关重要,它们决定了后端的内部机制和前端的外观。欧宝体育在线首页

UX和UI设计师有不同的角色

由于UX和UI的性质不同,各个专业的设计师在日常工作中做着不同的工作。

工作中的UX设计师

UX设计师专注于创建产品的结构、流程和功能。欧宝体育在线首页首先,他们与市场营销人员、业务分析师和产品团队密切合作,以了解用户需求。欧宝体育在线首页

在定义了目标受众和他们的目标之后,UX设计师分析市场数据,比较基准,并进行用户测试和竞争对手分析,以创建在每个接触点增强用户体验的解决方案。

在进行研究和分析之后,UX设计师将绘制线框图来说明元素、内容和用户交互。然后,他们将通过添加功能信息架构,从线框图创建原型。

在与UI设计师讨论和处理完原型后,UX设计师会留下来继续为项目提供咨询。

UI设计师在工作

UI设计师与UX设计师一起讨论项目的结构和外观。根据视觉标识、风格指南和UI套件,UI设计师创造了高保真度布局用响应指南,然后定义动画和过渡。

为了帮助开发人员理解项目,UI设计人员创建了全面的样式和参考指南。在开发阶段,UI设计人员与开发人员密切合作,对产品进行测试并给出反馈,直到最终版本完成。欧宝体育在线首页

因为UX设计师倾向于负责项目的整体结果。他们将密切协调和监督UI设计师和开发人员的工作,以确保最终产品正是他们的用户需要的。欧宝体育在线首页

在Webflow中构建原型将帮助您的设计和工程团队在同一页面上,并简化设计开发过程。Webflow中的原型设计让设计团队无需学习如何编码就可以使用HTML和CSS。开发人员可以基于功能完备的原型,用干净的语义代码构建接口。

是否推荐UX/UI设计师的混合角色?

虽然很容易看出这两个学科是如何重叠的,但在构建成功产品的过程中,每一个角色都扮演着同样重要的角色,不应该结合在一起。欧宝体育在线首页这两项工作都需要时间和精力,值得专门的专家。

为了用户和公司的最佳利益——也为了增加项目成功的机会——UX和UI设计师应该分开雇佣。

UX和UI是和谐相处的

虽然服务于相同的商业目标,但UX和UI需要不同的思维过程和优势。用户体验设计是基于用户的需求,而用户界面设计是基于用户体验设计师的研究、建议和要求。

用户体验可交付成果包括研究结果、线框图和原型。UI交付物包括模型、草图、布局和图形。UX设计师往往是批判性和战略思考者,而UI设计师则专注于事物的视觉方面。

UX是一门科学,UI是一门艺术。如果你想要追求UX或UI,了解它们的细微差别以及哪个角色最适合你的优势和劣势是很重要的。

发表

2019年8月15日,

类别

网页设计

加入谈话

Webflow是什么?

免费试用
关于设计师的更多信息

设计师

视觉画布中CSS、HTML和JavaScript的强大功能。

的相互作用

建立网站交互和视觉动画。

更多的互动

CMS

定义您自己的内容结构,并使用真实数据进行设计。

更多关于CMS的信息

电子商务

再见模板和代码——可视化地设计你的商店。

更多关于电子商务

编辑器

在页面上编辑和更新站点内容。

关于编辑器的更多信息

举办

只需几次点击就可以设置闪电般的托管。

更多关于举办
Baidu
map