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

无论是设计网页还是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

相关推荐

  • 《用户体验要素》:一张图读懂用户体验五要素

    《用户体验要素》是一本讲产品的好书,作者为我们清晰地介绍了关于用户体验的五个要素,五个要素是按照产品的整个生命过程来描述的。产品设计五要素分别是:战略层、范围层、结构层、框架层、表现层。《用户体验要素》说这本书清晰,是因为五个要素很清楚,按逻辑步骤总结出来的。但,这也是这本书唯一清晰的地方了,因为,这本书在细节描述上还是很凌乱的。产品设计五要素对于读这本书而言,能够领会作者的思想就可以,不必要拘泥于具体的细节。原因有二:一是,这本书的细...

    2018-04-04
  • 专业的网页风格指南应该如何制作?

    文案规范
    视觉指南

    配色方案,包括每种色彩的具体参数,以及其他可接受的色调
    字体和排版方案,包括每个部分的字体类型、尺寸、字重以及具体用法
    LOGO,包括它的样式、变体、尺寸以及位置的说明
    拼写、关键词的选择、文案的风格(包括按钮、社交媒体等)
    图片使用规范,包括色彩、裁剪规则和视觉表现方面的标准
    SEO信息,比如可选的标签和关键词
    栅格标准(主要用作网页排版和印刷)
    空间与留白方面的说明(设计的松紧度等)
    关键点的说明(团队成员可能会提出的问题或者有待澄清的点)

    在内容表述上不要限制太多,这毕竟是风格指南,重点是视觉上的引导,设计是核心;
    将相关、相联的条目整合到一起做快速指引:一个页面介绍色彩,在另外一个页面做排版的规范等等;
    用图片案例来展示界面应有的外观,而不要单纯用枯燥的文字来做介绍;
    提供可用的具体说明。比如配色方案中提供色彩的RGB或者CMYK的具体值,确保色彩的运用能够一致;
    将一部分的设计案例分解说明,确保每个元素的功能和使用规则都足够明晰;

    2017-05-22
  • 设计中的色彩心理学(上):九种色彩所代表的心理感应

    之前写过一些关于色彩的文章,一直说的是关于色彩理论的一些色彩基础,其中有读者提到过想听听关于色彩心理学的一些东西,因此就在这里聊聊自己的一些感想和设计实践中的一些心得体会,并不系统,只谈感想。

    2017-05-10
  • 从9个方面聊聊用户体验设计的发展

    今天饿了么UED的小满同学给大家翻译了一篇国外的用户体验 设计回顾总结文,里边提到的9个观点都特别有前瞻性,剥离开细枝末节的视觉风格和交互原则,这些很有可能成为未来优秀设计师必备的硬能力。在甲方的阴沟里待久了,来仰头展望下真正「以人为本」的设计思考。

    2017-05-29
  • 混合型界面:对话式UI会走向何方?

    2016年是对话式设计之年。消息应用正以惊人的好评度和参与率,占领世界和app store的排行榜。每个社区产品、应用市场、点播服务、约会应用、社交游戏和电商产品,为了提高好评度、参与率和销量,都已经或即将加入消息功能。

    2017-05-11
  • 设计和记录用户体验的细节

    设计和记录用户体验的细节体验设计是产品开发过程中一个复杂、多用途、耗时的阶段。组织良好的流程通过减少误解使结果可预测来减轻团队压力,在本文中,我希望着重将主流方法映射到实际项目中,并且将可交付的成果归总在一起。阶段1: 构想这个阶段的目标是弄清楚客户的业务如何运作以及产品目标是什么。低保真原型是一种工具,它可以帮助你与利益相关方确认产品的心智模型,并讨论设计方法,在这一点上,我们正在寻找一个关于“我们正在建设什么东西?”问题的答案。附注...

    2018-03-31
  • 电视交互设计的一些事 | 设计基础15

    两年前,我总结过《Apple Watch交互的一些事》,简单的分享了下手表小屏幕的交互设计。而在过去一年多的时间里,我有幸参与了电视端大屏幕的项目,在不断的尝试、探索和设计中,也收获了一些关于电视端的设计经验,因此将这些“电视交互设计的一些事”分享出来,共同探讨电视端的设计。✨硬件+远距离操控——基本交互基于桌面资料研究以及设计经验,总结了基本交互主要包含以下几个关键内容:遥控器输入、导航和菜单、信息展现、控件摆放和焦点状态。一、 遥控...

    2018-01-30
  • 界面设计中的动画原理:可理解的变速过渡效果-深入研究加速和减速

    注:“可读性”是说动画绘制者如何定义动画的精准度,用来清晰而容易地理解正在发生的事情。例如:不可读=不清楚发生的事情很易读=它非常清楚,立刻能懂弹跳背后的物理理论:球刚开始被放开的时候,它有一个相对缓慢的速度。在重力的作用下,球的速度持续增长,直到接触地面的那一刻速度达到最大。地面给球反作用力,使它以几乎相同的速度反弹回去。当球移动时,两种力量作用正在球上 - 反弹的力、想把它拉下来的重力。反弹的力量正在慢慢释放,这使得球随着升高逐渐减低速度,直到它耗费掉所有的反作用力,最终到达反弹的最高点。它在顶部停留一微秒,直到重力把它拉下来,使它像之前一样加速下降。我用言语来描述这句话是有原因的。我们试着将一种自然行为分解为具体的步骤,这样我们就可以重新创造它。注:不要羞于“照搬”大自然。你的观众会更快地与动画关联起来,从而更容易读懂动画。注意:这一术语有可能与其它术语混淆。如果你正在阅读传统的卡通书,例如迪斯尼的《生命的幻象》或《动画师的生存工具》,那么这些书会告诉你,当一个物体开始减速然后加速时,这一过程被称为渐慢(ease-out),因为它的姿态在“缓慢输出”。但是,在软件产业(CSS动画,Adobe Edge等),这一过程被称为渐快(ease in)!我不确定这一不同之处是怎么来的,但是不幸的是,这就是它的形成过程。所以,当你在阅读一篇文章时,而这篇文章把它们把“渐快”称为“渐慢”,那么不要觉得困惑。看一眼你所在的网站你就懂了:D。时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :  34
    0.2  :  68
    0.3  : 102
    0.4  : 136
    0.5  : 170时间    Y轴的位置(秒) : (像素)—————-0.0  :   00.1  :   2
    0.2  :  10
    0.3  :  36
    0.4  :  87
    0.5  : 170注意:你会在软件中看到更多用于设置缓冲的选项,例如二次的、三次的、四次的等等。它们只是缓和程度更高的选择,但是概念是相同的。只需记住——缓和的程度越高,你就会得到更多的缓和度。并不是规则,只是工具(There are no rules. Only tools)- Glenn Vilppu

    2017-06-05
  • 让手势设计带你的产品体验“飞”…

    小Q在《细节体验|你离用户只差一个好的交互》一文中较为详尽的归纳了反馈给用户体验带来的好处,那么,今天我就继续讲讲“动作”(即为手势)是如何让你的产品体验可以“飞“起来的。本文所指的直接操作内容的自然人机交互方式,不仅符合用户的感知习惯,也能很好地节约屏幕空间,创造沉浸式的阅读体验。一是滑动过程中页面要跟随手指,这样能让用户形成对产品的控制感和更明确的层级感,二是滑动过程中,用户的视觉可以看到的空间更整洁,体验更纯粹。

    2017-05-17
  • Apple Watch应用设计案例-QQ空间

    一、初期方案 设计初期,我们希望能够挖掘一些用户在手机端常用的点进行延伸,如:访客、礼物、动态。包括配色和图形设计也延伸了手机端的设计风格。 二、竞品分析 我们对Instagram和Twitter进行了研究,整体上是手…

    2015-07-15