产品设计教程:利用“系列位置效应”优化UI
任何博得人们喜欢的产品都在一定程度上契合了用户的心理需求。设计和心理学息息相关,掌握一些基本心理学知识,设计师的作品更能在潜意识中抓住用户的心。
系列位置效应
“系列位置效应”(The Serial Position Effect) 最早由研究记忆的德国心理学家 Hermann Ebbinghaus 提出,描述了一个物体在序列中的位置影响人们对它的记忆。“系列位置效应”主要分为两种:
首因效应(primacy effect):比起中间位置,人们对一个系列最前面的物体的记忆力更加清晰。
新近效应 (recency effect):比起中间位置,人们更容易对序列末尾的物体记忆更清楚。
首因效应
按目前的理论,人们对序列前面的几个物体记忆更加清晰,源于回忆这些物体的认知消耗相对较小。如果要唤起对序列中间物体的记忆,还要经过对它们前面物体的记忆存储,这样的认知负担就更重,记忆效果就差很多。
新近效应
新近效应出现的原因在于人们的“工作记忆”。工作记忆是一种特殊的短时记忆,是一种对信息进行暂时加工和贮存的记忆系统,执行着一些复杂的认知活动。
认知学家 Murray Glanzer 和 Anita Cunitz 曾在1966年做过一项干扰试验,结果发现,如果对阅读完信息的试验者后续进行30秒的干扰,首因效应仍然存在,但新近效应消失了。这说明新近效应的产生依赖于人的短期记忆。
UI设计的四种优化方法
既然知道了人们对一个序列不同位置的信息记忆的效率,我们便可以通过掌控信息顺序,来减少我们的记忆负荷,并尽可能地控制用户阅读信息和回忆信息阶段之间的干扰项。
以下列出了利用系列位置效应优化用户体验的4种方法:
将任务相关信息保持在用户界面内
将跟用户操作任务相关的信息保持在页面内,减少用户的回忆负荷。提供一些工具指引我们完成他们的目标,以帮助他们更加精确有效地完成任务。
像苹果的Keynote,微软的 Microsoft 这类工具,提供页面数、尺子、网格这类信息和小工具,提高了我们的工作效率。
用户界面中加入提示
在用户界面中加入提示,这样可以唤起我们“识别”之前遇到的事物,以及“回忆”起之前了解到的东西。提示可以是各种感官性的,像按照因果逻辑的声音提示(比如打游戏时角色获得金币时的哗啦声),或者在赛车游戏中提供的地图提示。
控制用户流中的回忆负荷
人的注意力有限,一般来说人的短时记忆力只能最多记住5件事。因此,在产品设计中,设计师最好保证用户在任何时候需要回忆的事物都少于五个。设计师可以通过呈现相关信息,或者简化重新获取信息的途径,来控制用户在交互过程中的回忆负荷。
比如很多电商都知道提供用户在购买流程中的操作信息。
在开始和结尾强调关键信息
首因效应和新近效应展示了在一个系列开端和结尾的信息能被用户记得更清晰,因此设计师可以在开端和结尾强调关键信息,在中间位置布局重要性低一级的信息。
很多登陆页都是按照这样的原理设计。以Apple官网的iPad Air 2 页面为例,整个页面可以分为三个部分:开端、中间、和结尾。
第一部分是在向我们说为什么要买他们的产品,重要性高。
第二部分则是产品详细的细节信息,从号召力上来说重要性评级低一点。
第三部分则是一种CTA号召行为,推动用户的购买操作,有快递、支付、客服信息。
总结
既然用户的记忆具有系列位置效应,而且人的短期记忆非常有限,那么设计师在设计的任何流程中,都要尽力减少用户的记忆负荷。
将任务相关信息保持在页面内、增加提示、控制交互流程中需要记忆的信息数量、在开始和结束部分强调关键信息…… 这些都是可以采取的措施。
在产品设计中融入自己对用户认知方面规律的理解,能让自己创造出更好的用户体验设计
产品设计教程:利用“系列位置效应”优化UI的更多相关文章
- 产品设计教程:如何理解 px,dp,dpi, pt,看这一篇就够了
先聊聊熟悉的几个单位 围绕着各种屏幕做设计和开发的人会碰到下面几个单位:in, pt, px, dpi,dip/dp, sp 下面先简单回顾下前四个单位: “in” inches的缩写,英寸.就是屏幕 ...
- 产品设计教程:wireframe,prototype,mockup到底有何不同?
wireframe,prototype,mockup 三者经常被混用,很多人把三者都叫原型,真的是这样吗? 我们来看看三者到底有何不同.先来做一道选择题: 从这张图可以看出,prototype 和其他 ...
- 教你如何用PS制作多款按钮UI设计教程
教你如何用PS制作多款按钮UI设计教程 本文教大家制作按钮的方法 LV. ★ 初入设计,学做按钮.只会套个底色,加个阴影,字体纯白,小聪明的弄个圆角. LV. ★★(描边.字体.内阴影) 看了很多案例 ...
- opencv-python教程学习系列9-程序性能检测及优化
前言 opencv-python教程学习系列记录学习python-opencv过程的点滴,本文主要介绍程序性能检测及优化,坚持学习,共同进步. 系列教程参照OpenCV-Python中文教程: 系统环 ...
- 【阿里云产品公测】利用PTS服务优化网站数据库读写性能
[阿里云产品公测]利用PTS服务优化网站数据库读写性能 作者:阿里云用户千鸟 写这个帖子主要也是因为在用PTS测试网站的时候,手动访问网站进入报错页面,主要原因是数据库连接对象存在问题,导致并发多的时 ...
- UI产品设计流程中的14个要点
http://www.sj33.cn/digital/wyll/201404/38318.html 自从我在 Dribbble 上贴了一幅我的产品设计成果,受到了大家伙热烈的反馈,对此我深受鼓励,我决 ...
- UI设计教程分享:6个不能错过的UI设计网站
Ui设计学习的人越来越多了,想要找到合适的学习资料很难,很多才接触ui设计且没有基础的同学也不知道去哪里找学习资料,虽然现在百度上很容易搜到ui设计的学习资料,但是一看不难发现,很多都是过时的学习资料 ...
- UI交互设计教程分享:提高界面交互体验的“葵花宝典”
本次分享的是在界面设计中最长实用也最容易被忽略的十个原则,就是尼尔森十大可用性设计原则,这是十分基础且重要的原则.原则是死的,如何正确的结合到实际运用中才是关键.接下来我会通过对每一个原则的理解和现 ...
- IBM应该请我去做Domino产品设计架构师
作者: 亓锋 2012年11月19日16:56 来源: 速途专栏 ...
随机推荐
- vs2017默认以管理员运行
1. 打开VS的安装目录,找到devenv.exe,右键,选择“兼容性疑难解答”. 2. 选择“疑难解答程序” 3. 选择“该程序需要附加权限” 4. 确认用户帐户控制后,点击测试程序,不然这个对话框 ...
- CCPC-Wannafly Winter Camp Day4 G---置置置换【递推】【组合数】【逆元】
置置置换 已经提交 已经通过 63.89% Total Submission:72 Total Accepted:46 题目描述 wlswlswls有一个整数nnn,他想请你算一下有多少1...n1. ...
- ubuntu16.04 ROS环境下配置和运行SVO
ubuntu16.04 ROS环境下配置和运行SVO https://blog.csdn.net/nnUyi/article/details/78005552
- [No000012C]WPF(4/7)类型转换器和标记扩展[译]
介绍 之前讨论了WPF的基础架构,然后逐步开始学习布局面板,转换,介绍了不同的控件,容器,UI转换等.在这篇文章中,我将讨论每个创建XAML应用前的开发人员应该了解的关于XAML最重要的东西. 标记扩 ...
- hdu6435 Problem J. CSGO标程讲解以及改正标程的一个错误(本来第一个样例过不了2333) 以及 poj2926 五维曼哈顿距离模板
比赛的时候抄poj2926的模板,但改不来啊orz #include <iostream> #include <cstdio> #include <cstring> ...
- Chap2:二进数值与记数系统[Computer Science Illuminated]
1 基数(base):记数系统的基本数值,规定了这个系统中使用的数字量和数位位置的值 2 数字采用位置计数法进行编写 位置计数法(positional notation):一种表达数字的系统,数位按顺 ...
- IO密集型 计算密集型
参考:https://www.cnblogs.com/zhangyux/p/6195860.html 参考:廖雪峰 协程 gevent IO密集型任务指的是磁盘IO或者网络IO占主要的任务,计算量很小 ...
- 【Java】一台服务器配置多个Tomcat
需求缘由 最近接收了一个新的工具业务:ipublish发布系统,刚接手这个业务的时候,发现每次发布新的代码 需要到群里告知大家,我要停服务几分钟,准备更新代码啦.这尼玛 哪个公司都不敢这么牛逼的和用户 ...
- delphi传递变量给fastreport
delphi传递变量给fastreport 1.打开frReport报表设计.2.打开file->data dictionary加变量.这里比如加title,bm,zbr,gj,zrs3.在 ...
- ORACLE监听配置及测试实验
实验一: 修改db_domain和service_name 我们将Db_name和Db_domain两个参数用'.'连接起来,表示一个数据库,并将该数据库的名称称为Global_name即等于serv ...