• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >心得技巧 > 那些很熟悉但又叫不出名字的设计法则:系列位置效应

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

作者:二手设计 字体:[增加 减小] 来源:互联网 时间:2018-08-23

本文主要包含经验分享,设计方法,设计法则,设计法则专题等相关知识,二手设计希望在学习及工作中可以帮助到您

系列位置效应(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
  • 系列位置效应,百度百科

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

「设计法则系列好文」

  • 《那些很熟悉但又叫不出名字的设计法则:希克定律》
  • 《那些很熟悉但又叫不出名字的设计法则:形式服从功能》
  • 《那些很熟悉但又不知怎么用的设计法则:80/20法则》
  • 《那些很熟悉但又叫不出名字的设计法则:倒金字塔法则》

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

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

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

优设大课堂

您可能想查找下面的文章:

  • 该有的视觉元素全都有,设计不好到底差在哪里?
  • 为什么几个人的小团队更加高效更加靠谱?
  • 对于「以人为中心」的设计,你的理解可能太浅显了
  • 为什么大家都想学服务设计?来看CEO 的亲身经历!
  • 想为iPhone X设计UI?给你这11个设计小贴士
  • 疯传谷歌走All-White风?假的!其实只是合作伙伴的重设计
  • 在做产品设计的时候,预期和现实到底有多大的差别?
  • 设计出了错?很有可能是你没有问对问题
  • 为什么不要再问用户「你们到底想要什么」?
  • 想紧跟流行风尚?这5种平面设计趋势了解一下

相关文章

  • 2018-08-23为什么39%的设计工作可能被人工智能取代?
  • 2018-08-23腾讯的设计到底好在哪?高手是从这3个维度分析的!
  • 2018-08-23Airbnb设计经理:一个好的交互设计师应该具备什么素质?
  • 2018-08-23在成熟的UI设计流程中,视觉稿是绕不开的环节
  • 2018-08-23赶紧收藏!连BAT设计师都在使用的视觉动线技巧(下)
  • 2018-08-23弹出框里的设计门道,你是否都知道?
  • 2018-08-23优设国庆节专题!超实用的精选素材打包+出效果教程
  • 2018-08-23设计实战!如何设计一款富有情感吸引力的拼字游戏
  • 2018-08-23超实用!信息架构基础知识科普手册
  • 2018-08-23设计推送通知的时候,这7个关键点要把握好

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • 逐渐热起来的6月,这3个设计趋势开始逐步流行
    • 进阶经验!如何系统的进行改版设计(下)
    • 超实用!如何制作统一可复用iOS/Material Design元件库?(附源文件)
    • 如何提高设计能力?来看腾讯设计师这个方法总结
    • 复制和粘帖是封装的大敌
    • CSS的部分常用属性整理
    • 全球化设计系列!国际化产品设计有哪些需要注意的事项?
    • 内部教程!超详细的支付宝设计规范之版式篇
    • 时下流行的鲜艳配色方案,缺点和优点一样明显
    • 响应式WEB设计学习(2)—视频能够做成响应式吗

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有