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

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

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

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

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

相关推荐

  • 英国各大院校交互设计专业的侧重点!

    随着网络和新技术的发展,人们越来越重视交互的体验,许多公司、网站、APP都开始注意到交互设计在品牌的创建、客户回头率、客户满意度等方面的影响,交互设计师也越来越受到重视。因此,许多同学在选择留学时,都会考虑英国的交互设计专业。交互设计专业在英国已经有半个世纪的历史,教学模式是:用心理学发现问题,用数学证明问题,用计算机解决问题。英国交互设计专业分为两个方向:1.Human Computer Interaction(HCI,人机交互设计)...

    2018-04-27
  • UED 戊戌狗年第一波招聘已送达!

    14载,我们初心不变,依然要做行业最有力的的发声者。从一张纸到一串电波,媒介在变,我们的眼光始终如一大家都在说AI是未来,然而在这里,我们依然需要你无可代替的头脑。WE ARE HIRING这次招聘我们为什么要做这次公开招聘?信息爆炸,百家争鸣,越是瞬息万变,媒体的价值愈发凸显。我们不会随便说满意,而是希望在诸多嘈杂的背景声中,发出属于新时代建筑媒体人独到的观点,让关于建筑的解读,走进公众的视野;我们希望以全新的面貌去呈现UED对于中国...

    2018-02-28
  • 报名最后12小时|6周快速玩转axure,同时提升产品和交互

    众所周知,Axure是产品经理必备的工作软件。薪资越高的产品经理(比如月薪18k+以上的产品经理),不仅能高效玩Axure,更能用Axure体现产品思维。“起点学院&腾讯课堂”联合打造6周Axure实战班,第7期报名最后12小时!从第1期到现在,2000多位同学学习成长,好评如潮。来看看同学们的成长。下图是0基础同学,学习后制作的“冲顶大会”高保真原型(福利资料:添加班主任Sara为好友,可获取“冲顶大会”原型文件。Sara微信见文末)...

    2018-04-11
  • 交互设计专业排名最高的大学有哪些

    上周四,康石石在《珠宝设计专业排名最高的大学有哪些》中,为同学们于世界范围(英、比利时、美、意大利、荷兰、挪威、瑞典、德国、爱沙尼亚)内梳理了22所顶级珠宝名校,并在文末许诺阅读量达1000,即为最热情的上墙读者解答艺术留学问题。本周四,康石石兑现承诺,继续为大家推荐货真价实的全球顶级院校,供所有希望出国深造交互设计专业的同学们,提供一份足以信赖的院校清单。写在前面的话交互设计,对于90%同学而言,其实都是一个未知的概念,这直接导致了各...

    2018-02-02
  • 新媒体人员年薪十万怎么做到的,真的难以想象

    新媒体人员年薪十万怎么做到的前些日子,和我互联网专业的师兄聊了一下,他说他们公司干活轻松,工资还高,而且公司福利还好,什么六险一金,什么妹子很多啦......卧槽,居然这么爽(我可能就听见了那句妹子很多,哈哈哈)搞得和我一起的朋友立马拍板,问我师兄你们公司还招人不,(厚颜无耻啊)我就静静的看着他,厚颜无耻的他还在继续介绍着他,说我是211硕士,之前也在世界五百强企业工作来着(看着着厚颜无耻之人,我真想立马一脚踹飞他)真的嚣张到了极点是吧...

    2018-03-13
  • 交互设计是一个什么样的专业? | 大咖说

    近些年来,交互设计这个词越来越多的出现在我们的生活中,是一个仿佛到处都有,但却又“看不见,摸不着”的东西。所以到底什么是交互设计?百度解释如下交互设计(英文Interaction Design, 缩写IXD),是定义、设计人造系统的行为的设计领域,它定义了两个或多个互动的个体之间交流的内容和结构,使之互相配合,共同达成某种目的。交互设计努力去创造和建立的是人与产品及服务之间有意义的关系,以“在充满社会复杂性的物质世界中嵌入信息技术”为中...

    2018-02-14
  • About Axure

    About Axure 8.0Axure:产品人必备必会的软件,快速原型设计工具。Axure(发音:Ack-sure),代表美国Axure公司;RP则是Rapid Prototyping(快速原型)的缩写。1.Axures的安装官方下载地址:https://www.axure.com/download汉化包地址:http://www.iaxure.com/menupage/download.html国内下载地址:https://pan....

    2018-05-08
  • 信息港招聘3000多岗位......

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

    2018-03-26
  • 【用户体验】百度贴吧体验升级背后的故事,用户洞察与交互升级

    Alias工业设计点击关注 和工业设计做朋友关注作者:百度UXC随着产品的发展和用户群体的演变,用户对产品的认知也在发生变化,当用户认知和产品形象发生偏差时,体验升级就势在必行了。而用户对产品的认知大概体现在视觉感受(品牌形象)和使用感受(交互操作)上。对此我们从用户出发寻找设计上的突破口。洞察用户让设计有的放矢视觉感受对于大多数人是一种难以言说的东西,难以通过简单的方式得到答案。面对这个问题,我们选择迎难而上,通过精巧的实验、可视化的...

    2018-03-03
  • 《用户体验草图设计工具手册》丨NOTES

    当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放HappyPharrell Williams - Happy [From "Despicable Me 2"]本书讲了什么本书将指导你如何一步一步地用草图来表达你的设计理念,并介绍了多种草图方法。适合于所有设计行业的从业人员参考阅读,设计组织的领导者也可以参考阅读,包括设计师、可用性专家、人机交互界人士、产品经理人及商业高管等。作者什么来头Bill Buxton,微软首席用户体验...

    2018-05-08