什么是UI设计？ 什么又是UX设计？ UI与UX之间有什么区别？

用户界面设计（此后简称UI设计）和用户体验设计（此后简称UX设计）是网络和应用程序设计中最常混淆和合并使用的两个术语。 这是可以理解的， 因为它们通常放在一起使用并称为UI / UX设计。从表面上看，它们似乎描述的内容相同。 通常很难找到便于理解的关于两个术语的详细描述。不用担心！

      下面内容能方便您理解这两个术语

当您看完这篇文章后，您会很好地理解两个术语之间的区别以及它们之间的联系。 让我们开始吧！

什么是UI设计？

UI设计中的“UI”代表“用户界面”。用户界面是应用程序的图像布局。 它由用户点击的按钮，阅读的文本，图像，滑块，文本输入框, 以及其他所有用户可以与之交互的项目组成。 这包括页面布局，过渡，界面动画和每一个微小的交互细节。任何类型的视觉元素，交互细节或动画都必须经过精心设计。

 

增加UI设计灵感的例子

这项工作属于UI设计师。 他们会决定应用程序的外观。 他们必须选择颜色方案和按钮形状   -   行宽度和文本字体。 UI设计者创造了应用程序的用户界面的外观。

UI设计过程 引自Ramotion

UI设计师是平面设计师。他们关注美学，确保应用程序的界面具有吸引力，强烈的视觉效果和适当的主题，以匹配应用程序的目的和/或特性。 他们需要确保每一个视觉元素在美学和目的上都完美的融合在一起。

什么是UX设计？

“UX”代表“用户体验”。用户对应用程序的体验取决于他们如何与程序进行交互。 体验是否是流畅而直观，还是复杂而困惑？ 浏览应用程序时是否感觉符合逻辑，还是完全摸不着规律？ 在与应用程序交互时是否让人们感觉到他们有效地完成了他们想要实现的任务，还是说感觉过程很艰难？用户体验取决于用户在与UI设计者所创建的用户界面元素进行交互时的难易程度。

照片引自 CareerFoundry

因此，UX设计师也会关注应用程序的用户界面，这就是人们对两者之间的差异感到困惑的原因。 但是，UI设计师的任务是决定用户界面的外观，而UX设计师则负责确定用户界面的运行方式。

 

UX设计师决定了接口的结构和功能，以及它们是如何组织，以及所有部分如何相互关联。 简而言之，他们设计界面的工作方式。 如果界面运作良好并且交互时感觉毫无阻碍，那么用户将获得良好的体验。 但如果网页或程序的导航很复杂或不直观，那么很可能会导致糟糕的用户体验。UX设计师会努力避免第二种情况的出现。

在封闭环境中进行设计不会产生理想的结果。

UX设计中还涉及一定数量的迭代分析。 UX设计人员会创建界面交互的线框渲染，并获得用户反馈。 他们会将这些反馈整合到他们的设计中。 对于UX设计师来说，充分了解用户喜欢如何与他们的应用程序进行交互是非常重要的事情。

他们如何一同工作

因此，当UI设计者决定用户界面的外观时，UX设计师会决定用户界面的工作方式。 这是一个相互协作的过程，两个设计团队需要进行密切合作。 当UX团队正在研究应用程序的流程，所有按钮如何引导您完成任务，以及界面如何有效地满足用户需要的信息时，UI团队正在研究如何将所有这些界面元素呈现在屏幕上。

 

比如说在设计过程中，我们决定需要在特定界面上添加额外的按钮。 这将改变按钮的组织方式，并可能需要更改按钮的形状或大小。 当UI团队调整设计来适应新布局时，UX团队将确定布置按钮的最佳方式。 UI和UX设计人员之间的持续沟通和协作不但能确保最终的用户界面尽可能美观，同时还能让用户在操作界面时高效，直观地进行操作。

研究是关键

研究对UI和UX设计师都至关重要。 对于这两个学科而言，收集尽可能多的有效信息来帮助他们制定适当的设计是非常重要的，并且两个学科的设计师都遵循类似的方法。

 

两者都将会研究用户的需求。他们对正在开发的应用有什么期待。 这项研究通常是迭代式的，会涉及可用性测试，其中真实用户将与某些功能的精简版本或正在测试的视觉设计进行交互，以确定设计者是否正在向正确的方向靠近。 反馈会与每次迭代整合到一起。

 

此过程会涉及到生成低保真原型，比如界面元素的线框渲染，以便严格评估用户对正在测试功能的反馈。 同时还会涉及到快速视觉原型和对界面外观不同的版本做A / B测试，以便确定哪个用户版本更加喜欢。

引自LukeW的推文 

在所有情况下，研究都有助于帮助设计人员在工作中进行合适的选择。 但是，UI和UX设计师所需要的信息是完全不同的。

UI设计中的研究

UI设计人员需要确保他们选择的视觉效果符合他们正在编写的应用程序类型。 他们会试图预判用户的期望。 如果您的团队正在设计一款旅行类应用程序，那么研究其他旅行类应用程序过去是如何开发的就变得非常重要。 哪些程序成功了？ 哪些程序失败了？ 从他人之前做过的工作中可以学到很多设计知识。

 

研究可能显示人们更喜欢有轮廓的图标而不是实心图案。 这能让设计人员了解人们对哪些视觉效果感到舒服和享受。 然后UI设计师可以很好地将学到的融入设计当中。

 

设计人员对最终的界面外观有他们自己的判断和决策，但还是会有一些基本的“规则”或符合用户期望的需要标准。如果设计师无视这些，他们需要自己承担风险。

 

不是说不应该冒险。 UI设计师希望他们设计的界面能脱颖而出，令人难忘。 但这必须保持一个平衡，以确保用户能够意识到放在屏幕上的这些元素所带来的目的。

UX设计中的研究

UX设计对用的户期望尤为关注。 用户在他们生活中使用的每个应用程序所拥有的经验和交互过程，都使他们对于操作界面应该如何工作产生了一定的期望。 如果UX设计师并不熟悉这些期望，他们可能会无意中设计了一个对他们来说合乎逻辑的界面交互，但却破坏了用户普遍接受的惯例。 当界面的交互方式与用户所期望的产生了分歧时，用户会感到非常厌恶。这可能会对他们的体验产生负面影响。

 

当一个UX设计师决定做一些与众不同的事情时，他们需要有一个非常充分的理由，因为打破约定俗成的预期行为可能会导致人们在操作时经常犯错。

 

例如，大多数人都认为您在文件上双击是打开文件，单击是选择文件。 这是一种几乎与图像界面诞生时间一样久远的界面操作行为。

---

UI与UX：两种截然不同的学科和谐工作

UI设计和UX设计涉及非常不同的技能组合，但它们是彼此成功的必要条件。 一个漂亮的设计无法拯救一个复杂而令人困惑的界面导航，一个精妙设计所产生的完美用户体验可能会被糟糕的视觉界面设计所拖累，这会让应用程序的使用过程令人不快。 UI和UX设计都需要完美无缺地执行，并与已经存在的用户期望完美匹配，来创造出色的用户界面/体验。 当这些要素都彼此契合时，结果可能会让人惊叹。

Top User Experience (UI/UX) Design Agencies & Companies

UX Design Portfolios: Best Practices

Give your UX resume a reboot