记忆篇|从心理学理解交互设计原则

无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。


无论是设计网页还是APP,我们必须要满足用户的需求, 用户体验的好坏完全取决于你多了解用户。用户是如何思考,记忆,做决策?什么促使他们点击?知道了这些,对交互设计很有帮助。让我们从了解人记忆的复杂性和弱点开始。

记忆篇|从心理学理解交互设计原则

短期记忆是有限的

短期记忆,和进行中的任务关系比较大,也称之为工作记忆,短期记忆有利于我们正在进行的任务,对于阅读,计算十分重要。我们肯定经历过一口气记住13位的手机号码,并不断默念这个号码帮助记忆,但是打完电话后,完全不记得刚才的号码。又如1+2=3,我看到第二个数字的时候,需要记得第一个数字,才能进行运算,对不对?这是我们平时习以为常并且觉得理所应当的事情,但是正是因为有短期记忆的存在,我们进行阅读并理解上下文、进行数学计算,逻辑推导才成为可能。

设计原则:

  1. 多次确认重要、复杂的操作结果
  2. 分步的任务之间不要有太多相关性,需要用户去回忆的内容
  3. 任务流中减少干扰信息,让用户能集中注意力

案例学习:Airbnb

1. 选完筛选条件之后,回到民宿列表,筛选功能入口处有标记已选条件数量。

记忆篇|从心理学理解交互设计原则

2. 在用户选完入住日期后,用户会进入到一个预览页面,用户可以再次确认选择的房间数量,入住时间,人数。

记忆篇|从心理学理解交互设计原则

记忆占用大量脑力资源

人每秒接受400亿个感官输入,一次可以注意到40个。但是对40个东西产生直觉不一定意味着对他们产生有意识的加工。思考,记忆,加工和表达需要大量的脑力资源。

设计原则:

  1. 具象图标,颜色、形状等视觉元素有利于记忆
  2. 页面跳转的一致性,自然的过渡转场会减少用户的记忆负担

案例学习:

(1)Facebook Event

用颜色和icon区分不同时间的活动,帮助用户记忆,时间长了,用户可以凭直觉选择

记忆篇|从心理学理解交互设计原则

(2)Tumblr

点击关注某帐号之后,帐号的头像会弹跳到首页Tab里面,指引用户以后会在首页中看到此帐号的推送。

记忆篇|从心理学理解交互设计原则

人一次只能记住4项事物

如果人可以集中注意力,并且过程中不受外界干扰,那么人可以记住3-4项事物。为了改善这种不稳定的记忆,人们会将信息进行分组以加强记忆。比如电话号码1366-5230-725, 13位的手机号码分成3组,有利于长期保存在记忆力。当然能将展示给用户的信息限制在4条固然好,但是面对复杂的业务,也不必强求,可以用分组和归类的方法展示。

设计原则:

1. 利用分组将4变多

案例学习:

(1)Klook

将国家分组,有利于查找和长期记忆。

记忆篇|从心理学理解交互设计原则

人必须借助信息巩固记忆

如果人们能把新信息和已有信息联系起来,就更容易强化新信息或者把它保存在长期记忆里,从而更好的记住和回忆这些信息。用户在使用产品的过程中,会形成图式,图式会帮助用户快速理解整个产品的功能和使用。

设计原则:

1. 保持控件使用的统一。比如用相同的控件处理反馈、页面跳转等

再认比回忆更容易

给你一个记忆测试,先记住列表中的单词(如:钢笔,铅笔,墨水,尺,回形针,订书机,电脑,USB,  剪刀,书签,桌子,白板),然后默写下来,这个是回忆任务。如果是让你再看这个列表或者走进一间办公室,说出东西在列表上出现过,这就是“再认任务”。再认比回忆更容易。许多界面设计规范和功能都经历数年的改善,以缓解与记忆相关的问题。

设计原则:

1. 全新的设计语言和系统需要引导用户去适应,如新手引导视频,页面,新功能提示等等。

案例学习:

Instagram, IOS的重大改版都有不同的声音,有的用户很爱,有的用户喜欢吐口水,新的UI改变用户的习惯,从前的记忆都不见了,需要在新的UI上重构自己的图式。幸好Instagram和Apple都有庞大的用户和拥趸者,追逐最时尚最新潮的设计也许是产品和用户都需要的。

 

作者:Tony(微信公众号:Tonyux), 5年用户体验设计经验,曾经是腾讯手机QQ群垂直业务的交互设计师,现在在booking.com 做产品设计本地化。

本文由 @Tony 原创发布于人人都是产品经理。未经许可,禁止转载。

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

(0)
CatherineCatherine
上一篇 2017-04-30 11:04
下一篇 2017-04-30 12:52

相关推荐

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

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

    2018-03-13
  • 如何辨别一个Banner的好坏?(附案例)

    平时经常会有人问我“什么样才算是好的Banner ?”、“我这个Banner 有什么问题呢?”之类的问题,还有时候大家会分享一些作品但是我觉得并不是特别好,所以就觉得要不写一篇“如何判断一个Banner 的好坏”之类的文章吧,因为我们常说设计师要多看,但是多看的前提是要学会辨别一个东西的好坏,要多看好的而非不好的东西哈,要不然怎么提高审美提高眼界呢?

    2017-05-24
  • 一“平”到底

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

    2015-01-04
  • 译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29
  • AxureUX电商平台WEB端交互原型模板正式发布

    01作品信息作品名称:AxureUX电商平台WEB端交互原型模板作品类型:模板类发布日期:2018-02-25最新版本:v1.0主要适用:Web端软件版本:Axure 8.0文件大小:13MB作品编号:TEM006作品售价:¥169.00详细介绍及演示:http://www.axureux.com/home/templateswebec.html复制以上链接在浏览器打开或点击文章底部阅读原文,建议在电脑上查看原型演示。02作品介绍本作品...

    2018-03-04
  • 浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒 的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹 果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 一只设计师的工作小结:在想好之前,先克制你的表达欲

    我一直觉得做设计,其实是在克制,潜移默化是最好的。在你没有想好如何表达,最稳妥的做法是克制你的表达欲。

    2017-05-05
  • 抽丝剥茧做设计:结构化思维初体验

    我们面对熟悉的问题能迎刃而解,陌生的问题却无从下手。原因是什么?其实是大脑对熟悉问题有已存在的解决结构,而对陌生问题,需要抽丝剥茧重新建立。结构化思维带你快刀斩乱麻,只需四步,建立清晰结构,完美解决未知问题。结构化思维是指一个人在面对工作任务或者难题时能从多个侧面进行思考,深刻分析导致问题出现的原因,系统制定行动方案,并采取恰当的手段使工作高效地开展,取得高绩效。(引自百度百科)

    2017-04-28
  • 刺猬公社招聘汇 | 通往offer之路

    ■更多招聘信息,以及1对1职业咨询,尽在offer之路。扫描上图二维码,即刻加入!本期招聘概览北京:商业新媒体  中国国家地理  北大出版社  音悦台  华谊兄弟    光合映画腾讯研究院猫眼电影  一点资讯  人民日报  摄影之友  经济观察报智云图  鱼眼视频上海:GQ杂志爱奇艺(绿色为正职,黑色为实习,红色可转正)全职信息1  商业新媒体 | 新媒体采编来源:@商业新媒体岗位职责1.关注并监测娱乐内容营销行业内的最新动态,策划行业...

    2018-04-08
  • 【曝光台】用户体验不佳 “海带宝”屡遭投诉

    导读凭借业内领先的电子物流平台和遍布全球的优质物流资源,海带宝为全球跨境电商、代购平台提供一站式综合进口物流解决方案。然而,据“电子商务消费纠纷调解平台”(微信ID:DSWQ315)接到的用户投诉维权案例统计,“海带宝”存在提现等待队伍长、转运速度慢、用户体验不佳等问题。电子商务研究中心(100EC.CN)了解到,深圳海带宝网络科技股份有限公司成立于2013年8月,是一家基于互联网智能化物流解决方案的高新技术企业,国内现有员工300余名...

    2018-04-26