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

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

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

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


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的工作是有重叠之处呢?他们之间是如何划分岗位职责的。

UE vs. UI

常见的错误理解方式有:

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

② UE是高级UI

③ 会画线框图的UI就是UE

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

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

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

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

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

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

相关推荐

  • 艾璐斯刘光有:用户体验为先 九字方针瞄准盈利点

    2018年3月2日下午,由慧聪网主办、慧聪汽车用品网承办、广东哈弗石油能源股份有限公司总冠名的哈弗润滑油杯’2017年度汽车用品行业品牌盛会颁奖盛典在北京钓鱼台国宾馆芳华苑隆重举行,来自汽车后市场商(协)会领导、获奖企业代表、渠道商、终端门店精英、主流媒体记者等嘉宾共聚一堂,聚焦汽车用品行业热点话题,全面解读行业最新发展趋势,推动汽车后市场快速有序发展!香港艾璐斯实业有限公司总经理刘光有行业盛典现场嘉宾共聚一堂在本次盛会上,香港艾璐斯实...

    2018-03-06
  • AI 交互设计怎么做?谷歌详解自家 AI 相机设计思路

    文 | 何忞来自雷锋网(leiphone-sz)的报道雷锋网按:日前谷歌在其官网发布博文,文中详细介绍了 AI 相机 Google Clips 的一些设计思路。雷锋网将其编译如下正如过去曾经发生过的移动革命以及再之前的网络革命一样,机器学习正在让我们反思、重构、重新审视我们生活中已经拥有的一切。在 Google 用户体验(UX)社区中,我们开始了一项名为“以人为本的机器学习(HCML)”工作项目,来指导和帮助我们重构世界。站在这样的视角...

    2018-02-03
  • 写给产品经理和设计师的用户体验知识

    从2015年起,我陆续写了《写给产品经理和设计师的用户体验知识》系列文章,得到了大家的肯定,此篇文章是这个系列的最后一篇文章,算是给这个系列画上句号。作者:刘涵宇腾讯高级产品经理1用户场景用户场景这东西,或许每一个产品经理和设计师每天都在用,但我查了很多资料,还真的很难找到一个准确的定义。所以,我试图结合我自己的理解,自己去定义它。我认为用户场景有两层属性,分别是:「工具属性」和「思维属性」。用户场景首先是一种对过程逻辑的阐述方法,简单...

    2018-04-19
  • 交互设计测试评估

    - END-作者  Rachel Xu欢迎将文章分享至朋友圈,拒绝转载~VUI进化论达尔文老爷爷说,你的语音交互设计该进化了~长按指纹 > 识别图中二维码 > 添加关注不关注,怎么进化~

    2018-04-18
  • Axure原型设计:京东官网滚动界面

    91运营社群招募中,勾搭小编微信号:yueyingzheng88入社群每周91公开课,91风暴,全员参与,实际案例实际分析问题答疑,你提问题我解答行业专场,互联网金融,电商,新媒体运营等专场各地分站交流资源及人脉共享其他的。。。。欢迎各行业互联网运营达人加入我们91运营大家庭,会运营的人都来这里了!导读:作者分享了自己制作京东官网滚动界面原型的具体操作过程,希望大家可以从中受到些启发。正文先上京东官网原图(也可以自己搜素京东官网查看)先...

    2018-03-04
  • 福睿斯幸福号春运列车的背后:营销回归用户体验

    爆竹声中辞旧岁,品牌送暖入屠苏。一年一度的春节,不仅是万家团圆的时刻,也是品牌们“秀肌肉”,送暖消费者的黄金期。每到这时,煽情、怀旧、调侃、明星、红包、互动……各大品牌总会使出浑身解数以俘获消费者“芳心”。而今年最暖的,莫过于福睿斯推出的“幸福号春运列车”。今年春节期间,长安福特福睿斯联手凤凰网、12306客户端、高铁杂志《旅伴》等平台,在1月30日至3月31日期间联手为春节回家的朋友打造往返于成都—上海的“福睿斯幸福号”专属列车(D3...

    2018-03-29
  • Axure实践第二讲

    Axure实践第二讲---如何有效的在工作中引入原型·页面枝干·添枝加叶·画龙点睛在近期的产品需求开发过程中,我们产品小组正式且大量的将原型开发工作投入常规的需求分析工作中,原型的开发对于我们在产品初期的调研、构建都提供了很好的指导。接下来就让本文带你领略:产品与原型的一节课。一、功能结构图(页面枝干)1.切入点是功能结构图(自顶向下)从大的方向上去划分几个大的模块类型,适用于业务功能较为单一且业务逻辑处理流程较为简单,如在做市商系统构...

    2018-03-16
  • 以服务设计视角推动设计赋能

    作者:阿里UED 周静&谢辉敏小编说:未来的设计都应该归纳服务设计的范畴,包括用户体验设计、交互设计等,比如新零售设计就是一套完整的服务设计体现,不要等服务设计成熟了再去设计,谁先先学习,谁就抢占了先机~~为未来充点电!本文较长,读完需要点耐心~~近两年随着UED团队的探索,沉淀出了业务协同、设计增值、设计驱动三个层次的价值模型,深入剖析了设计师价值实现的不同阶段与方式。同时越来越多的设计师也逐渐意识到了只有在协同业务的全流程中利用体验...

    2018-02-13
  • 【设计竞赛】第二届“衲田杯”等你来挑战!

    📌编辑 | Cassi.W编者按:第二届“衲田杯”可持续设计国际竞赛报名正式启动!中国城市规划设计研究院院长、全国工程勘察设计大师杨保军担任本次竞赛评委会主席。别犹豫啦,招呼你和你的小伙伴,快来报名参赛吧!不知大家是否记得宿迁那片迷人的多彩衲田花海?又是否还记得2017年这些在衲田花海绽放的一大波创意?▼▼▼点击图片了解更多 ↑↑↑没错!就是2017年国际设计竞赛的一匹黑马:“衲田杯”可持续设计国际竞赛第一届“衲田杯”可持续设计国际竞赛...

    2018-03-22
  • 关于用户体验&交互设计的视频分享【日常思考0001】

    (。・∀・)ノ゙嗨这里是Chiki的深夜抽风小记录,做个日常思(bing)考(zheng)收集。公众号取名“Design for What"是希望以后自己做设计的时候可以多思考设计是为什么Find your passion,and let it kill you那么开始今天的开场首秀!今晚本想磕磕榛子垫垫肚子就……就开始做事来着,结果不小心打开平板……看了会视频(明明是好久……都是借口😭)不过视频不错分享给大家👇视频在这:截了有点不一样...

    2018-04-14