【干货】在考虑入行交互设计之前,你必须搞清楚这些

本篇文章来自知乎专栏:设计史论与设计哲学https://zhuanlan.zhihu.com/sheji-history-theory作者:乐可柯产品与交互设计师,设计史论学者现任阿里巴巴集团交互设计师毕业于同济大学设计创意学院设计学硕德国奥芬巴赫设计学院交换生今年,O’REILLY公司对全球范围内的“交互设计行业”做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设...

【干货】在考虑入行交互设计之前,你必须搞清楚这些

本篇文章来自知乎专栏:设计史论与设计哲学

 https://zhuanlan.zhihu.com/sheji-history-theory

作者:乐可柯

产品与交互设计师,设计史论学者

现任阿里巴巴集团交互设计师

毕业于同济大学设计创意学院设计学硕

德国奥芬巴赫设计学院交换生


今年,O’REILLY公司对全球范围内的交互设计行业做了一次调研,收集到了来自25个国家、1000多名设计师的反馈,虽然量不大,但其数据显示的结果可以作为参考,一窥整个交互设计行业的大致现状。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

 图片来自于报告《2017 design salary survey — O’Welly》


以现有该领域的设计师职位抬头来看,其中,“UI/UX设计师”占到了22%,“体验架构师”则有5%,还有2%的是“用户研究”,当然还有诸如“设计主管、开发者、分析师、设计咨询师等等”。

 

面临发展迅猛的交互设计行业,经常就有学生来问我,“是该选产品设计好还是交互设计好?”或者“过去是做产品设计的可不可以转交互设计?”“是不是视觉设计转交互或者界面设计方便点?”等等诸如此类的问题。

  

先不说别的,这里面有些问题本身问的就有问题,暴露了现在很多学生、甚至很多从业者对交互设计的理解偏差和混乱,要解答这些问题,我自己觉得,我们有必要先来搞搞清楚几个现在经常听到的名词,以及它们之间到底是什么关系:UX、Interaction、HCI、UI

 

(1)UX. User Experience,也可以写成UE,用户体验设计这个词最先由电子工程学、心理学、认知科学学者唐纳德·诺曼(Donald Norman)在1990年代提出。通过提升用户与产品或服务交互中的可用性(分为有用性和易用性)、可触达性、情感性等因素,最终使用户达到满意的设计过程,便是所谓的用户体验设计。

 

其实当时时任苹果公司用户体验架构师(User Experience Architect )的诺曼,主要是针对人和计算机的交互层面,提出的“用户体验”,他认为光是用可用性设计或者用户界面设计来定义当时那些系统或软件设计师做的事情还是太狭窄。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

唐诺曼(Don Norman)当时在Cupertino, CA的苹果公司总部

但我们现在知道,随着其自身定义的不断发展,用户体验设计覆盖的也已经不止是人和计算机的交互层面,也可以是人和器物的交互(工业设计)、人和系统的交互(服务设计)等等。

 

其实,用户体验设计最早可以追溯到1940年代,只不过那时人们不叫这个词,它有另一个名字,叫人因工学设计(Human factors and ergonomics),与用户体验之于人机交互不同的是,后者更专注于物理环境下,人的因素(生理、心理等因素)和实体产品设计(物理因素)之间的关系。

人因工学(Human factors and ergonomics)中,设计师通过对人体静态、动态尺寸的精确测量,设定了人的尺度,以此为标杆,设计相应的产品。如图为一位成年女性坐在电脑桌前的人体尺度测量。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

 

亨利 德雷福斯(Henry Dreyfuss,3.1904 – 10.1972)美国工业设计师,为世所铭记的就是他对人因工学设计的贡献,让万千设计师真正懂得从人的尺度,来设计人和物之间的交互。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

所以实际上,不论是过去传统的产品设计,计算机时代的软件设计,还是当下体验经济时代的服务设计,广义上讲,都是在设计用户的体验,只是承载功能、传递价值、产生体验的媒介不同罢了,媒介也就是设计产物——设计者缔造解决方案的载体,可以是硬件产品、软件系统、也可以是服务体系。


所以本质上用户体验设计可以泛指所有的以用户为对象的设计领域,也可以具体指某个细分设计专业。


当下,企业设置很多职位、很多设计师自称为UX Designer,其实是特指某个或几个细分设计专业,其中以软件设计(常见的网页、客户端产品、系统设计等等)和服务设计为主,所以同样,如果一个产品设计师说他是UX Designer,没有任何问题。


假设我们把所谓的“体验”定义为用户使用产品或服务过程的前、中、后整个周期的综合情感,那么艾斯林格的“Form follows Emotion”就是产品设计也属于UX的最好证明。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

(2)Interaction,交互设计。我们可以把Interaction这个词拆开来理解,由Inter和Action组合而成,在一个交互关系中,一定有一对或多对主客体存在,他们相互(Inter)作用(Action),主体输入、客体输出(I/O – Input / Output)的行为过程就是交互(Interaction)。那么交互设计,其实就是在设计交互(Design Interaction),设计“人之于其他一切客体的行为”。

 

在一个交互关系中,一定有一对或多对主客体存在,他们相互(Inter)作用(Action),主体输入、客体输出(I/O – Input / Output)的行为过程就是交互(Interaction)。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

作者自绘

 

要设计人的行为,首先就是要了解人是怎么产生行为的。仔细研究,你会发现,不管对于何种客体,人的行为大致一样,都经历了一段从感性认识、到实践、再到理性认识的过程:感知(Perception)、预测(Anticipation)、行动(Action)、反馈(Feedback)、认知(Cognition)

 

举个例子,当某人看到墙上有个折弯、凸出的横向圆柱形器物(感知),觉得应该可以握着它并且可以旋转(预测),于是他这么做了(行动),这个圆柱形器物果然旋转了并且伴随着“咔哒”一声,同时随着此人继续拉动圆柱形器物,这面墙被打开了(反馈),哦,于是这个人明白了,这面墙是个门,而这个折弯、凸出的横向圆柱形器物是可以控制这个门的开关的,于是他以后都知道,这个叫做门的把手(认知)。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

在这个过程中,我们发现,用户得到的反馈符合了他最初的预测,顺利完成了目的,产生的这种愉悦、顺心的情感其实就是体验,所以我们讲,用户体验来自于用户与客体的交互过程和它带来的结果,用户体验设计包含交互设计,如果说体验是设计者最终的目的,那么交互设计就是实现体验的渠道和来源。

 

同时,我们还可以发现,在这个过程中,其实只有门把手才是设计者直接缔造的产物,你可能会说这是属于产品设计师的范畴,但它的的确确演绎出了一整个人的行为过程,并且靠这个产物实现了人的目的或需求,这好像又是交互设计师的范畴。

 

写到这里,你可能会发现,原来往往人们判别设计范畴的方法是直接看这个设计师产出的是什么,是门把手,就是产品设计师,是光标,就是软件设计师。但其本质上他们都是交互设计师,都遵循着交互设计中最核心的行为逻辑在做设计:用户在某种特定场景下通过媒介的使用行为来完成某个目的,其中包含了在设计交互中必不可少的五个要素:用户(who)、场景(when & where)、媒介(what)、行为(how)、目的(why)。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

所以最后在交互设计范畴下,继续细分专业方向的标准就是,媒介——人行为作用的客体,设计师缔造的直接对象。人和器物之间的交互,产品设计;人和信息之间的交互,视觉传达或数字媒体;人和计算机之间的交互,狭义交互设计,等等。

 

所以今天为什么提到交互设计或者UX设计,人们下意识地会将它们和软件设计、网页设计、App手机应用设计划等号,就是因为(移动)互联网时代或者数字经济时代的主要产品形态是虚拟的(软件系统或服务体系),交互的媒介则是以诸如电脑、手机触屏等为载体的图形界面GUI(Graphic User Interface)。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

对于那些询问说“产品设计能不能转交互设计”的同学而言,根本就不存在“转”,产品设计本身就是交互设计,解决人怎么更方便使用产品的问题,何尝不是在设计人的行为?所以其实这里同学脑子里想的交互设计并不是广义交互,而正是指以软件、网页、App手机应用等为产物的狭义交互,但它们所代表的GUI却只是HCI中的其中一个阶段性的范畴,是暂时的,甚至以后会被替代的,我们接着看下去。

 

(3)HCI,Human Computer Interaction,人与计算机交互,也就是我们经常讲的人机交互。根据前文我们可以知道,计算机不过是一种新媒介、新客体,所以人和计算机之间的交互,依然属于交互设计范畴下的一个领域。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

提到HCI,就不得不提另一个词,HMI(Human Machine Interaction),人与机器交互,HMI可以指人与搭载计算机的机器之间的交互,比如智能洗衣机,数码相机等,也可以指人与不搭载计算机、计算处理靠机械运作的传统机器之间的交互,比如自行车、汽车(当然现在汽车早就搭载计算机),所以如果我们把计算机也比做机器的一种类型的话,那么HCI是被包含在HMI范畴中的,它们同时属于交互设计范畴。

 

PS:这里可以普及一个小知识点,处理机器和机器(MMI - Machine Machine Interaction)之间关系的,是工程师,处理人和机器之间关系的,是设计师。

 

回过头再来看HCI,计算机这一全新客体的出现,改变了人以往与物的交互行为方式。


前面我们提到的那个门把手的例子,当人给予这个门把手一些操作,也就是输入动作后,把手的旋转、门铰链的转动导致门的开启等等过程,都是可以被感知的,也就是物的计算过程是可见的、瞬时的,人可以马上感知和判断自己的输入或操作,有没有对客体产生影响和作用;


但是对于计算机而言,这个计算过程是人看不见的,我们称之为“黑箱化”的,那么人通过一些输入设备对计算机发出操作,怎么才能让人感知到计算机有反应、有在计算,这就需要非物理界面进行信息的表达和传递,下面我们来看看HCI中都有哪些用户界面形式。

 

(4)UI,User Interface,用户界面。它是不同交互媒介用来表达媒介功能和反馈用户行为结果的重要载体。还是拿门把手的例子来解释,如果门把手是用户要完成开门目的的媒介的话,那么它的造型、材质等塑造出的整体外观就是这个媒介的用户界面,属于物理界面,首先它的外观让人对其有一个初步的视觉感知,其次折弯、凸出的横向圆柱形特征传递出可以握持、旋转的功能含义,最后它本身的旋转、给手的触感直接给予人操作行为的反馈。

 

1. 形式(外观)对应感知层 2. 功能可见性(产品语义)对应预测层 3. 反馈/输出对应行动/输入   

【干货】在考虑入行交互设计之前,你必须搞清楚这些

笔者自绘

 

那么同样道理,对于今天高度普及的智能手机而言,那块触屏下的图形界面就是用户界面,属于虚拟界面,手机系统或软件应用的所有功能,以及人点触、滑动完的所有反馈,便都是通过这个二维的、图形语言的用户界面来表达,比如ios系统中开关控件的设计,它的图形语义就暗示着人可以像现实生活一样,通过拨动那个按钮,来实现开关的功能。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

由于图形要素在以屏幕、触屏为主要交互媒介中扮演了主要角色,这就不难解释为什么很多视觉设计师可以较低成本地转型为UI设计师,但我们始终要明晰,这里的UI指的仅仅是GUI,图形用户界面。


因为对于整个HCI范畴而言,GUI只是其中一种且较早的用户界面形式,计算机最早与人沟通的界面是CLI Command Line Interface,也就是指令式用户界面,人输入计算机语言(早期的二进制语言),计算机反馈的也是计算机语言,今天的程序员依旧使用的是这种交互方式,它对人的专业性要求高,交互的信息也极为抽象;


而后随着施乐的一群电脑工程师发明了图形界面,人不用再学习复杂的计算机语言,即使是儿童都可以通过鼠标来操作屏幕里的一切图形元素,所看即所得;抛开鼠标、键盘等外接输入设备,人能直接用手指、手势甚至其他人体组织等作为输入设备,和计算机进行交互,这就属于NUI Natural User Interface,自然用户界面;之后还会人机交互界面还会发展到诸如TUI、OUI、甚至BCI等阶段,这里就不逐一展开赘述。

  

HCI人机交互下,用户界面的演变过程。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

作者自绘

 

现在,我们可以试着回答UX、Interaction、HCI、UI之间的关系,UX > Interaction(> HMI > HCI)> UI > GUI,用户体验源于交互,并包含交互,而一切人与客体之间的相互作用都属于交互,其中按客体类型可以分为HMI、HCI等,而HCI属于HMI范畴,用户界面则是交互媒介用来表达功能和反馈用户行为结果的载体,在HCI范畴里,随技术、媒介形式的变化,分阶段性发展出不同的用户界面形式,图形界面GUI只是其中的一种。

 

所以我们现在很清楚了,当下很多UX/UI Designer本质上其实就是人与计算机交互范畴下、图形界面范畴的狭义交互或界面设计师。一块3.5英寸的屏幕,催生了当今数以万计的,所谓的UX、交互、UI设计师,更有新来者趋之若鹜,是趋利还是趋势,不得而知,但有一点可以肯定,技术的发展、媒介的变化,一定会产生新的交互方式,新的用户界面形式,也一定会淘汰掉我们今天中的很大一部分人。

 

看清楚,才能主动做选择,否则永远随波逐流。

 

共勉。

【干货】在考虑入行交互设计之前,你必须搞清楚这些

点击下方“阅读原文”查看《新手设计师如何从月薪3千逆袭到3万?

↓↓↓

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

(0)
交互精选交互精选
上一篇 2018-01-30
下一篇 2018-01-31

相关推荐

  • 交互设计 ▏如何在作品集中展现自己的设计风格和思考过程?

    交互设计是对于用户产品使用行为的优化设计。它关注的是“用户场景”和“用户心理”,设计的对象是“用户行为”,达成的目标是“能用、易用、想用”。作品集其实是一个人设计风格和思考过程的折射,一个好的交互设计作品集需要在作品中展示你解决了什么问题,如何解决的,以及最终成果。今天小编给大家带来了一位学姐的交互设计研究生作品集,希望可以给大家带来一些启发啦!!!学姐的作品集中一共有3个项目,分别是项目1:Wish项目2:RT: BAGS项目3:FI...

    2018-04-22
  • 交互设计定律 在UI设计中的应用!

    交互设计之父阿兰·库珀说过这样一句话:“除非有更好的选择,否则就遵从标准”。在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计。接下来,笔者通过一些实例来解析下这些原则在设计中的应用。由于文章有点长,影响阅读体验,故本文将分为上下两篇。一. 费茨定律(Fitts’ Law)1. 费茨定律(Fitts’ Law)简介费茨定律是由保罗·费茨(Paul M...

    2018-02-26
  • 小欣浅谈 | 用户体验为什么如此重要

    前言说到我们日常所使用的那些产品和服务,我们对它们的情感可谓爱恨交织。它时而让我们为之欢呼雀跃,时而让我们感到挫败沮丧。时而让生活变得简单明了,时而使生活复杂无常。即使这样,我们每天还要和不计其数的产品打交道。而我们的产品开发人员,注意力的重点往往在95%以上都放在产品本身,而用户使用过程中的体验却常常被忽视。而这部分,常常成为一个产品投入市场后的隐形“杀手”。|糟糕的用户体验以我们办公室的饮水机为例:加水的按键分为“高\中\低”三档,...

    2018-04-16
  • Day 5 | 关于 [交互设计] 的一些思考

    你知道坚持做一件事的动力是什么吗?除去喜欢,那应该就是大家的反馈与交流。我不会分享干货,也没有能力分享干货,只是觉得有一个平台能够表达自己的思考与想法,并能够和大家交流,这样成长很快不是吗?坚持了几天写完个人思考的文章后,收到很多回复,特别感动的就是收到特别认真的回复hhh,比如:有人问了我一句:交互设计是做什么的呀?其实这个时候自己脑子里飘过很多词,什么用户体验,用户研究啊,UX,UED啊,使用流程啊,人机交互啊,操作逻辑啊等等,就是...

    2018-04-26
  • 用户体验设计与创新怎么做?首期高端讲座,听世界知名企业用户体验设计总监为你答疑

    4月28日一大早海信学院的阶梯教室就已经满!满!都!是!人你看,现场是这样的还有这样的大家聚精会神,全神贯注地在做什么?原来,咱们首期高端讲座开讲啦!大家都知道,做高质量好产品一直是咱们集团的重点战略在高端讲座的首期,我们就邀请到了世界知名企业用户体验设计总监现任韩国某体验设计公司总裁Yoo老师给大家进行分享三个小时的讲座中,Yoo老师阐明了他对用户体验设计创新的理解他提到,大部分大企业往往就问题而直接解决问题,而忽略了去进行充分调查,...

    2018-05-05
  • 塾乐教育-进阶提高设计思路的秘籍在这里!

    一直以来,我们始终想让知识变的更实用这5年,课程前后完善了几十个方案这篇文章,请认真阅读也许,会改变你的一生01为什么学设计一定要参加系统课程学习?01- 电商设计行业升级更新太快,如果不即时学习最新的知识。单靠自己平时工作的经验是无法满足中高端市场的需求的!通过学习,让你远远超过你的同行技术水平!02- 虽然互联网上免费知识层出不穷,但绝大部分都是挂羊头卖狗肉性质的不系统招生引流课程。给你一点甜头,再收取你高额培训费用!03- 一个人...

    2018-03-03
  • Axure RP 8 入门手册 – 第1章(下)

    第2节原型相关的文件类型芝芝:小楼老师,我不小心把软件关闭了,我编辑的文件在哪?小楼:你新建完文件没有保存吗?芝芝:我有生成HTML文件,但是好像不能用软件打开呀?小楼:看在颜值的份上,我给你讲讲吧!与Axure相关的文件有几种类型:分别是“.rp”文件、“.rplib”文件、“.rpprj”文件以及“HTML”文件。“.rp”文件:独立原型项目的源文件,这是最重要的文件,只有这个文件才能进行原型的编辑与输出。“.rpprj”文件:团队...

    2018-03-31
  • 画一本满满的Sketch Book,你有这样的执念吗?

    Sketch Book 到底对你意义为何我们收到过,看到过很多位插画师的速写本有随身的不到A5尺寸的也有十分大到A3的像作品集一样也收到过,很多后台询问可以推荐款速写本,可以推荐下用什么笔吗(这个真的,不重要 X3)你会发现,很多ins上国外插画师po出来完稿画作和平日速写本的风格截然不同对,速写本不是一本作品集需要每一页都是完整的,完美的它更像一个瞬时的思考把你的某一点切实地记录下来看看她们的速写本01 Eve尹光芒正在鲸字号 上海实...

    2018-03-26
  • 如何进行AR交互设计?

    AR类产品的出现,可能是第一次实现虚拟世界与现实世相互“融合”,完成屏幕的“跨越”,人机交互设计也开始从二维平面迈向三维世界。然而,由于市场和技术的因素,AR产品的人机交互界面仍然处于早期,各种理念和方法仍处于逐步形成与试验阶段。通过对现有AR产品交互设计的调研和思考,以及现有移动产品的对比,本文将阐述一些方法,以供思考和交流。AR效果的呈现有多种方式,市场在短期内主要分为基于手机等移动设备的移动AR和基于头显设备的AR眼镜(包括一体机...

    2018-04-29
  • 给用户带来新的feel|5个好玩的交互设计效果

    真正的科学家应当是个幻想家;谁不是幻想家,谁就只能把自己称为实践家。—— 巴尔扎克近期在工作中偶然发现的3种移动界面布局,从移动端的分辨率、配合设计布局变化的web端响应式、以及H5的设计布局。另外加上2个好玩的设计方式,更多的让点击率、产品凸显展示,总共5个好玩的交互效果给大家分享。开发资源不够或快速上线的页面交互设计上图在专业术语中叫做流体交互效果,这种交互效果的好处与坏处优点:避免小分辨率的情况下,出现水平条的情况。缺点:分辨率小...

    2018-04-17