交互设计与心理学的关系

具体联系什么的大家看专业书籍吧,我从另一个角度说一下我的理解吧。

每个学科/专业的产生都是有它的历史使命的,为什么一定是这个时候,为什么一定诞生在这个领域,为什么会如此发展······类比一下其它学科/专业,可以更好的了解它的联系。

交互设计,目前基本上专指人与信息系统的交互设计,主要以软件+硬件操控部分的使用界面interface为研究对象,比如典型是电脑+鼠标键盘,手机+键盘/触屏。但是,广义上的交互,应该包含人与各种界面interface的交互,比如杯子、刀、方向盘、门把手、椅子,等等。解决信息系统设计的交互设计与心理学的关系,就好比解决实物工具设计与工效学的关系。

我们生活里大多数的实物产品/工具,由于经过几十几百甚至上千年的演进,无论是形态(用户视觉和触觉的感受)还是使用方式(用户操作的方式),已经在人的心里形成了很强的映射关系(心理模型),即用户看了/用了就知道是什么工具(有形的界面),就知道如何使用,只要这个工具的设计符合某种规范。而且,由于人的生理特征(身高、手长、力量等等)是相对恒定的,而且也为了生产和标准化的需要,所以,很早就逐渐形成了工效学,有史可查的据说西方是始于达·芬奇时代,中国是始于宋朝。简单概括,工效学主要解决的是实体工具与人身体生理特征的匹配问题(其实现代的工效学也包含心理学的成分)。

再回到信息系统的交互设计上。电子化的信息系统诞生不过几十年时间,这是一种人类从未有过的全新的工具模式--把现实世界的信息映射到信息系统里,而人通过这些映射出来的信息去理解现实世界,就是呈现信息与人发生了第二次映射。后来,干脆有些信息与现实实物世界的映射变得很弱甚至没有联系了(比如社交网络、某些游戏)。人们需要象学习现实世界里的真实物品那样,去学习和掌握信息系统(虚拟世界)里的虚拟物品(信息)该如何理解和操控。由于这种产品诞生的时间太短,产品并没有演进到一个人类公认、共识的模式(而且虚拟信息的设计修改成本相对低,造成了形态上更加多样复杂),而人类大脑的进化基本上还停留在使用原始工具的时代,压根还没有进化到能处理大量虚拟信息的程度,所以,为了让大多数人能尽量少障碍的使用信息工具,必须让这些信息工具的设计符合某种规则,这些规则很大程度上是人类大脑百万年进化留下的限制与障碍(这是认知心理学的范畴),所以说交互设计与心理学最直接最大的关系,大概就是指这个了。打个类比,源自认知心理学的交互设计原则解决的是虚拟工具与人的心理生理特征的匹配问题。所谓“心理模型mental model”、提供量affordance、还有各种交互原则等等,都源于认知心理学对人的认知能力的研究和理解。

人的学习和适应能力还是很强的,我们还是很快的学会了诸如电脑、手机的使用方法,而且也逐渐形成了一些共识的“模型”-控件,比如按钮、list等等(但这些控件本身还在不停的演进和变化中)。

但,由于技术、商业的快速发展,导致信息系统的演进速度快的出奇,我们还没有很好地研究清楚和建立完整规范的“虚拟工具的工效学原则”,这些产品和设计已经又变了样子了。而且,更甚之,有些产品是人类诞生以来从来就没有过的,很难从过去以往的经验中获得所谓“心理模型”,让用户“看了就知道怎么用”,或者遵循了现有的“心理模型”会干扰和限制其它的创新设计,所以挑战更大了-既要能满足功能的需要,又要让用户能快速学会。这就更要求在设计创造新的操作体验时,能去找到并遵循一些更“本源/本能的”原则,那么心理学就是非常重要的基础了。也就是说,现有的所谓遵循认知心理学的设计原则,本身是可以被打破和创新的。

触屏手机是一个非常好的例子。交互上,它利用了人类最本能的“手的点触”技能(这是人类从婴儿时期就习得的技能),也利用了人们过去对实物产品的心理模型(比如翻书、手写、拖动),还利用了人们在其它信息产品上习得的经验(比如按钮、list、点击、保存),并且还创造了新的操作体验(比如,mac上的双指滚动,三指返回或前进,四指···)。还有一些新技术比如传感器也可以创造新的操作体验,比如重力传感器、光敏传感器等。


原文作者:徐毅斐

原型课堂转自:知乎

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/9342/

(0)
iouedioued
上一篇 2015-09-10
下一篇 2015-09-11

相关推荐

  • 交互设计-要避免使用汉堡包菜单

    小编阅读提示,图片是动态哦,需要单击才能看到动态图。 近来,越来越多的研究及测试表明,侧边栏菜单,也就是我们俗称的汉堡包菜单,很可能是一种弊大于利的设计模式。 不过我们也要知道,这个问题实际上是很微妙…

    2014-11-07
  • 线上讲座 | 送你一份全新的交互设计指南ヾ(゚∀゚ゞ)

    ▲ 向左滑动查看更多导师作品摘要:上期Designer Talk 我们邀请到的UI设计师Coraline,以“对现代科技发起交互”为媒介,来传达她所创作的艺术呈现,不知道同学们有没有通过对非现场性艺术分享,使思想脱离理性范畴,继而进行创作性的探索与尝试。本期Designer Talk我们将借助符号性的语言,将碎片化的艺术凝结在一起,打破虚无与现实桎梏,为您呈现全新的交互设计。关键词:交互设计 / 当下全新的非完美呈现分享导师Jason本...

    2018-04-19
  • 设计神器Figma出马!Sketch、PS有些慌了,因为...

    这年头真的是“长江后浪推前浪,一浪更比一浪强”,许多新产品、新工具纷纷冒出头来,就拿我们设计师的设计工具来说吧,Photoshop 算是一名老将了,它也是我们走上设计不归路的第一个敲门砖(当然还有 CDR);被 PS 折磨的要死要活的时候 Sketch 和 Affinity 杀了出来,一个是专攻用户界面的矢量设计,另一个则像是加强版的 PS 和 AI;Sketch 和 Affinity 还没用熟又冒出个 Figma:说出来你可能不相信,...

    2018-04-17
  • 【颜值已爆表】00io.com-盘点2014最精彩的移动APP动画UI

    原文导读: On the third day of The Highlight 2014, we’re bringing you our picks of some of the best UI animations we’ve seen in apps and across the web. Apps have been a UI playground for quite some …

    2015-01-14
  • 怎么理解信息架构,什么是信息架构?

      之前一直有朋友(初学者)问我什么是信息架构,什么是流程图等等,一直没有很好的答案回答对方。后来举例以下的例子,她说终于明白大概是什么意思了,在这里将回答分享给大家(或许可以帮助妹子们更好的理解…

    2015-11-18
  • 交互干货必收 | App界面交互设计规范

    在上篇《APP界面设计风格》确定下来后,产品经理(兼交互设计)还不用着急将所有的交互稿扔给设计师进行细致的界面设计。在细节设计启动前,拉上设计师和安卓前端开发、ios前端开发一起商议确定设计规范先吧!

    2017-06-04
  • 一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • 设计师要懂心理学の视而不见

    著名的“数传球视频”,先做个小测试:你能数出来,白队一共传了几次球吗? 这个视频是“无意视盲”和“变化视盲”典型的例子,揭示一个现象:用户经常对重大变化视而不见。 眼动跟踪技术可以跟踪记录人眼观察的方向,确…

    交互设计 2014-11-20
  • 被忽略的交互设计本质

    谈论交互设计本质是起源于日常的很多谈论,不管是向朋友介绍自己从事“交互”相关岗位,还是需要向亲戚通过三言两语解释自己的工作内容;甚至在工作的上下游沟通中,也经常会被问道“你怎么就判断用户是这么想的”“产品如何从0(概念)到1(页面界面)的”;这些问题促使我想要追本溯源,捋顺一下交互的由来、工作内容,以及依照什么方法执行等问题。(1)把冰箱门打开→ (2)把大象放进去→ (3)把冰箱门关上(1)要充值的手机号码→(2) 确认充值多少钱(用“确认”是因为很多软件提供了默认金额)→ (3)付款搞定。

    2017-05-15
  • 设计干货|聊聊设计师玩转Sketch的那些事儿

    点击蓝字关注GOMEOS用户体验设计1调整组内图层父级变换属性新的调整大小选项可以帮助我们更灵活地调整对象与子层之间的响应:1. 默认属性下的成组放大缩小变化,内部的图标跟随组的缩放比例进行变化.2. 锁定图标的固定宽度&固定高度,成组的缩放比例不会影响到图标的比例与尺寸.3. 当锁定上部及右部间距时,成组缩放比例时,图标距离组内上部及右部的距离保持不变.2嵌套样式这个十分强大的功能使得symbols的复用更加的强大,可以同一内容复用多...

    2018-04-04