用通俗的方式告诉你什么是交互设计。

通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理...

通常来说,拥有成熟产品的大型互联网公司都会设有交互设计岗位,这个岗位在近几年的招聘市场上也越炒越火。不同于视觉设计师有可视化的作品展示,交互设计师的工作大多无法直观可视化或出于保密性难以对外展示,所以在大众心目中始终是神秘的存在。所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。

文章的目的是帮助对交互设计不太了解,但工作相关或对此感兴趣的人对交互设计进行基础入门的了解,所以采用了尽量平实简单的描述方式,以帮助大家快速理解。如果有不严谨的地方或表述不清晰的地方,欢迎各位大大们指出。

1.什么是交互

交互设计顾名思义就是交互的设计,所以解决这个问题的关键在于,首先要知道什么是交互。

交互,即交流互动,其实这个词语离我们的生活很近,例如中国式打招呼:

用通俗的方式告诉你什么是交互设计。

简单几个字的你来我往,搭配眼神和动作,传递出了礼貌、亲近、尊敬等诸多丰富含义。

人和人之间的交互我们很好理解,那么人和机器间的交流互动是什么呢?举个例子,如果你想解锁一个手机,你与手机的交流可能是下面这种情景:

--按home键(嗨,手机,好久不见啊!)

--屏幕亮了没解锁,弹出输入密码页面(哎?是小明来了么?)

--输入密码(是啊!)

--解锁(哦哦,欢迎欢迎快请进~)

所以简而言之,当人和一件事物(无论是人,机器,系统、环境等等)发生双向的信息交流和互动,就是一种交互行为

要注意的是,这种交流和互动必须是双向的,如果只有一方的信息输出,而没有第二方的参与,那么只能是信息展示而不是交流互动。例如,图左的包装是单方面的信息展示,只能让人从中获取信息,而不能反过来接收信息并作出反馈,所以智慧信息展示而不是交互。

图右输入框会根据输入的内容作出正确和错误的反馈,有信息的交流,所以是一种交互。

用通俗的方式告诉你什么是交互设计。


2.什么是交互设计

词条给出的解释是:“交互设计,是人工制品、环境和系统的行为,以及传达这种行为的外形元素的设计与定义。”

我们来做一个精简:”交互设计,是交互行为的外在表现的设计“。其实可以简单的理解为,交互设计把一个或者一系列交流互动,用文字、图像或文档等方式,从交流的内容、方式、规则等维度进行统一的设计。

用一个不算太恰当但是很形象的例子来比喻:那就是交互设计就是给一个或一系列交互行为设计一个剧本。

就像之前例子中提到的输入框,输入的字数限制是多少,什么情况是正确的,什么情况是错误的,在正确的时候有什么反馈,在错误的时候有什么反馈,这些都会像是剧本里的故事情节和台词一样被提前设计好,并由演员(图形界面)来表演出来,用户在这个过程中,既是观众(观看情节发展)也是演员(与图形界面互动,触发情节)。


3.交互设计的范畴

交互设计涉及到人与人、机器、环境等等,其实是一个很宽泛的概念。

用通俗的方式告诉你什么是交互设计。

上图我们可以看出,交互设计跟工业设计、建筑学、信息架构、视觉设计和人机交互都有相重叠的部分,或者换言之,但凡是涉及到与人产生交流互动的领域都可能涉及到交互设计的部分。

今天我们讨论的在互联网行业内大热的交互设计,其实主要是人与互联网产品(网站、App、智能手表等)的交互行为的设计。例如,跟手机淘宝App进行交流从而买到一款心仪的鞋子;跟大众点评App交流让它推荐一个附近性价比高的川菜馆; 跟支付宝交流让它给你刚买的一瓶矿泉水付账...


4.常见缩写

  • UI (User Interface):用户界面。

  • UE或UX (User Experience):用户体验。通常国外和国内的的外企叫UX,国内叫UE。

  • IxD (Interaction design):交互设计。区别于工业设计,加了个”x”。

  • UID(User Interface Design):用户界面设计,现在一般很少用到。

  • UED (User-Experience Design):用户体验设计。

  • UCD (User-Centered Design):以用户为中心的设计


其实交互设计准确的说法应该是IxD,但是在国内,似乎已经约定俗成为“UE”,所以为了便于大家理解,下文我都以UE指代交互设计。


5.交互设计师是做什么的

如果你已经大致明白了什么是交互设计,那么交互设计师的工作内容也就呼之欲出了。简单来说,如果交互设计是给交互行为写剧本,那么交互设计师就是编剧,负责构思、撰写和修改这个剧本。

例如:你想让大众点评App给你推荐一个附近性价比高的川菜馆,那么剧本大概包括以下这些

  • 【主线】打开 App-搜索关键词-筛选-查看详情-导航到达-评价

  • 【剧情】在哪个页面找到搜索,搜索在什么位置,点击哪个按钮进入搜索,App 在什么情况下给出怎么样的提示...

  • 【分支剧情】插播一条广告,推荐给你相似的商家

  • 【大结局】你最终找到了符合你要求的餐厅。


有人理解交互设计师,就是个画流程图、线框图的。这种说法有点片面,但也不是全错,因为流程图线框图确实是交互设计师进行设计的一种产出方式。但这种说法忽略了在这些可视化产出物之外,设计师所进行的思考工作。

用通俗的方式告诉你什么是交互设计。

思考是不易于可视化的,即便是有思考过程的产出,也很少被大众看到;即便是被大众看到,除了同行交流学习外,很少有人会耐心研究。所以有这样的误解也是情理之中。那么如何判断一个交互设计师发挥了怎样的价值呢?

就像是编剧的能力有差异,写出来的剧本可能是神剧,也可能是烂片。一个交互设计方案可能会让用户爱不释手,比如探探的左划右划挑选聊天对象,一度风靡陌生人社交圈;反过来一个糟糕的交互设计也能让用户万分沮丧,被用户打入冷宫,你可以回想一下在最早期12306网页买车票的经历。


6.交互设计师的上下游合作伙伴

用一张图来描述交互设计师的上下游合作伙伴们

用通俗的方式告诉你什么是交互设计。

如图所示,交互设计师UE最主要的三位小伙伴主要是产品经理PM,视觉设计师UI,用户研究UR。这种配置比较完善的团队,一般出现在比较成熟的中大型互联网公司,对于创业公司或者微型公司,通常来说进行一些精简或合并。最先被精简掉的一般来说都是UR岗位,在公司初期阶段可能并没有足够的成本预算来设立这样一个岗位,所以很多公司是没有UR的;其次就是UE,很多公司是由PM或者UI兼做UE的工作。

UR和UE之所以可以被替代,并不是因为这两项工作不重要,而是因为不同的阶段公司有不同的诉求。在产品初期,最先要解决的是”有没有“的问题,其次才是”好不好“的问题,而UR和UE解决的正是”好不好“,所以在早期是可以暂时不设立专门的小组的。但是,观察实际案例你就可以发现,大凡是产品发展到一定阶段的公司,一定会增设UE和UR岗位,这恰恰说明了这两个职位的重要性。简单来说,PM和UI决定了产品走多快,UR和UE决定了产品走多远。

有人可能会问,既然PM和UI都能把UE的工作兼掉,那是否说明PM与UE、UI与UE的工作是有重叠之处呢?他们之间是如何划分岗位职责的。

1)UE vs. UI

常见的错误理解方式有:

       ①UE是UI的概念炒作,其实是一样的

       ②UE是高级UI

       ③会画线框图的UI就是UE

这是最容易被混淆的两个岗位,特别是一些外行人员或初学者,但真实的情况是,这两个是完全不一样的。之前我们把UE设计类比为写剧本,我们继续沿用这个比喻。

如果说做一个产品就是拍一部电视剧的话,UE就是编剧,负责脚本的撰写,而UI的岗位其实就是剧组里面的”服化道+灯光+布景“,主要负责剧中所有视觉呈现的工作。在剧组急着开拍的时候,等不及编剧到位,如果对剧本质量没有什么要求,服化道负责人承担起写剧本的职责,也是可以接受的。不过为了电视剧长期的口碑,等条件允许了,剧组还是会请专业编剧的。

所以,回到实际工作中,UE负责交流互动的设计,而UI负责产品的视觉表现设计,可以说是完全不相同的领域。比如当你在浏览手机淘宝App时,弹出一个广告弹窗,这个弹窗是在什么时候出现,以什么方式出现,以什么方式消失,是否还会再出现...这是交互设计师来设计的;这个弹窗是什么颜色,什么形状,什么尺寸,有什么配图...这是UI设计师来设计的。

2)UE vs. PM

常见的错误理解方式有:

       ①UE是PM分离出去的

       ②UE是PM的画图助理

       ③PM和UE是一样的

因为在很多初创公司都是由PM承担UE的工作,所以对PM和UE的岗位职责很多人都难以分辨。

让我们再次回到剧组,如果要给PM安排一个角色,那应该是制片人,他需要发掘市场需要什么样的作品,制定计划,寻找投资,组织生产,最后还要持续跟进发行后续工作,并对结果负责。类比到实际工作中,PM要做的是深度挖掘市场需求,制定产品计划,提出需求,并组织和协调后续的设计与开发过程,并且对结果负责。

有人可能会问,既然PM是产品的总负责人,那么是否意味着PM是UE、UI的领导部门?

这就像是制片人是编剧的领导么?其实并不是,三者是合作关系,而没有领导关系。UE对交互设计结果负责,UI对视觉设计结果负责,PM对产品成长负责,UE和UI的产出物可以接受PM的建议进行调整,但并不意味着是服从关系。


总结

如果看完上面的介绍,你还是有点困惑的话,那么就这样简单来记:PM负责“该做什么”,UE负责“怎么做最好”,UI负责“长什么样子”

以下列举一个简单的例子,仅做参考,让大家对三者工作有个比较直观的感受,强调!仅是示例,并不是实际中工作形式。

用通俗的方式告诉你什么是交互设计。

作者:Stella_肆言肆语

UI中国个人主页:http://i.ui.cn/ucenter/941374.html

了解到了交互设计,那么如何学习和提高自己的交互设计能力呢?

嘻嘻,这里就容小编打个广告了,由UI中国推荐设计师黑马青年、Yjjj、墨染担任讲师的「高阶UI特训营」,课程涵盖视觉UI、交互设计和动效设计,近60个课时的学习课程,让学员得到全面提升。

除了精品课程,你还将获得这些:

  • 报班学员终身辅导

  • 优秀学员职位内推

  • UI中国官方结课证书

  • UI中国大咖推荐信

  • UI中国海量资源共享

  • 行业活动大咖互动

...

想要加入「高阶UI特训营」的小伙伴,长按二维码即可了解详情哦。

用通俗的方式告诉你什么是交互设计。

--关于我们---

UI中国 专业用户体验设计平台

主站:www.ui.cn

新浪微博:@UI中国

合作请加微信:18931333875


用通俗的方式告诉你什么是交互设计。

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

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

相关推荐

  • 用户体验促进销售,因为专业,所以放心!

    在激烈的市场竞争中,如何突破胶着的态势,是每一个经销商必须面对的考验,过去的数年我们迎来了婴幼儿纪念产品行业大发展,同时伴随着发展也出现了许多行业的问题,如粗制仿冒产品、过度的市场开发、价格战等,在多年的市场摸索中,我们认为只有坚持品质领先、积聚品牌内涵才能构筑核心竞争能力,才能在激烈的竞争中赢得用户长久的信赖。好的品牌形象与产品如何能让用户充分感知呢?增强用户体验是重要的方法。面临市场上如此多的商家和产品,用户的取舍关键因素在哪里呢?...

    2018-04-18
  • 信息港招聘3000多岗位......

    萧山之窗移动生活由此开始....关注2018萧山信息港小镇春季人才招聘200余家企业,3000多个信息经济岗位!3月31日信息港小镇将会举办一场盛大的春季人才招聘会。招聘会时间:2018年3月31日(周六)9:00—16:00招聘会地点:萧山经济技术开发区启迪路198号 信息港小镇B-C连廊除了微医集团、科大讯飞、华网信息、一知智科、网盛数新、华澜微、云集微店、湾区孵化器.....这些信息港小镇内的王牌企业,还有萧山经济技术开发区的部分...

    2018-03-26
  • 用户体验 | 6个细节成就了今天的X1 Carbon 2018(上篇)

    时光穿梭回到2012年,第一代ThinkPadX1 Carbon发布的时候的心情我清晰的记得。Think的意志清晰而明确,效率大屏+高强度轻薄+黑色商务气质。对于未来移动办公的理解,高端ThinkPad是什么样?如今的ThinkPad X1 Carbon 2018(Gen6)便是答案。Yonemochi San曾经坦言,曾经打造的ThinkPad X300正是如今X1 Carbon系列的“祖父”。碳纤维材料的应用,如出一辙的轻薄,不一味...

    2018-03-10
  • 为增强产品的用户体验,UI设计师会做哪些工作

    近年来,人们越来越多地谈及用户体验,甚至将其视为互联网产品赢得市场的最关键因素。作为UI设计师,我们战斗在用户体验设计的一线,那么在实际工作中我们会通过哪些工作来提升产品的体验呢?下文给出了几点关于实际工作中提升产品用户体验的思考。我们在设计一个程序或者系统的时候,前提是保证产品定位及有目标用户群,保证产品是有用的,能连接不同的节点产生价值。如果一个程序没有用,那么对用户来讲就没有下载、使用的必要了。而当程序有用了之后,如果用户需要付出...

    2018-02-03
  • 国服筹备进度公开 将重点打造用户体验和品牌社会影响力

    4月22日UP2018腾讯新文创生态大会(以下简称UP大会)当晚,腾讯于北京举办了一场《绝地求生》国服生态交流会。本次交流会邀请了来自各大硬件厂商和直播平台的代表与《人民日报》、《解放军报》、中央广播电视总台等十余家主流媒体的嘉宾参加。腾讯游戏副总裁黄凌冬、PUBG公司中国区总经理郑秀英、PUBG开发室室长李昌浩、PUBG公司创意总监Brendan Greene、腾讯互动娱乐合作市场部总经理朱峥嵘、腾讯互动娱乐PGame合作产品中心总经...

    2018-04-25
  • 【交互设计】北京中技华软科技服务有限公司内部主题分享会第七期

    北京中技华软科技服务有限公司内部主题分享会第七期主题:交互设计时间:2018年4月23日主讲人:高旭2018年4月23日上午,北京中技华软科技服务有限公司进行了第七期内部主题分享会——交互设计。交互设计起源于网站设计和图形设计,但现在已经成长为一个独立的领域。现在的交互设计师远非仅仅负责文字和图片,而是负责创建在屏幕上的所有元素,所有用户可能会触摸,点按或者输入的东西:简而言之,产品体验中的所有交互。主讲人高旭分别从交互设计的起源、原则...

    2018-04-24
  • Fitbit:一份用户体验案例研究

    当谈论到锻炼时,这个世界上有三类人:每时每刻都在健身的健康达人;那些一天中全部锻炼内容就是从前门走到车里,每天在沙发看电视的人们;在这两者之间,想变的健康强壮但缺少一些动力去健身房的人(又称在屁股上踢一脚才行动的人)。 我,和我知道的大多数人一样,都是第三种类型的人。我们被称为是

    微信热点 2018-03-31
  • 【交互体验】让你事半功倍的交互体验自查清单

    点击上方“蓝字”可以订阅哦!小编推荐:刚画完的原型自我感觉良好,当到了评审的时候发现在用户体验槽点非常的多。如果你遇到上面的情景,那么这篇文章对你绝对有用。事不宜迟,请看下文。体验清单起因去年底看朋友出国前用‘穷游清单’给自己列清单,她说列的清单可以帮她在出行前检查一下是否有遗漏东西,避免因遗漏东西使整个旅行变得很糟。既然旅游清单可以使旅游提前避免问题发生,是不是我们在工作中也可以采用这种方式使自己的产出物交付前保证万无一失。在平时设计...

    2018-01-30
  • 聊聊Axure RP 8 的动态面板(文末赠书)

    点击上方“蓝字”关注本公众号《Axure RP 8入门手册》本书的写作初衷是面向初学者,由浅至深地引导读者学习Axure RP 8.0的使用方法,从而实现最终的学习目标。本书不但适合初学者学习,在知识结构与案例的安排上,也非常适合工作中的查阅与参考。初学者只需要按照从前至后的顺序进行学习,就能够迅速、全面地掌握原型开发技能。具备一定原型开发基础的读者,也能够在本书的大量案例之中,获得各种实战的参考。书中的案例均为网站或App中采用的一些...

    2018-04-09
  • 中国交互设计“教父”辛向阳老师首次线上分享会来啦

    应集创堂的邀请,中国交互设计“教父”辛向阳老师将在4月20日为大家带来首次线上分享会!辛老师是卡耐基梅隆大学设计哲学博士,是目前很少数在美国获得设计哲学博士、并首个回到中国内地的华人之一。有着跨多个学科的教育和工作背景,包括机械、建筑、平面设计、油画、交互设计以及艺术史。同时,辛老师还是IXDC(交互设计国际大会)大会主席,提出了“交互设计五要素”和“行为逻辑”等交互设计领域的重要理论和方法,并在香港理工大学成功创办了中国首个交互设计专...

    2018-04-17