交互设计与心理学的关系

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

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

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

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

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

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

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

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


原文作者:徐毅斐

原型课堂转自:知乎

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

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

相关推荐

  • 纽约视觉艺术学院SVA交互设计硕士毕业展 | 点赞按钮背后的学问

    SVA的交互设计专业汇集享有国际盛誉的设计师及其当今各大领域的专业人士,学生背景来自不同行业,有交互、数字媒体、纯艺、产品、平面、家居、建筑、计算机、社会学等等,学生之间能互补知识,拓展思路。要你设计一个点赞按钮,你会怎么设计?交互设计是什么?不知道的话,你可以回顾「谷歌UX交互设计师丨郑嘉」的分享会:用逻辑支持设计决定丨Google 设计师 郑嘉带你认识UX,她认为交互设计思维是用逻辑支持你的设计决定。SVA交互设计看点读交互的学生,...

    2018-05-04
  • 设计只在需要时 —— “暂停”按钮的消失又出现

      很多时候,不好的设计往往是因为思考的不充分或者思考的太多;而好的设计则正是因为它出现的恰到好处,哪怕它可能是在对传统习惯做出的挑战。以下我将通过现实产品中“暂停”按钮的消失又出现来说明这一点。
      对于现实中的声音播放工具,大家应该不陌生吧。录音机、walkman、CD随身听,虽然这是上个世纪甚至上上世纪的名字,但是也不至于让现在沉溺于虚拟世界的人们彻底忘记(90后除外)。我们只是去回味这些古老工具的播放控制按钮,也是能够品味出优良的设计思想的。

    2017-08-04
  • 用好这些可用性原则,你就能简单做好交互设计!

    做产品经理不懂交互设计,那就是寸步难行。“交互原则多,体验出彩少”,既然要做好产品体验,那么吃透基本的交互设计原则,就是必须且必然的事儿。今天给大家挖了很多可靠的栗子,直接给你提供干货,拿走不谢。

    2017-05-20
  • 不扁平的设计:我们的世界没有一处是光滑和平整的

    “当我们在思考一个问题的时候,我们需要开放模式;但一旦我们找到一个解决方案,我们必须切换到闭合模式去实现它”

    2017-05-25
  • 如何识别和避免“暗黑用户体验”

    作者:Emily Stevens | 翻译:沙喵〜 审校:Moli用户体验设计是一门创造独特奇妙体验的学问——但设计的产出并不都是像彩虹一样美好灿烂的。即便是本质上强调用户友好的设计产业也会有黑暗的一面,而这些黑暗的欺骗性的设计模式比你想象的更为普遍。去年,用户体验设计公司Sigma点名指出,好几家知名零售商利用欺验性的暗黑用户体验设计从用户那儿赚了更多的钱。出现在耻辱榜上的有电商巨头Amazon、快时尚电商Boohoo.com(英国)...

    2018-03-20
  • 从交互设计浅谈安卓开发有多痛苦,安卓程序员才最值得尊重

    导语:交互设计带来的痛苦和问题,总有种让我们安卓开发者恨铁不成钢的感觉,虽然想吐槽,又无力吐槽。如果你懂得微信交互的设计,那就勇敢的,尽情的去吐槽吧!微信的交互,Android和IOS都是按照各自的交互去展示的,去设计的。比如:列表的删除操作,Android中的微信它就严格遵循了长按删除功能,而IOS就一贯的按照自己的风格,滑动删除;又比如底层四个tab按钮,安卓中可以滑动变换界面,而苹果的只能点击操作;再比如顶层的标题栏安卓中微信的标题栏是不变动的,而IOS的是跟着界面变化的;再比如安卓的微信中点击退出是中间弹框,而苹果的则是底部弹出;再比如选择相册等等很多细节,你要注意去体验,去感受,你就会发现,微信的设计是按照Android和IOS各自的交互规范来设计和实施的。如果这样去设计和做就会大大降低开发者的难度。说到这里聪明的你们,估计想到我下面要说什么了?一个苹果手机用户手机破了,买不起了,一想要是再买个苹果手机,就得卖肾了,于是乎买了一款Android的坚果手机,之后打开微信后,看到好友给他发了一个优衣库的视频的公众号文章,感觉非常不错,直接就把这条链接收藏了,偷偷欣赏完之后,回到家怕被爱玩手机的儿子发现,就想删除这条收藏,哎呦喂,怎么滑动都没有滑动出删除按钮来,最后果真让自己的儿子看到了,听到声音的老婆过来就扇了他丈夫一嘴巴子!

    2017-05-28
  • 微信春晚摇一摇项目经验总结

    [关键词一:用产品说话] 春晚,虽然每年收视率逐渐下降,但是30%的收视率相对于其他晚会或电视剧的1-2%的收视率,依然是电视界的霸主。倚靠这个媒体,微信要做什么?打硬广?植入软广?都不是。用电视行业的话说…

    2015-02-28
  • 应用中的游戏化设计

    作者:_Ammy   游戏借着其互动性、反馈性、挑战性、快速成长性等特点,拥有着让玩家长期专注于其中的神奇力量。而若将游戏的这些特点引入到一般的产品设计上,也可能会产生意想不到的效果,这就是游戏化。游戏化的…

    交互专题 2017-08-07
  • 视觉设计,是优秀产品不可或缺的一部分

    视觉设计的重要性跟这个世界看脸一样,不言而明。译者注:Huggies是一个婴儿尿不湿的品牌。译者注:有时候设计师会先收集一些图片文字之类的东西弄出一个合集,作为设计的参考和灵感来源,这类东西叫做moodboard。具体介绍可参考:https://en.wikipedia.org/wiki/Mood_board

    2017-05-07
  • 碉堡了-微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-02