恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
从点线面出发聊聊交互设计的本质
0.0°
2016-01-22 好文转载 经验/观点 原作者: 人人都是产品经理 举报 2374 14 17 0

你认为什么是交互设计?你觉得交互设计师的核心是什么?你怎样看待交互设计师在每道工作环节中的沟通与职责?

类似这样的问题经常会有一些职业新人以及面试官问道,也有很多专门讨论这些的话题和文章。后面两个问题答案因人因公司而异,答案也很多,因此这里咱就从第一个问题去剖析下。

什么是交互设计?我认为所有问题类型最难回答的就是 “为什么”,因为很多为什么直指事情本质。那么交互设计的本质是什么?

交互设计的点

现在我们提到交互设计,大多数人的理解是认为它是运用于互联网的。而实际上不管是在计算机领域还是实际生活中的方方面面其实我们都会涉及到这儿词:交互。

我们先来看一下词条释义,交互从词面解释为:交替;互相;彼此。那这三个词又是指什么呢?我们举个例子:

甲问乙:你吃饭了吗?

乙答曰:吃了,你呢?

甲答曰:还没,本来想跟你一块吃的。

甲问乙话,问完之后乙回答,并且甲说话的时候乙保持沉默,乙说话的时候甲保持沉默,话语权在两人间来回切换,这就是交替。互相跟彼此,是指这里存在的甲乙双方,并且甲乙并不是一个人,即有关联,又存在差异性。如果这个对话变成甲或者乙单独一人说话,那就不属于交互了。

这是生活中的交互,而在计算机领域,交互设计定义为 “参与活动的对象,可以相互交流,双方面互动”。比如你敲下键盘上的按键 E,电脑显示屏输入框上显示 E;你在计算器上按下数字键,液晶屏对应显示字符;你晃动鼠标,电脑显示器中鼠标指针来回摆动。这些都是交互。当你不管如何操作对方都没反应的时候,你就知道它出问题了,这就是失去交互的感觉。

无论什么事情追本溯源它都会变得极其简单, 《道德经》有言:道生一,一生二,二生三,三生万物。参与元素越多,涉及对象越多,事情就会变得负责。透过交互的定义分析,我们完全可以用最简单的事情去禅说这个定义。Image title

生活中灯的开关, 你按下房间中电灯的控制开关开,电源接通,灯泡发出亮光。你再按下关,电源切断灯泡停止发光。一开一关,一明一灭,这就是交互。

互联网中以 PC 端网站按钮为例,为什么一个按钮会有多种状态?Image title

因为这来源于与用户的交互反馈,透过这些交互反馈给用户一些信息,你可以点这个按钮,你已经点了这个按钮,你不能点这个按钮。类似这样的交互点在交互设计当中整理起来就形成了规范和功能,比如一些通用交互规范:按钮的状态、框体的展示、通用控件、导航标签,一些功能点:未读消息提醒,聊天记录、订单撤销、列表全选……我们可以利用交互点,在分析场景的时候去思考功能的优化取舍。

交互设计的线

从上面一些例子我们可以看出交互它其实是一个循环线程,而不是单线程。是有来有去的,它似双车道,彼此的起点是对方的终点,似圆而非直线。它是多元素参与的结果,而非单元素的展现。我们最熟悉的一个谚语 “一个巴掌拍不响” 就是这意思。再比如我们在悬崖边扔石块根据石块碰撞传回的声音来判断深浅,但是假如扔出去的石块毫无反馈……

交互它虽然是多元素参与,但是却存在一个主导性。比如上面例子中,甲问乙:你吃饭了吗? 甲的话题是以吃饭为中心的,他想听到的乙的回答也是跟吃饭相关的。如果乙回答,我买衣服了。这就是答非所问,这就脱离了甲的主导,不是他想要的结果。而甲最后一句 “还没,本来想跟你一块吃的” 这是甲所想要达到的目的,不过很显然,甲的目的并未达成。主导性映射到互联网上我把它理解为一种行为,而达成目的则理解为目标,因此交互设计就可以理解成设计行为与目标的一种活动。Image title

以相约吃饭为例,甲想约乙共同进餐,那么他为了达到这个目的就要付诸行动,我们可以看到其实在这过程中,他寻找对方与对方沟通这都属于交互的点,正是这些点连接起来最终促使甲完成了他想做的事。这是生活中的例子,那么在互联网当中,什么是交互的线呢?我们以电商为例,来看一下。Image title

虽然属于虚拟网络,互联网电商的购物流程却跟我们在实际生活中购买物品相差不多。一般电商网站的购买流程都包含三大步,1 通过分类或者直接搜索你想要的产品,2 通过列表查看你想要的产品结果,3 详细了解进行购买。这就像你去逛街购买商品一样,你想买衣服,那么你就要分清楚街道上哪家店是销售衣服类的,之后你要进店观察那些陈列的衣服,有哪些是你比较中意的,如产生意向你可以向销售员咨询关于衣服的详细信息,比如颜色、尺寸、成分等等,这些 sku 信息不管在线下还是在线上都是统一的。

交互设计的 “线” 干的就是这样的事情,它是交互点的串联,是将这些零散的目标相统一的交互点、行为相关的交互点,进行统一整理。这个线,在交互设计当中称之为流程图,而整理交互的点,则有另一种表达方式,脑图。

交互设计的面

上面我们归纳出交互设计可以理解成设计行为与目标的一种活动。设计行为好理解,比如我要去店里买衣服,购买的行为过程我可以有多种执行方式,比如我可以网上买,可以去店里买,我也可以电视购物,等等。但是为什么目标也可以设计呢?目标它是一种主观的设想,是预期的方向性。并不是一成不变的,也不是 100%设定的。比如我要去参加年会,但是我没有适合出场的礼服,我便打算去商场买衣服。这时候,买衣服便成了我的目标,但是当我走进商场接到电话公司有变动年会取消,那么我的目标也就消失了,我不需要买衣服了,因为用不到。再或者,当我走进商场的时候恰巧碰到了商场年终活动,我参加抽奖有幸得到一套很不错的衣服,那么我也不需要去买衣服了。

当然设计行为与目标,并不等同于改变。有个很经典的销售例子,一位老板在听到他的销售人员在当天只接待了一位顾客后大发雷霆,但是当他知道这一位顾客比之前一天的所有顾客加起来的营业额还要高时他震惊到了!在他仔细询问过后才明白事情的原委。原来这位顾客是一名刚退休的老人。老人的目的很简单,买一套渔具钓鱼。但是细心的销售员发现老人并无钓鱼经验,也缺乏各种户外运动防护常识,于是她接二连三的向老人推荐了一件又一件商品,从衣物到吃喝到露宿扎营到代步工具,方方面面。

经营方总是在你完成购买目的以后,试着让你对其它东西产生兴趣,从而再次产生新的目的,因此你在浏览各大电视网站,比如淘宝京东,你会发现在你购买流程中会有很多推荐商品,甚至你购买完成了依旧还在向你推荐。我们可以感受到目标对于行为而言是具有引导性质的,但是目标并不是行为的决定性因素,决定行为的直观因素是动机,什么是动机?在心理学当中动机是推动人们某种心理与行为的原因与力量。与动机紧密相连的另一个概念则是需要(注:我们互联网中所说的需求在心理学里并不等同于需要)。我们来看一下在心理学中如何展示这些元素之间的关系的:

需要是人的主观概念,而需要是人们在生活中所缺少的东西。需要与需求在生活中我们通常是不加区分的,但是在一定的行业里是需要认真区分对待的。互联网行业里我们用的是需求,需求来源广泛,因此存在需求分析。从这幅图我们就可以看到,交互设计只是贯穿整个活动的一种环节。当我们经历了交互的点、线,最终又经线串联成面的时候,我们发行它变的趋于完善,形成了一种结构。这种结构同样是循环不止的,而交互设计只是其中一个环节。

在生活中,当我们把需要、需求、动机、行为、目的这些因素连起来以后,我们可以说自己完成了一件事。而如果这些因素较复杂,满足了 N 条需要需求,达成了 N 个目的,囊括了 N 中行为,我们可以说我们完成了一项活动。

互联网产品同样如此,它一定是由一个点出发,点汇成线,线会成面,面面具到成为一种产品。

翻到最初吃饭的例子, 如果只是单纯的工作午休时间,这个对话场景再熟悉不过了,但是我们脑补下,这件事情可能发生在办公室,也可能发生在互联网的 QQ、微信、微博等等。

比如甲乙是同事也是上下级关系,可能吃饭只是一种行为,而并不是最终目的,只不过通过” 吃饭"这种行为能够更好的达到目的。在延伸,比如甲要举办聚会,在生活中你可能需要一边给好友打电话商谈确定日期,一边做笔记标注参加的人数、时间等等。而在互联网产品中你可以把你的熟人都加为 QQ 好友并且可以建立群组,消息同步接收。你也可以直接发布活动,好友们参加即可,省去繁琐的电话及统计时间。

看看交互设计的本质映射到互联网,其实所谓互联网产品不过是把现实生活中的活动转移到了虚拟的网络中进行,来源于生活,并与生活有所差异,只因术业有专攻,行业有特性。但其本身概念并未有多不可逾越,只不过一件事情,你想了解,简单。想做好却并非那么容易。

从点线面看互联网中的交互设计师

中国的互联网发展一直在紧跟国外的步伐,虽然自家也有那么几个牛逼的大公司,在世界排行上都能数一数二,但是整体水平还是落后于国外的。当一个概念诞生并随着演化在社会中越来越重要,它才会演变成一个角色,而只有当这个角色所发挥的价值作用越来越不可忽视,不可或缺,才会被赋予另外一层定义,才能被认可成为一种职业,而只有当一个公司看到或认同这个职业所产生的价值时,才会考虑给其设立岗位。而一种专业从概念到角色到职业岗位到最终成为专业被国家认可,并不是一蹴而就的事情。

因为发展的参差不齐,也还未达成统一标准,因此交互设计在很多人心中的定位,很多公司的定位都不一样。有人认为交互设计师就是画原型的,也有人将 UI 设计师称为交互设计师。有的公司就没有设立交互设计师岗位,而有的公司设立了交互设计师岗位,却不知道他该负责什么。有的人明明挂的是产品经理岗位,但是干却只是交互设计师的活,而也有人明明是 UI 设计师,却天天在纠结功能,纠结流程交互……

因为环境的纷杂,你不管是从理论还是从实际岗位职责内容想要去说服其他人并不是那么容易的,各执己见,这是常事。作为个人意见来讲我觉得没必要去撕逼这种事情。如果你是一名交互设计师,我认为按照你自己心中的定位全力去做好这件事就可以了。

人总是在不停进步的,例如我自己,写这篇文章我花了挺长时间,也耗费了不少脑细胞,我现在自认为我总结的很好,挺不错的。但是兴许半年一年后,我的理解又不同,又站在了不同角度看待事情,对这篇文章还有 N 种看法,这都是很正常的。

关于上面点线面,其实很简单。Image title

点: 思维脑图、功能结构图 线:流程图 面:原型图

这是把交互设计当做事情来做需要达到的基本元素,最基本的态度,如果想要做好当然远不止这些。说到底,其实重要的还是态度。态度是什么?

你剪一块布,就能遮羞,能弊体。你多剪几块布,缝一件衣服,就体面了。 你精心裁剪布料,细心缝合,穿着就舒服了。 你再精心选料,精心裁剪,精心缝合,精心点缀……穿衣就成了享受。

设计因此而生。

更新:2016-01-22

收藏

14人已收藏

  • 82

    作品

  • 37

    粉丝

  • 0

    关注

  • 做好 “活动运营” 的完整方法(附 12 个案例)
  • 假如产品太烂,一个运营该怎么办?
  • 微交互:优秀 app 设计的秘诀
  • 陌陌网页版正式上线,支持观看音乐互动直播
相关标签
设计经验分享

    猜你喜欢

      2016-01-22 好文转载 经验/观点 原作者: 人人都是产品经理 举报 2374 14 17 0

      从点线面出发聊聊交互设计的本质

      0.0°

      你确定要举报从点线面出发聊聊交互设计的本质

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2016年01月22日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      17
      14
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录