什么是交互设计?这篇文让你彻底弄清!

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

什么是交互设计?这篇文让你彻底弄清!

达内UI设计,中国UID课程标准制定者

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


所以今天就来给大家分享一下我作为一个交互设计师眼中的交互是什么样的。

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

01

什么是交互?

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


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


什么是交互设计?这篇文让你彻底弄清!

简单几个字的你来我往,搭配眼神和动作,传递出了礼貌、亲近、尊敬等诸多丰富含义。人和人之间的交互我们很好理解,那么人和机器间的交流互动是什么呢?举个例子,如果你想解锁一个手机,你与手机的交流可能是下面这种情景:


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

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

--输入密码(是啊!)

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

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


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


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


什么是交互设计?这篇文让你彻底弄清!


02

什么是交互设计?

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


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


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


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

03

交互设计的范畴

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


什么是交互设计?这篇文让你彻底弄清!


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


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


04

常见缩写

  • 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指代交互设计。


05

交互设计师是做什么的

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


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


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

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

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

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


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

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


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


06

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

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

什么是交互设计?这篇文让你彻底弄清!


如图所示,交互设计师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的建议进行调整,但并不意味着是服从关系。


07

总结

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


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

什么是交互设计?这篇文让你彻底弄清!

你可能对这些感兴趣:


4月达内UI免费训练营开班啦,全程大咖级讲师亲授,为你解析UI行业发展趋势,就业前景,帮你了解设计,轻松入门,更快一步成为设计大牛!马上阅读原文或者回复:姓名+电话+城市报名吧

什么是交互设计?这篇文让你彻底弄清!

好消息,平安产险承保达内学员平安就业教育保障险,帮助达内学员解决就业的后顾之忧,只要你是达内学员,就可以在达内各中心参保,为你的高薪就业保驾护航。

什么是交互设计?这篇文让你彻底弄清!

推荐阅读

你还傻傻分不清UI、平面、网页设计的区别么?

什么是UI设计?UI设计师必备哪些能力?

2018,对于设计师来说,这就是最好的时代

2018年设计师究竟怎样做才能拿高薪?


PS:还有疑问可以咨询QQ:1229718872问达妹哦~

什么是交互设计?这篇文让你彻底弄清!

作者:Stella_肆言肆语

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

*版权声明:转载文章和图片均来自公开网络,版权归作者本人所有,推送文章除非无法确认,我们都会注明作者和来源。如果出处有误或侵犯到原作者权益,请与我们联系删除或授权事宜。

什么是交互设计?这篇文让你彻底弄清!


什么是交互设计?这篇文让你彻底弄清!
点击下方“阅读原文”领取免费UI训练营名额。

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

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

相关推荐

  • CTB50成员周红军| 从互联网用户体验谈交易银行创新发展思路

    诚邀各领域专家学者、从业者及机构投稿或荐稿与30余万行业精英分享与共同发展投/荐稿邮箱:tougao@sinotf.com中国交易银行50人论坛:客户在使用交易银行服务过程中所关注的用户体验,是竞争激烈的交易银行服务能否在市场上取得优势地位的决定性因素。文/安邦保险集团国际部总经理、中国交易银行50人论坛(CTB50)成员 周红军来源:中国交易银行50人论坛 学术成果汇编(2017)当下,随着互联网技术的迅猛发展,各行各业已经融入到“互...

    2018-03-31
  • 用户体验和可用性之间的联系和差异

    关注一下,更多精彩等着你用户体验和可用性的不同目标对于网站而言,唯一的可用性目标是“易于使用”。但是,用户体验的目标是关于用户在使用网站之前,期间,之后获得的整体感受。因此,可用性和用户在网站中完成任务的难以程度是有关的,而用户体验关注的则是用户和网站互动上的感知。可用性在用户体验设计中扮演着重要的角色拥有良好可用性的产品,用户在使用之后会感觉方便、快捷、舒适,同时减少用户操作出错的可能性。很显然,它会唤起用户良好的情感体验,让用户感到...

    2018-03-09
  • 【用户体验.春节特辑】我的记事(总第265期)

    亦可访问www.koushutianxia.com了解详情编家谱   修家史   留视频建祠堂   亲互动   传万代总第265期“我的记事”——家庭、个人故事随时记录,方便存储。直接点击主页面“我的记事”按钮,即可进入“我的记事”页面,随时随地添加、修改、记录个人及家庭资料和故事。同时点击方框内加号键,可以添加照片,点击完成上传。上传后可根据提示选“分享”键转发至微信、朋友圈、微博、QQ好友、QQ空间;选“删除”键进行删除记事内容;选...

    2018-02-16
  • 交互设计职业背景思考

    前言:最近一段时间,基本每天都有小伙伴在问,“我是来自非设计专业的学生,能否做交互设计”、“我想从事交互设计工作,是否需要读一个交互设计的硕士?”、“我工作一段时间了,不是设计行业,我能转行做交互设计么?”、“我对交互设计很感兴趣,如何从零开始自学?”,刚好今天看到一个知乎问题邀请,问的也是类似问题,所以我想写一些关于交互设计职业背景的粗浅思考,供大家参考。:)大多数问题归结为两类。第一类问题:交互设计工作是否需要专门的交互设计专业教育...

    2018-01-30
  • 用户体验和可用性之间的联系和差异,你都知道吗?

    本文转自本文由优设网作者 :Amy Smith,版权归作者所有阅读需 5 分钟Amy Smith – 最近几年来,用户体验设计逐步成为了目前设计圈中广泛认同的重要设计环节。而“可用性”这一词也作为改善用户体验设计的重要度量而发挥着无与伦比的作用。于是乎,除了“用户体验设计师”这一职位,在欧美的产品和设计团队当中还诞生了“可用性工程师”这样的专业职位。另一方面,这些相互关联,在含义和功能上有所重叠的专业词汇,让许多设计师和相关的从业者感到...

    2018-03-03
  • 喊话优酷:求别再强奸用户体验了好吗

    之前,我给大家做过腾讯视频、爱奇艺视频国际版与国内版的应用对比,可以说,有着谷歌商店的规范,这些国内的视频软件巨头,几乎看不见广告。不管是视频开头那丧心病狂,长达120秒,两分钟的广告,还是应用内Banner处各种穿插的广告,都没有了。看视频没有广告,点开就看,这种感觉可以说是相当nice的。但是!谷歌商店里却没有优酷视频!emmm...颇有种老奸巨猾的既视感。所以,优酷用户不想忍受广告,好想只能开会员,破财消灾...但是!开了会员,也...

    2018-03-21
  • 4月最新便民信息!政府、企业、医院、社工...你想要的岗位都在这里!

    各类招聘求职生活信息关注后回复发布查看更多4月啦,又是新的开始没有工作的同学快快看有哪些好工作吧...   ...招聘信息类首先,是我们玩转郫县的招聘啦邀请你一起来和我们玩营销经理▲薪资待遇:社保+底薪+全勤+提成+奖金(4000-10000元)▲职责要求:1.开拓郫都地区美食、休闲、旅游市场2.建立并维护平台与合作商家良好关系3.能熟练运用word、Excel办公软件▲任职资格:1.工作主动、责任心强、具有良好的团队合作精神、抗压能力...

    2018-04-08
  • 用户体验的创新设计和研究

    2018年全国两会期间,全国政协委员叶友达教授向大会提交了《关于鼓励基于用户体验的设计创新,加速科技创新成果转化的提案》,建议加大对基于用户体验的设计创新的宣传力度,建立全国或区域用户体验研究机构,促进科技创新成果快速、高效落地。长期以来,用户体验的“以用户为中心设计”(User-Centered Design, UCD)的理念一直冲击着传统的“以技术驱动设计”的理念。有研究表明,美国两个世纪以来著名的53位创新者的创新过程,从电话到互...

    微信热点 2018-03-27
  • 产品经理|交互设计专场

    产品经理走上交互之路3月31日深圳线下分享会2018PMTalk春节后带来的第一场深圳线下产品经理活动,一场以交互设计主题的产品经理线下深圳交流会,PMTalk产品经理社区将带头又一次与大家见面!01一场值得产品经理学习成长的分享会本次分享会,在经历Pmtalk发起人几位小伙伴利用业余时间,在深圳成立这个产品组织后,我们将首次也推出PMTalk社区会员、产品经理合作周边等服务!具体的就在倒计时7天更新!本次沙龙我们邀请的深圳产品大咖(持...

    2018-03-15
  • 四个小故事 每一个都是“极致用户体验”的用心诠释(下)

    昨天分享了驴妈妈客服贾梅的两个小故事让人感到温馨又贴心“想客户所想,急客户所急”体现驴妈妈人对于“极致用户体验”的用心诠释今天,我们还将继续讲述客服陈凯旋的故事......你细致的服务,我更信赖驴妈妈家在上海,今年已年逾六十的王老先生,最近刚跟着驴妈妈从希腊旅行回来。说到他和驴妈妈的缘分,还要追溯到2017年。“当时想要组织兄弟姐妹四人一起去土耳其旅行,在看过不少旅行社的产品都不是十分满意,后来哥哥介绍了驴妈妈给我。我看了具体的旅游产品...

    2018-04-12