UI视觉设计与UX交互设计的区别

用户头像
深圳/设计爱好者/7年前/934浏览
UI视觉设计与UX交互设计的区别
用户头像
明明了

UI视觉设计与UX交互设计的区别

禁止擅自转发,禁止任何个人使用及商业用途。




我们都经常听到了无聊的谈话,走在世界科技之都的嘻哈街头,关于产品的伟大“用户体验”的讨论,或网站的糟糕“用户界面”。它是一种你永远不会知道的秘密语言吗?这些人只是用俚语看起来很酷吗?



嗯,好吧可能对后者是肯定的,但对其余的肯定是否定的。继续阅读以了解这些术语的含义,哪些工作得到更好的报酬,以及如何成为UX设计师或UI设计师。



首字母缩略词揭幕



你偷听过的人实际上正在讨论两种职业,尽管已经存在了几十年,而且在理论上已有几个世纪,技术行业已将其定义为用户体验和用户界面设计。


UX Design指的是用户体验设计,而UI Design代表用户界面设计。这两个要素对产品至关重要,并且紧密协作。但是,尽管他们有专业的关系,但角色本身却完全不同,指的是过程和设计学科的不同部分。在UX设计是一个更具分析性和技术性的领域,UI设计更接近我们所说的平面设计,尽管责任更复杂一些。


我喜欢用它来描述(数字)产品的不同部分:


如果您将产品想象为人体,骨骼代表了赋予其结构的代码。这些器官代表了用户体验设计:针对支持生命功能的输入进行测量和优化。UI设计代表了身体的化妆品 - 它的表现,感官和反应。


但是如果你仍然感到困惑,别担心!你并不是唯一的一个!


正如Foster.fm的共同创造者Rahul Varshney 所说:


用户体验(UX)和用户界面(UI)是我们领域中一些最混乱和误用的术语。没有用户体验的用户界面就像画家在没有想到的情况下将画笔拍到画布上; 而没有用户界面的用户体验就像是一个没有纸张的雕塑框架。一个出色的产品体验始于用户体验,其次是UI。两者都是产品成功的关键。



下面我详细介绍每个术语的历史,辩论和定义。但是如果你不关心它们 - 跳到每个部分的末尾以获得简化的描述。并确保你不要错过它下面的专业统计数据。



什么是用户体验设计?



用户体验设计是人类首先设计产品的方式。


正如维基百科上所见:


  • 用户体验设计(UXD或UED)是通过提高客户与产品之间交互所提供的可用性,易用性和愉悦性来提高客户满意度和忠诚度的过程。


清楚吧?那么你可能会立即注意到,尽管我在引言中暗示了这个定义,但没有提及技术,没有提到数字,并且充其量是模糊的。但是像所有职业一样,不可能只用几句话来提炼这个过程。


该术语定义中的一些混淆是由于它的年轻。唐·诺曼是尼尔森诺曼集团设计咨询公司的认知科学家和联合创始人,他在1990年代后期发明了这一术语,宣称“用户体验包含最终用户与公司,服务和公司互动的各个方面”。它的产品。


这意味着,无论其介质如何,UX Design都包含潜在客户或活跃客户与公司之间的任何和所有交互。作为一个科学过程,它可以应用于任何事物; 路灯,汽车,宜家货架等。然而,尽管它是一个科学术语,但从一开始就使用它几乎完全在数字领域内; 一个可论证的原因是该行业在该术语的发明时期开始爆炸。另一个可争辩的原因是,这只是一种重写一种已经存在了数百年的实践的奇特方式,被称为“市场研究”; 和男孩做设计师喜欢花哨。


但是不要让我困惑,用户体验设计不是市场调研工作。


虽然它确实利用许多相同的技术来实现复杂的最终目标:客户对公司及其产品的体验的结构,分析和优化。


如果您从未见过用户体验在实践中工作,甚至从未使用过该术语,那么仍然很难想象用户体验设计师实际上做了什么。在CareerFoundry,我们开发了一个用户体验课程,专注于我将用来说明这个职业的过程。


以下是我们课程中规划的UX设计师职责的悬崖示例。它的目标是数字产品的开发,但理论和流程可以应用于任何事物:


战略与内容:

  • 竞争对手分析

  • 客户分析

  • 产品结构/战略

  • 内容开发


线框图和原型制作:

  • 线框

  • 原型

  • 测试/迭代

  • 发展规划


执行和分析

  • 与UI Designer协调

  • 与开发人员协调

  • 跟踪目标和整合

  • 分析与迭代


部分营销人员,部分设计师,部分项目经理; 用户体验角色是复杂,具有挑战性和多方面的。您可以看到,与分析或测试相关的产品迭代确实提到了两次,但实际上您会将其放在列表中的其他项目之间。最终,目标是通过测试和改进满足关系双方的过程来将业务目标与用户的需求联系起来。


总之:

  • 用户体验设计是开发和改进用户与公司所有方面之间的高质量交互的过程。

  • 用户体验设计负责实施研究,测试,开发,内容和原型设计过程,以测试质量结果。

  • 用户体验设计在理论上是一种非数字(认知科学)实践,但主要由数字行业使用和定义。


这里要学到的教训是,如果你对社会学,认知科学,人和伟大的产品感兴趣,那么用户体验是一个很好的选择。但如果您了解这些原则并且更具视觉倾向,那么您可以看看它的兄弟:用户界面设计。



什么是UI设计?



尽管它是一个更老,更实践的领域,但问题是“ 什么是用户界面设计?“由于各种各样的误解,很难回答。虽然用户体验是专注于优化产品以实现有效和愉快使用的任务集合,但用户界面设计是其补充; 产品的外观,感觉,展示和互动性。但是就像用户体验一样,它很容易并且经常被使用UI设计者的行业所困惑 - 在某种程度上,不同的职位通常会将这个职业称为完全不同的职业。


如果你查看用户界面设计的职位,你会发现大多数类似于平面设计的职业解释。有时也延伸到品牌设计,甚至前端开发。


如果您查看用户界面设计的专家定义,您将主要找到与用户体验设计部分相同的描述 - 甚至引用相同的结构技术。


那么哪一个是对的?悲伤的答案是:两者都没有。


但两者在某些方面都很接近。与用户体验设计一样,用户界面设计是一个多方面且具有挑战性的角色。它负责将产品的开发,研究,内容和布局转移到用户的吸引力,指导和响应体验。与UX不同,它也是一个严格的数字专业领域,

根据其字典定义:

用户界面
名词计算

用户和计算机系统交互的方式,特别是输入设备和软件的使用。


无论您选择的是UX设计还是UI设计,了解另一个如何工作以及最重要的是如何使用它们非常重要。


让我们快速浏览一下UI设计师的职责:


外观:

  • 客户分析

  • 设计研究

  • 品牌和图形开发

  • 用户指南/故事情节


反应能力和互动性:

  • UI原型

  • 互动和动画

  • 适应所有设备屏幕尺寸

  • 使用Developer实现


作为视觉和交互式设计师,UI角色对于任何数字界面都至关重要,对于客户来说,信任品牌至关重要。虽然品牌本身绝不是UI设计师的责任,但它对产品的翻译却是。


您还将注意到最后一点,它指出了与开发人员“实现”设计的责任。虽然这通常是UI工作过去的工作方式,但您应该意识到线条模糊不清,因为术语“Web Designer”(本质上是可编码的UI设计者)正在被用户界面设计人员的专业知识所取代。虽然UX不需要编码,但随着时间的推移,UI是一个角色,它将依赖于它作为构建交互式界面的一部分。


总之:

  • 用户界面设计负责将品牌优势和视觉资产转移到产品界面,以最好地增强用户体验。

  • 用户界面设计是通过交互元素和所有尺寸/平台在视觉上引导用户浏览产品界面的过程。

  • 用户界面设计是一个数字领域,其中包括与开发人员或代码合作和工作的责任。


或者在类比方面,UI设计产生产品' 皮肤 - 产品的视觉/图形表示。它负责产品的感官 - 响应用户输入的反应性和交互性。它的手势 - 产品的指南,提示和指令,直观地引导用户体验他们的经验。



UI设计比UX设计更重要吗?



如果您已经阅读了上述段落,那么您已经知道了答案。但是如果您不确定,请允许我引用设计师兼专家Helga Moreno的话,他在其文章“UX与UI设计之间的差距”中雄辩地阐述了它:


“看起来很棒但很难使用的东西是很好的用户界面和糟糕的用户体验的典范。虽然看起来很糟糕的东西非常实用,但却是优秀用户体验和不良用户界面的典范。“


所以你看,它们都是至关重要的,虽然有数以百万计的优秀产品有一个而不是另一个,但想象一下,当两个领域都很强大时,它们可能会有多大成功。


让我们面对现实,两个角色仍然混淆,误解和错误地追捧。所以如果你想进入这些领域,那不是一个更重要的问题,而是基于上面的描述,这对你更有吸引力。


哪个职业的薪水更好?


工资当然主要取决于许多因素,但主要是:

  • 地点

  • 经验

  • 行业

  • 项目/产品类型


平均而言,您会发现UI和UX工作在初创公司和小型科技行业中的薪资范围相似。然而,你会发现,在网络和移动领域以外的技术行业(例如汽车公司,医疗设备制造商等),UI设计师有更多更丰富的机会,因为这个领域不仅更成熟,而且更直接,业务驱动的应用程序。


5
阅读原文
|
举报
|
10
分享
评论
用户头像
评论你的想法~
表情
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
倒计时,海报,平面
原创UIUX交互橙红渐变炫酷视觉平面设计作品集模板PSD
金色颗粒质地的平面
玄关入门地毯印花图案红地毯
金色颗粒质地的平面
空的平台平面和自然景观
城市园林平面布局航拍
“知识宅急送”外卖,快递,平面,海报,素材,教育
平面风格黄绿色系花朵装饰
平面花卉图案扁平简约无缝拼接插画
城阙凡花
牛奶乳液层次梯田平铺平面
城市园林平面布局航拍
中国传统纹样创新图案设计
平面插画情侣/矢量
金色颗粒质地的平面
海底世界插画
平面插画设计女孩喝咖啡
空的平台平面和自然景观
平面男孩喝咖啡插画设计
金色颗粒质地的平面
城市园林平面布局航拍
平面人物插画
平面设计 吊牌设计
牛奶乳液层次平面平铺平面
你可能喜欢
大家都在看
登录注册