logo标签列表

交互设计、视觉设计、网页设计、用户体验设计、用户界面设计、用户界面开发之间有什么区别？

user-interfaceterminologyuser-experience
11
9个回答
51

这可能是一个更简短的版本：

  • 视觉设计：外观如何
  • 信息构架/设计：组织结构如何
  • 用户界面设计：在我操作之前如何工作
  • 交互设计：在我操作之后如何工作
  • 网页设计：在浏览器中如何工作
  • 用户体验设计：我的感受如何
  • 开发：实际编码
3
就交互设计而言，我会选择“触摸时的外观”或者“触摸感受”作为术语。但这可能与你对用户体验的定义非常接近了。 - Anthony
1
我不同意“开发”这个词。我认为“编程”才是“实际的编码”，而“开发”则更多地涉及到通过全部或部分生命周期来“构建或改进产品”。在我看来，一个好的开发过程应该包括IA、UI、UX、IxD以及编码。 - j b
在他的问题中提到了UI开发。我采取了字面解释。 - Glen Lipka
这是我迄今为止遇到的最好的差异解释。 - Michael D
6
这是我的观点，希望能有所帮助。
首先，让我们澄清一下“设计”和“开发”的概念。
“设计”是一个概念性的工作，旨在为解决问题提出方案。这个过程涉及到筛选不适合你预期目标的想法、感受和信念。
而“开发”则是将最终规范/想法（至少从理论上来说）或接近你所寻找的东西制成产品。基本上，就是将你的设计/想法转化为可行的最终产品。虽然很多情况下并非如此。
需要注意的是，在产品的生产过程中，这两种工作通常会同时存在。
现在，视觉、Web、UX、UI等都只是设计理念的子类别。虽然它们都基于设计原则，但各自都有自己的子世界、子规则和子实践，直接适用于各自的子类别。在很多情况下，这些子类别似乎可以相互传播。
根据我的理解和多年的学习：
交互设计（与特定领域无关）- 概念/理解一个人/个体如何与一个实体交互，并如何设计该个体与该实体之间的交互过程。该实体可以是您选择的任何物品，例如您的汽车、烤面包机、网络浏览器和使用浏览器查看的网站等。
视觉设计（与特定领域无关）- 美学吸引力和对个体交互/观察产生影响的概念/理解。
Web设计（与特定领域有关）- 一个技术特定的想法/理解，包括多种设计概念，如但不限于：交互设计、视觉设计、用户体验设计、用户界面设计等。
用户体验设计（与特定领域无关）- 设计用户体验的概念，其中包括视觉设计和交互设计，以及在进行这样的设计工作的领域中的限制。
用户界面（与特定领域有些相关）- 设计用户可以通过其与产品互动的界面，软件/ Web应用程序中的GUI或汽车中的方向盘等。
用户界面开发（与特定领域无关）- 是将用户界面设计概念转化为功能界面的过程，从而在个人和产品之间创建物理连接。
希望对你有所帮助。
1
我认为交互设计是软件领域特有的。比尔·莫格里奇在开发第一台笔记本电脑时创造了这个术语。他意识到，“一旦打开设备，运行的程序与设备本身同样引人入胜，也需要进行设计。” http://www.kickerstudio.com/blog/2009/03/ive-been-objectified/ - Chris Calo
1
用户体验设计 - 如何考虑和满足用户的思想和感受
信息架构 - 系统如何组织
用户界面设计 - 内容如何组织
交互设计 - 用户和设备如何行动和反应
视觉设计 - 外观如何呈现
上述学科中的一些或全部是以下领域的一部分：
建筑学，当涉及到建筑物时
室内设计，当涉及到内部空间时
工业设计，当涉及到有形物品时
平面设计，当涉及到文本和图像时
应用程序设计，当涉及到数字输入/输出时
网页设计，当涉及到浏览器时
0

我对进入交互设计领域很感兴趣（因此我只会谈论这种类型的设计）。我正在为一门合作课程作业发表评论，所以请告诉我您的想法。

对我来说，交互设计是关于用户体验的，但也关注行为和理解受众需求。对我来说，它不仅仅是关于设计本身，而是关于设计如何被使用。吸引我最多的是交互设计不仅仅是设计更多已经存在的东西，而且还包括创造目前不存在的设计的想法。

1
谢谢您的回答和意见，但您是否考虑过这是否回答了问题（列出的设计类型之间有何区别）？ - Zizouz212
0

我们需要解决的真正问题是UI、交互和用户体验之间的差异。

接下来，我们将进行一次全球首个深入讨论，探讨这些差异。

(1) UI指的是用户“面对”系统/应用程序以及系统/应用程序“面对”用户的方式。一个应用程序的外观、大小、布局、颜色、字体、显示效果，就像商店的照明、货架高度和宽度、通道宽度和长度等等。

(2) 交互意味着用户如何对系统/应用程序进行“操作”，以及系统/应用程序如何对用户进行“响应”。在这里，我借鉴了克里斯·克劳福德（Chris Crawford）的著作《交互设计的艺术：成功建立软件的愉快而启迪性指南》。

他提出，良好的交互类似于良好的对话，并且良好的对话具有三个基本属性，我将在下面的例子中解释。他说，良好的互动参与者会“倾听”、“思考”并在合理的时间内做出回应。

  1. 一个人/应用程序只是听。那么，它就不是互动的，例如录音机、书籍、墙壁。

  2. 一个人/应用程序只是说话。那么，它就不是互动的，例如收音机、老式电视、老式CD播放器。

  3. 一个人/应用程序只是说话和听，但没有任何思考。例如一些自动答录机、一些社交无聊者。

(3) 用户体验 在相同的用户界面和相同的交互下，我们是否会得到相同的用户体验？它们是否可以有所不同？

例如，假设有一个搜索引擎，它的工作方式与谷歌完全相同。但你“感觉”或“怀疑”这个新的搜索引擎收集了太多你的私人数据。

就像你知道或“感觉”某个商店剥削儿童劳工，只是口头支持环保问题。同样的货架、过道、商品。还有同样的员工和服务，...然而，却有不同的体验。

这就是“体验链”，这是《体验经济：工作是戏剧，每个企业都是舞台》一书中的一个关键概念。

谢谢您的时间。当然，我并不幼稚。但是那些短语确切的含义我不是很清楚。无论如何，我会阅读您建议的内容，并在这里确认一下。 :-) - rajakvk
0

交互设计 - 研究人员，定义系统/应用程序的交互/通信。 视觉设计 - 艺术家，绘制图形 - 可以是Web媒体/印刷媒体/等等。 网页设计 - 艺术家，但仅适用于Web应用程序。 UX设计 - 研究人员，了解用户方面的每一个细节，并确保愉快/微笑的体验。 UI设计 - 与Web设计相同。 UI开发 - 前端开发人员 - HTML、CSS、JS、Jquery、Ajax、YUI、Php、Silverlight .net等等。任何一种前端技术。

让我用简单/易懂的方式组织它： UX设计 交互设计 用户界面/ Web / 视觉设计 UI开发

0

我对这些问题的回答如下：

  • 交互设计：是用户完成操作所必需的过程，例如在在线商店购买商品。交互设计通过简单的表单和少量步骤以及返回上一步的可能性来改善用户在购买过程中的体验。
  • 视觉设计：是吸引用户注意力所必需的，例如iPod的设计（简单、白色、优雅...）。
  • 网页设计：同样适用于网站。为PC、平板电脑、智能手机等设计网页。
  • 用户体验设计：是为了给用户提供非常好的产品或服务体验的整个过程。这涉及到设计（视觉、网页、UI、交互），让用户感受到特殊的材料（例如驾驶宝马汽车），让用户相信他是一个特别的人，当然还包括服务和产品的开发。
  • 用户界面设计：特别关注改进用户界面，使用户有很好的感受（例如，一个非常简单易用的购物网站）。
  • 用户界面开发：与UX设计师合作，达成良好的UI效果。
0

交互设计 - 代表与实用性概念相关的设计方面。视觉元素的选择不是由美学原则决定，而是由设计对于网站访问者的实用性以及简化和优化他/她的体验程度来决定。

方法示例：圆形按钮更适合我们的目标受众还是方形按钮？

视觉设计和UI设计代表美感。视觉设计和UI设计之间唯一的区别在于前者更全面，包括从按钮、图标和布局到海报等所有内容，而后者不包括横幅，主要关注应用程序的图标/按钮/主题方面。

UX设计类似于交互设计的概念，但在这方面更加“硬核”，描述了与可用性相关的逻辑方法，例如由用户需求确定的网站逻辑架构。它是规划、投影和线框图制作的过程，建立功能并设想系统，而交互设计则更进一步。

总之，UX与草图和线框的概念相关联，UI是相应地完成设计（添加主题、Web安全字体和颜色调色板），而UI开发是在编码时重新创建设计的过程。
您可以在交互设计基金会上了解更多信息： https://www.interaction-design.org/literature?ep=mb
-2

设计有六种类型，它们是：

  1. 交互设计
  2. 视觉设计
  3. 网页设计
  4. 用户体验设计
  5. 用户界面开发
2
原帖提问有什么不同之处。也许您可以详细说明OP列出的五种设计类型中的某些具体内容。 - les
网页内容由stack overflow 提供, 点击上面的
可以查看英文原文，
原文链接