那些很熟悉但又叫不出名字的设计法则:系列位置效应 - 优设-UISDC

那些很熟悉但又叫不出名字的设计法则:系列位置效应

2018/03/12 13478评论区

系列位置效应(Serial-position effect)是一种记忆现象 :在列举项目时,排在最前面与最后面的元素,要比排在中间的更容易让人记住。

什么是系列位置效应?

这个词是由赫尔曼·艾宾浩斯首次提出。艾宾浩斯一生致力于有关记忆的实验心理学研究,在1885年出版了《关于记忆》一书,提出了著名的「艾宾浩斯遗忘曲线」,这一成就也令他成为与冯特齐名的心理学家。

百度百科:在系列学习(Serial Learning)中,在一系列处于不同位置的记忆材料回忆效果不同。系列位置效应就是这种接近开头和末尾的记忆材料的记忆效果好于中间部分的记忆效果的趋势。

维基百科:Serial-position effect is the tendency of a person to recall the first and last items in a series best, and the middle items worst.

△ 魅力惠和网易严选App界面

举个例子:我们仔细观察每个 App 的底部导航,首位和末尾基本都是「首页」和「个人中心」,系列位置效应很好的解释了为什么要将最重要的用户操作放置在首位或末尾。(如上图)

「首因效应」和「近因效应」

系列位置效应中系列开头的材料比系列中间的材料记得好叫「首因效应」;系列末尾的材料比系列中间的材料记得好叫「近因效应」。

「首因效应」

系列中的起始项目更能有效的储存在长期记忆中。在系列快速出现的情况下,首因效应影响较小,因为用户没有时间把起始的项目储存到长期记忆中。相反,在系列缓慢出现的情况下,首因效应影响较大,因为用户有足够的时间把最起始的项目储存到长期记忆中。举个例子:

还记得大学四六级单词书的第一个单词吗?

abandon!

「近因效应」

系列中的最后几项很容易储存在短期记忆中。「近因效应」受到时间和附加因素的影响,大部分信息在短期记忆中保持的时间很短,通常在5-20秒,最长不超过1分钟。举个例子:

△ 简书App界面

简书是一个很优质的创作社区,浏览文章时,「赞赏」「评论」「喜欢」「分享」功能都做了固底设计,因为在浏览文章时,如果某一段对用户有所帮助,会忍不住评论或者点赞。如果这些功能都置于文章结束,应该很多人会忘记刚才所要表达的内容。如果浏览的是一篇很长的文章,这种情况更为明显。所以简书用固底和文末两种方式呈现以上四个功能。

△ 天猫App界面

你可以试着用近因效应分析天猫购买页中的固底设计。

给设计师的 Tips

1. 把重要的信息放在前面或者后面,不要放在中间,以达到最佳效果。

2. 列举的项目是视觉项目,记得把最重要的项目方案放在最前面。举个例子:第一屏放什么内容是各位最纠结的事情吧。

3. 列举的项目是听觉项目,记得把最重要的项目方案放在最后面,举个例子:《我是歌手》每期中,谁抽到最后一个出场都很兴奋。

△ 蚂蚁财富界面

4. 碰到用户要做出决定的情况下,如果必须在最后一项出现后选择,请把该项目放在最后,举个例子:规则条款阅读选项(如上图标记处);相反,请放在前面,以增加获选概率。

5. 本法则可以结合《那些很熟悉但又叫不出名字的设计法则:倒金字塔法则》进行阅读。

小结

文章开始的题目还记得吗?大部分人应该对小角更有好感。其实两位的形容词都是一样的,只不过把顺序颠倒了一下,通过以上论述,想必大家已经知道其中原因了。

参考资料:

  • 《通用设计法则》,威廉·立德威尔、克里蒂娜·霍顿、吉尔·巴特勒<著>,朱占星、薛江<译>,中央翻译出版社
  • Serial-position effect,wikipedia
  • 系列位置效应,百度百科

欢迎关注译者的微信公众号:「二手设计」

「设计法则系列好文」

================明星栏目推荐================

优优教程网 UiiiUiii.com 是优设旗下优质中文教程网站,分享了大量PS、AE、AI、C4D等中文教程,为零基础设计爱好者也准备了贴心的知识树专栏。开启免费自学新篇章,按照我们的专栏一步步学习,一定可以迅速上手并制作出酷炫的视觉效果。

设计导航:国内人气最高的设计网址导航,设计师必备: http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/serial-position-effect

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch 优设大课堂 转场动效 界面设计 设计师 扁平化设计 交互设计师 排版布局 职场 平面设计 设计师专访 素材下载 设计流程 视觉设计 配色 用户体验设计 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 设计趋势 动效设计 psd下载 产品设计 图标设计 logo设计 ICON 神器推荐 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里