什么是交互设计?

这是我在知乎上的「什么是交互设计?」的一篇回答,重新梳理了一下逻辑,分享给大家。(长文预警 : 阅读时间 15 分钟)如果我们问,交互设计是什么?从网上各种定义中似乎能很快就能知道答案。交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。—— 来自 I...

什么是交互设计?

这是我在知乎上的「什么是交互设计?」的一篇回答,重新梳理了一下逻辑,分享给大家。 (长文预警 : 阅读时间 15 分钟)


如果我们问,交互设计是什么?从网上各种定义中似乎能很快就能知道答案。

交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。

—— 来自 IxDC

定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”“用户体验”两个层面上进行分析,关注以人为本的用户需求。

——来自 李世国 顾振宇.《普通高等教育工业设计专业“十二五”规划教材——交互设计》中国水利水电出版社,2012年

但很显然,如果根据定义来看,我们可能无法真正理解交互设计是什么,又为何如此去定义。因为在这个过程中,大量直观的流程、细节全部被抽象压缩精简成了一个概念。如果想真正能够理解透概念,最好的做法便是「举反例」——也就是思考为什么是这样而不是那样?

所以与其从正面去说交互设计是什么,有什么好处,不如质疑它的合理,思考如果没有了它世界会怎么样。当然,我们进行质疑的最终目的,不是为了搞个大新闻,去否交互设计的价值,而是通过这种质疑,去理解交互设计存在的意义,它的合理性,从而加深对于交互设计的理解。毕竟,一个真正合理的东西,从任何角度进行质疑都不会有任何破绽

所以,第一件事,我们自问一下,交互设计的合理性在哪?世界上没有交互设计,还能不能正常运作?它真的必须存在在世界上吗?它的存在是有什么必然性吗?

只有我们肯定了交互设计存在的合理性,诸如 「交互设计是如何诞生的?交互设计有什么用?我们为什么需要去研究交互设计? 怎么去做交互设计?」这样的问题才有讨论的必要。

为了研究其合理性,我想第一个问题应该是要界定交互设计的边界。

一、界定交互设计的标准是什么?

能被称为交互设计的界定标准是什么?因为如果没有这个标准,一切皆可以被称为「交互设计」,那么我们所有讨论的案例、理论、设计都将会是没有意义的。

那怎么办去界定呢?很简单我们出几个问题自问一下:

  • 一瓶水的包装设计能不能被称为交互设计?

  • 一个栏杆的指示设计设计能不能被称为交互设计?

  • 飞机的控制系统仪表盘设计能不能被称为交互设计?

  • PC、移动端的显示界面设计能不能被称为交互设计?

什么是交互设计?

我想最后一个问题不言自明,我们现在通常所说的交互设计,指的就是设计PC或者移动端的各种界面。那前面三个呢?

如果仅仅从「交互」的角度来考虑,包装、VI、仪表盘的设计都的确与「交互」有关。毕竟每一个人造物都对人的行为都具有引导或者是反馈作用。但是,难道存在交互,就应该被称为「交互设计」吗?

如果以这样来界定「交互设计」的范围的话,你会发现,所有人造物的设计都可以属于「交互设计」的一部分,那我们还有必要去单独创造一个「交互设计」的词吗?我们之所以创造一个单独的词来称呼,是因为这个词所指代的内容必然有其独特性。而正是这种独特性,将「交互设计」从「包装设计」、「VI设计」、「产品设计」等设计词汇中区分开来。因为我们发现,把设计PC或者移动端的各种界面这种行为叫成「包装设计」、「VI 设计」或者「产品设计」并不合适,所有才会新创一个词来指代设计行为。

所以,「交互」并不是一个科学有效的界定标准,我们并不能,也不应该单纯地从「交互」这个字面意义来界定交互设计的范围,过分夸大交互设计包含的领域。

所以我们需要思考了,包装和电脑之间的差异在哪?飞机控制系统和一个指示牌之间的差异在哪?去控制一架飞机和控制一辆三轮车之间的差异在哪?

什么是交互设计?

我们能够明显的感受到电脑、飞机所包含内容的复杂程度与包装、三轮车并不在一个量级。

如果人们能理解一瓶水的包装,看懂一个指示牌的意思,那么我们是不是根本不需要设计任何的交互?换句话说,如果产品本身便能够表达或是引导产品功能的使用方式,那么根本不需要设计任何的交互。

再来看信息技术产物——打印机、电脑、手机,或者诸如飞机控制系统、动车控制系统这般庞大的人工系统,普通人能够快速理解吗?我想答案是否定的。

正是因为人无法快速去理解其中的运行逻辑,才会导致人无法快速掌握和理解这些人造物,那么这些人造系统就失去了被创造出来的价值。

那而如何让人快速掌握这些人造物,符合这些人造物的创造的意图呢?很显然,我们需要一个超越人造系统本身之外的「对话机制」,通过这种机制有效地去和系统沟通,而这种「对话机制」就是我们所谓的「人机交互」。

如此一来,界定交互设计的标准似乎就浮出水面了——设计的对象是否是复杂的人造系统 ?(「复杂」一词的界定则是「能否被人脑快速理解」)  如果人造系统很简单,那么就不需要存在多余的「对话机制」,因为人脑能够快速理解这个人造物。而人造系统很复杂,人脑无法理解人造系统的话,那我们就需要一个「对话机制」来辅助我们驾驭人造系统。

而将此标准套到前面几个例子中,我们能发现,「包装设计」、「VI 设计」很自然地被排除了,因为它们简单到并不需要存在任何其他「对话机制」。而仪表盘和电脑的显示界面被保留下来了。

什么是交互设计?

那问题来了:明明仪表盘的设计是属于人机工程学的领域啊,为什么被这个标准界定到了交互设计呢?的确,仪表盘设计,根据我们的经验,是不应该属于交互设计的范畴。那么,是这个标准出问题了吗?

没错,是出了问题,我们少了一个限制条件。因为在传统工业设计领域中,是有专门研究复杂人造系统的「对话机制」的学科的——那就是人机工程学。打印机界面、仪表盘等所有物理界面相关的设计,均能用人机工程学的理论和方法指导和完成。按我们刚才的界定标准进行划分,很多人机工程学的设计应用都会变成交互设计。但是这和我们日常的经验并不相符对不对?

于是,我们不经要问了,交互设计和人机工程学到底有什么关系?为什么现在的交互设计会是一个独立学科呢?也许我们只有把这个问题解决了,才能更加清楚地界定出来「交互设计」的范围。

二、交互设计为什么能成为独立学科?

既然人机工程学能解决所有物理界面相关的设计问题,那么「交互设计为什么能成为独立学科?」,这是很自然会产生的第二个问题。毕竟,如果没有特异化的问题产生,没有对应的特殊的理论、方法和思想出现,那么一个学科是不应该被独立出来的。

再回过来看看两者的差别。人机工程学研究是的物理界面,但是信息技术诞生出来的界面是什么界面?虚拟界面 ,对不对?

什么是交互设计?

虽然物理界面能用人机工程学的理论方法指导,但是信息技术诞生出来的那些虚拟界面(屏幕)呢?人机工程学的大部分理论、方法和工具在电子屏幕这个黑色平面前似乎发挥不了太多作用。因为虚拟界面完全没有物理限制,操作限制。我连续按一个键,每一次都可以反馈出完全不同的结果。屏幕可以呈现的内容完全超出了人机工程的想象范围。换句话说, 人机工程学的理论、方法、工具其实是全面地指导这个新兴事物的发展,这个领域必须去寻找新的理论、技术、方法的支撑。

那实际上,这个独特新型研究领域在认知心理学、行为学、计算机科学等领域找到支撑点。揉捏了那么多不同的领域知识后,它拥有了自己的理论、方法、工具,最后形成了单独一个学科。而这个学科,现在便被称为「人机交互」,「交互设计」是其面向移动端界面的一个细分。

如果我们返回到历史进行验证的话,我们能够找到证明我们推理的历史事实:

交互设计发展期(1980年-1995年):理论方面,从人机工程学独立出来,更加强调认知心理学以及行为学和社会学等学科的理论指导。

经过如此的溯源之后,我们可以发现:「人造系统能否被人脑快速理解」是界定是否是交互设计的一个必要条件,而另一个必要条件则是——「对话机制」的呈现不是物理界面,而是虚拟界面

那么最后的界定标准似乎就浮现出来了:设计的对象为复杂人造系统,需要设计的「对话机制」是虚拟的 。(这样不仅仅是PC、移动端的界面,目前正在兴起的语音设计也被包括在内)

三、独有的价值是什么

当我们搞清楚交互设计的界定标准之后,接下来就可以正式讨论其合理性了,即:交互设计独有的价值是什么? 因为如果没有独特的价值,那么这个领域就很容易被取代,存在的合理性会受到很大的质疑。

我们已经知道了,人造物的复杂性(黑箱)使得人无法去快速掌握它。显然的,交互设计的根本目的就是让人能掌握人造物。

在此之前,我们需要思考一下,为什么我们无法快速掌握人造物呢?

这跟用户的「心智模型」有关。

心智模型的理论是基于一个试图对某事做出合理解释的个人会发展可行的方法的假设,在有限的领域知识和有限的信息处理能力上,产生合理的解释。

上面这段话估计怎么样都很难看懂,还是拿水壶举个例子吧。

什么是交互设计?

现实生活中有左边那样一个水壶,当我们看到它后,在我们心里就会想出它的使用方式——把手是拿来握的,顶盖的圆环拿来捏,壶嘴拿出倒水…简单来说就是,我们看到水壶就知道它是怎么用的。

但是,右边的水壶壶嘴几乎不可见,你看到之后还能那么容易得找到出水口吗?

换话说,物的形态暗示是有其功能的,而一旦物没有了特殊的形态,那么人们将难以去理解功能。当它的形态暗示不了它的功能的时候,我们的心智模型构建就会出现问题。一旦出现问题,我们便无法掌握人造物。面对一个未知的复杂的人造物时,光是从形态上,我们便无法直接明了地理解它的基本用途。所以肯定无法形成有效的心智模型。这样就会导致无法掌握人造物,更不能可能去理解创造的意图。

什么是交互设计?那么这个时候交互设计就登场了。作为人机的一种「对话机制」,它很好地削弱了人造物的复杂性,大大降低人的认知负担,使得人能够快速地构建对人造物的认知。

但是削弱了人造物的复杂性并不是交互设计独有的价值,我们也可以通过减少功能来削弱复杂性,或者让人经过长期学习来掌握人造物。

但是很多时候,功能是无法被削减的,长期学习也并不现实。

什么是交互设计?

比如给飞机的控制仪表盘削弱复杂性,减少功能按钮的确可以促使飞行员更快速、有效地理解如何使用该此控制系统,但是功能按钮的减少会带来诸如安全、操控性等方面的问题,这必然是不能接受的。

而使人经过长期训练来学习掌握人造物,这更是不现实。毕竟我们不可能花费大量时间去学习操作电子元件或者写代码。

而这就是交互设计区别于其他掌握人造物的方法的最重要的一点:在保持原有功能的基础上削弱人造物的复杂性,使人能够以高效构建对人造物的认知。 也是其独有的价值所在。

可能有人会问了,那交互设计是如何做到这一点呢的?

这个就是我之前有提到的,最大程度地符合用户的心智模型,便能够很轻松地削弱人造物的复杂性。

什么是交互设计?

例如上图这个炸弹人的游戏引入了“手柄”这种实物概念,用户能够快速地将印象中对于“手柄”的概念移植到这个游戏上,建立「控制手柄 = 控制人物移动」的心智模型,由此快速地构建了基本的游戏操作方法的认知。这就是削弱复杂性的一种典型好用的方法。

而到此为止,什么是交互设计,大家应该有了一个相对明确的答案。

用我自己的话说——交互设计脱胎于人机工程学,融合认知心理学、行为学、计算机科学等学科理论方法 (前世今生),是复杂人造物与人之间以虚拟界面为载体的「对话机制」 (是什么)。交互设计通过构建有效的用户心智模型 (方法),在保持系统原有功能的基础上削弱人造物的复杂性 (独特性),让人用更低的成本建立对人造物的基本认知 (直接目的),使人能够掌握人造物,并让人造物的使用符合创造的意图 (根本目的)。

再来看看网上的一些定义,是不是会发现豁然开朗了呢?

交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。

定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中心。交互系统设计的目标可以从“可用性”“用户体验”两个层面上进行分析,关注以人为本的用户需求。


什么是交互设计?
Arvin(阿文)的全栈设计札记,致力打通「造物」全链路。
跨界平面、影视后期、工业产品、用户研究、交互设计、前端开发。
涉及领域内容宽泛而深入,不喜勿关注。

原创文章,作者:交互精选,如若转载,请注明出处:https://www.iamue.com/35101/

(0)
交互精选交互精选
上一篇 2018-02-03
下一篇 2018-02-03

相关推荐

  • 与经典艺术交互体验,迪士尼推出AR博物馆,“篡改”世界画作

    ——映维网——国际影响力VR信息数据平台文章相关引用及参考:vrscout怎样做到?用户能够通过移动设备扫描博物馆中的任何2D艺术品或者是书籍,然后实时更改颜色和色调。例如,你可以把《蒙娜丽莎》变成紫色的皮肤(映维网 2017年09月02日)迪士尼在2015年开发了一种可以通过实时纹理来创建彩色书籍的AR技术(一种捕获2D绘图来实时创建3D增强现实图像的过程)。自那以后,迪士尼将实时纹理技术发展成一个名为AR Museum的新AR应用程...

    2018-01-30
  • 交互设计的闭环体验

    交互闭环体验的定义交互设计的闭环体验体现在产品的每个功能的细节上,产品可以看作是一整套交互的集合。一般只涉及一种使用场景的交互,只体现为一种功能,且只完成一件事。比如:修改设置、上传文件、设定闹钟、更改密码、打开家用电器、登录、设置状态消息、收藏等。交互设计的闭环体验主要由4方面构成:触发控件:交互闭环的起始点设计规则:交互闭环所遵循的交互方式信息反馈:用户与产品的互动过程关闭(循环)模式:交互闭环过程的结束(循环)模式交互闭环体验的定...

    2018-02-14
  • Sketch常用插件介绍

    sketch大家应该都不陌生,在互联网设计尤其是UI设计相对于老牌PS,sketch提升了工作效率,改变了以往的工作模式,sketch的强大除了软件本身,另一个不可磨灭的功劳就是丰富的插件。今天给大家介绍几款常用的插件:一、Sketch Measure一键自动生成 HTML 页面,离线下检查所有设计细节,包括 CSS 样式。在线演示: http://utom.design/news/二、Craft帮你提高效率的自动填充神器a.文本自动填...

    2018-04-12
  • 未来美甲店一定赢在“用户体验” | 互联互生

    咱们来假想一个情景,你到一个新公司第一天上班,你刚到公司门口,就有一位打扮非常正式的女士专门迎接你。她领着你在公司走了一圈,介绍了各部门的情况,然后把你送到你的办公桌。你发现办公桌上挂着一个横幅,上面写着“新人在这儿!”全公司都能看见。你打开电脑,屏幕是一张代表公司理念的美丽图片。办公桌上有一份给你的礼物,是不锈钢做的一个公司产品的模型。你刚连上电子邮件,就收到 CEO 亲自写给你的信,对你各种鼓励、希望你能度过愉快的一天,也希望你在公...

    2018-04-29
  • 掌握交互设计思想,从用户视觉心理开始

    什么是交互设计师?在刚刚开始研究交互的时候,我也经常问自己:什么是交互设计师?这两年“用户体验”这个词非常火,以前在技术沟通中经常生硬的用“用户体验”这个词来说服技术,难免有些空洞。其实用户体验不止于产品的交互设计有关,还包含产品的内容和服务、表现形式,大部分情况下产品的内容和服务才是整个用户体验的核心。而我所理解的交互设计就是把表现形式、内容和用户行为相互协调的一门学问,是影响用户体验的关键因素之一。另外,按国内就业情况来看,目前交互...

    2018-04-26
  • 用交互体验方式感受人类智慧结晶

    2017年9月26日,中国科技馆“华夏之光”展厅经过为时半年的更新改造后,将面向公众进行试运行,并于10月1日正式重新开放。“华夏之光”展厅位于中国科技馆主展厅一层,设有“中国古代的技术创新”、“中国古代的科学探索”、“华夏科技与世界文明的交流”三大主题分区,围绕不同主题,讲述中华民族在生存发展过程中不断创造与发明、探索与发现、交流与融合的科技故事。此次封厅改造是在原有展览的基础上进行的局部性升级换代。“华夏之光”展厅维持原有展览框架,...

    2018-01-30
  • 交互设计工作坊探秘 | WTM 2018 实录

    重构购票流程的信息架构假期将至,你打开再熟悉不过的订票网页,輸入出发日期、目的地、人数,选择了最合适时段的火车票,预定、付款,整个过程不超过 3 分钟。关闭网页后,你甚至不会记得支付后的画面到底显示了什么,因为这一切流畅的就像呼吸般的自然。4 月 14 日,我们邀请到了春秋航空的高级交互设计师——程琳琳,带领一群对交互设计有热情的伙伴们,以欧洲铁路局的项目为范本,一起重现购票流程的信息架构,让大家了解这流畅的购票交互设计是通过什么方法一...

    2018-04-28
  • 用户体验升级:《部落冲突》VS《竞逐之国:毁灭时代》

    原文作者:Om Tandon‘用户体验设计’是电子游戏产品的关键组成部分之一,随着手游产业的发展和智能手机的普及,人们接触的手游越来越多,现有的手游体验对多数玩家来说已经不再陌生。为了在同类产品中建立优势,开发者需要不断实现创新,改进并突破这种体验,从而为用户创造新的价值。与上市时间较长的同类手游《部落冲突》相比,Space Ape的RTS新作《竞逐之国:毁灭时代》在用户体验方面实现了突破。我们将两者的‘首次用户体验’、‘编辑模式&基地...

    2018-03-09
  • 善用Axure写PRD:产品逻辑的五种呈现方法

    每天一篇好文章,2018年第2期不管是APP、web网站还是pc客户端的软件,流程&页面&交互&逻辑始终是最重要的几环,分享一下我呈现逻辑的几种方法,大部分PM应该也采用过类似的方法。一、直接不写逻辑最开始根本没有写逻辑的概念,只是用交互事件加上基本的页面跳转。当技术童鞋来问的时候,口述给他。经常会被鄙视。二、直接写到页面里开始学乖了,把一些逻辑直接写到页面里。不过很快就发现了弊病,某些逻辑不应该呈现给用户,只能给前后端童鞋看。同时也造...

    2018-03-27
  • Axure8.0展开收起

    设置菜单展开收起效果,且联动箭头朝上朝下动效。收起状态:箭头朝下,内容收起。展开状态:箭头朝上,内容展开。【步骤】1)设置展开内容与箭头为两个动态面板,命名2)点击事件设在点击菜单栏,同一个事件下控制两个面板状态。内容面板:箭头面板:设置旋转效果。点击菜单栏:点击运行即可。

    2018-03-15