现在申请

UIUX入门系列(一) | 它俩到底什么关系?

UI设计和UX设计是网络应用程序设计中最常被混为一谈的两个词。从表面上看很多人觉得这两个是一回事,很难找到对这两个术语的详细解释。不要担心,看完这篇文章,你会更了解它俩的区别和联系。

UIUX入门系列(一) | 它俩到底什么关系?
分享文章
UI设计和UX设计是网络应用程序设计中最常被混为一谈的两个词。从表面上看很多人觉得这两个是一回事,很难找到对这两个术语的详细解释。不要担心,看完这篇文章,你会更了解它俩的区别和联系.
UIUX


什么是UI设计?


UI设计中的“ UI”代表“用户界面User Interface”。
用户界面
用户界面是应用程序的图形布局。它由用户单击的按钮,阅读的文本、图像、滑块、文本输入字段以及用户与之交互的所有项目组成。用户界面的设计包括了屏幕的布局、过渡,界面动画和每个微交互。任何形式的视觉元素、交互或动画都必须设计。


UI设计师负责的是一款应用程序的外观,他们必须选择配色方案和按钮形状,甚至线条的宽度,搭配什么样的字体。 UI设计师通过创建应用程序用户界面的外观来让一切看起来更美观和谐。


UI设计师是图形设计师,他们关心什么看着更美。一款好看的应用程序必定会更吸睛,运用一些视觉刺激以及和主题相符合的一些元素让界面更吸引人,并且遵循这个应用程序想要到达的目的或者品牌调性,保持一定的统一性。



什么是UX设计?


“UX”代表“用户体验User Experience”。
用户体验

用户使用一款应用程序的体验取决于他们和这个应用程序之间的互动方式。整个使用体验是否流畅直接还是感觉混乱而迷失?整个导航系统是否合乎逻辑?这款应用程序的交互是否让人觉得任务完成得更又效率了,还是更痛苦了?


UI设计师创建的用户界面元素和用户进行交互的难易程度决定了用户体验。UX设计师也需要去在乎用户界面的设计,这也是为什么很多人把这两个混在一起。尽管确定用户界面看上去如何是UI设计师的活,但UX设计师负责确定用户界面的操作方式,像是确定接口的结构和功能,画面构成的方式以及各个部分之间的相互关系。
UIUX
UX设计师是在设计界面的工作方式。如果整体运行良好并感觉无缝,就能让用户获得良好的体验。UX设计人员会努力避免导航过于复杂或者不直观,UX设计中还涉及一定量的迭代分析。 UX设计师会将交互线框图做出来,获取更多用户反馈,然后将这些建议运用到他们的设计中。对于UX设计师来说,从各个角度全面了解用户喜欢什么样的交互方式非常重要。



那么UIUX设计师是怎么一起发挥作用的呢?

UIUX
UX设计师决定了用户界面的工作方式,而UI设计师决定了用户界面的外观。


产品的前端设计是一个需要UX和UI设计师密切合作的过程。由UX团队制定应用程序流程,所有按钮是如何导航每个任务,界面如何有效满足用户信息需求,与此同时,UI团队会研究怎么把所有这些元素显示在屏幕上。


如果在设计过程中的某个时刻,团队决定要在给定的屏幕上添加一个额外的按钮,别看这只是一个按钮,这将改变整个流程的组织方式,也需要根据它的功能和目的来设计其形状、大小还有颜色。


UX团队将确定布局按钮的最佳方法,而UI团队会对设计进行调整来适应新的布局。 UI和UX设计人员之间不断的沟通和协作,才能确保最终用户界面看起来舒服好看,还能高效直接地帮助用户完成任务。



充分的调查研究是关键
UIUX

调查研究对于UI和UX设计师都至关重要。两者都需要收集尽可能多的有效信息,来创造出适当的设计,并且两者都遵循类似的方法。


深入研究用户的需求,用户对于这款应用程序的期望。这个调查可能会反反复复,不断的会议讨论,甚至邀请一些真实用户来测试一些界面的线框图,尝试交互,来看看这些用户是否能够最快完成他们设计布置的流程,也会对同一界面做AB测试,来看用户更喜欢哪个,每一轮反馈都会产生一次迭代。


这些调查研究都有助于指导设计师最终做出好用的设计,不过UI和UX设计师的调查信息也还是有很大的区别。



UI设计需要的调查研究

UI
UI设计人员需要确保他们选择的视觉语言适合他们正在编写的应用程序类别,符合用户的预期。


如果团队想要设计一个旅行app,那么研究市场上现存的旅行app非常重要。哪个有效?哪一个比较鸡肋?从其他设计中汲取经验。


调查发现,人们更喜欢轮廓图标而不是粗体形状,因为人们更熟悉这一种视觉形式。虽然UI设计师也会有他们各自的审美偏好,但是还是有一些基本的“设计规则”或者用户期望的需求需要遵守,不能随意做出疯狂大胆的创意来冒险。


UI设计师当然希望界面设计能够脱颖而出,给人留下深刻的印象,但必须确保人们能够理解并合理运用到所有界面中放置的元素,两者需要好好平衡。



UX设计需要的调查研究

UX
UX设计师会对用户的期待特别感兴趣。用户一生中使用的每个应用程序所经历的所有体验和互动,都帮助UX领域设定了界面应该如何工作的期望。


如果一个UX设计师不在乎这些,那很容易设计出一些辜负用户期待的产品,在用户心里留下一些负面印象。如果UX设计师想要做一些与众不同的事,那么他们需要有一个很好的理由,因为扰乱这一套受过严格训练的用户预期行为,可能会不断引导用户做错事。


Tips:



如果一个设计外观精美,但是用起来笨拙而且低效,用起来会很不愉快。如果用户流程很顺畅,但是看上去奇丑无比,人们也会吐槽。


UI和UX两者需要非常不同的技能和需求调查,只有肩并肩,一起优化合作,满足了用户的各个预期,才能创造出色的用户界面和用户体验哪!

想进一步了解Le Wagon编程训练营?
继续阅读
Learn to code

UI/UX入门系列(二)|到底什么是好的UI设计?来看看一些大品牌案例

什么是出色的UI设计?当我们谈到优秀UI设计的标准和构成元素,是颜色看着舒服,布局干净整洁吗?还是它遵循了某些原则?还是让用户感到舒服?

Graduate stories

科技女性聚焦:Lin, The lady who tech

凭借在数据和行业洞察方面的背景,Lin的大部分职业生涯都在以不同角色为各种全球组织工作,建立团队、制定战略并提高其运营效率。作为一名技术爱好者,与开发团队一起工作的经验和对构建产品的热情让她受到鼓舞,不断学习新技能并进一步深入探索编程的世界。

Learn to code

来自顶尖人才的创业秘密

在训练营期间我们收获了大量令人敬畏的演讲人,他们来自不同背景,发表了他们对科技、创业、设计、初创公司、工程等不同领域的看法!今天我们会分享一些来自这些顶尖人才的有价值的建议。

Go further illustration

准备好学习编程了吗?

我们分布在全世界40个城市。