恭喜你成为UI中国推荐设计师 (详情)
//百度统计 20220402 uicn

您的意见是我们 UI 中国进步的动力!
点击立即反馈按钮,发表您的意见!
立即反馈
QQ群反馈
您也可以加入UI中国官方反馈群进行反馈!
群号:302892100
备注:反馈问题后@管理员能让我们及时了解您的意见

提交需求

赛事与广告咨询合作,请填写需求表单,我们会在第一时间与您联系!

0/20
0/200

设计大赛

  • 设计大赛
  • 发布广告
  • 发布招聘
  • 其它需求

提交完成
感谢您对UI中国的支持和信赖!
常用UI设计法则(3):四项事物法则
0.0°
2021-08-05 原创文章 经验/观点 举报 1931 11 4 0

大家一定听过所谓“神奇的数字7±2” ,即米勒定律。但大家不一定知道的是,这个观点其实并不完全正确,后来的学者以此为依据做了大量更加深入的研究,对米勒的观点进行了修正,发现那个“神奇的数字”其实是4。


什么是7±2法则

7±2法则又称米勒定律,1956年由美国心理学家乔治·A·米勒(George A. Miller)提出:人的短期记忆广度为7±2区间,即短期记忆储存空间限制为5-9个信息团。

案例1:

微博-发现顶部展示9个实时热搜,百度首页展示5个推荐新闻。


短期记忆

“PC的导航栏选项一般不超过9个,APP的tabbar不超过5个”是米勒定律的应用吗?

案例2:

最开始我也认为这是米勒定律在设计中的应用场景之一,但后面发现并不准确。因为我们忽略了7±2这个记忆广度有一个重要前提,是短期记忆。

(大部分信息在短期记忆中保持的时间通常在5-20秒,最长不超过1分钟。通过巩固后可变为长期记忆,能保持几天到几年甚至更久)

而PC导航栏和APP标签栏数量是根据设计经验总结出来的,所见即所得,并且早已被强化为长期记忆,不符合米勒定律的前提条件。


四项事物法则

心理学家Alan Baddeley后来发现,米勒的文章只是在一次专业会议上的讲稿,并不是真正的研究报告,7±2的结论也是根据其他人的实验进行的一个估测,实际并不严谨。

于是他和另一位学者Nelson Cowan进行了长达四十多年的研究,在2010年发表的论文中指出:短期记忆的组块数量大约在3到5块的区间内,也就是4左右,这被称为四项事物法则。它同时适用于短期记忆和长期记忆,帮助用户快速处理信息,提升记忆效率。


利用组块把4变多

信息内容过多时,将其分组块处理更有效率。

iPhone的通讯录里,手机号格式:xxx xxxx xxxx,座机号格式: (区号) xxxx xxxx

案例3:

在很多需要输入账号/手机号/身份证号/日期等数字场景中,这一点经常被忽略(上图中的QQ和京东金融的身份认证)。但输入银行卡号时绝大部分产品又都考虑到了(对比一下看出银行卡的重要性了hhh)


案例4:绝大部分产品的金刚区都是固定4-5个入口,滑动卡片虽然在横轴可无限滑动,但在显示区域只保持4个左右的显示数量。

美团外卖金刚区则分为两个组块,用户会更容易记住第一视觉层次的五个图标入口。

 (第二个组块里包含十个,虽然总数上已经超过5,但根据格式塔对称性原理和阅读习惯,大脑会自动默认一行为一个视觉单元,每个视觉单元的数量也是5。而且不是说在设计中不能超过5个选项,3-5个选项是用户的最佳记忆数量,超过5个会降低用户的记忆效率。


案例5:

个人中心/设置等表单类页面,每个重要组块都有不超过5个功能入口,不仅层级更清晰,也方便用户查找。


对设计的启示:

1.尽可能将展示给用户的信息限制在4条左右,如果信息过多,利用组块进行展示。

2.设计含有数字类的页面时,如果数字较多,要么系统自动分组(类似银行卡号输入4个数字自动空格),要么允许用户手动分组(空格键点击可用)。

3.可通过卡片或间距分组,重要组块内的信息也尽量控制在4条左右。

4.一些认证流程类的页面如身份认证,将步骤控制在4项以内,减少用户跳出率。


写在最后

四项事物法则不像米勒定律那样被大家熟知,可它在设计中的应用并不比米勒定律少,而且“组块”这个概念也是由米勒提出的。虽然他当时得出7±2并不准确,但不能否认他的贡献。最后附上文中提到的两篇论文地址,有兴趣的小伙伴可以点击跳转观看~


米勒《神奇的数字7±2:我们信息能力加工的局限》:http://www.musanim.com/miller1956/


纳尔逊考恩《神奇之谜四:工作记忆容量是如何有限的,为什么?》:https://journals.sagepub.com/doi/10.1177/0963721409359277




Powered by Froala Editor

更新:2021-08-05

收藏

11人已收藏

  • 6

    作品

  • 56

    粉丝

  • 9

    关注

  • 一个用4WH需求分析法做的首页改版
  • 常用UI设计法则(2):系列位置效应
  • 熊猫看书—V9.0复盘
  • 常用UI设计法则之格式塔原理
相关标签

    猜你喜欢

      2021-08-05 原创文章 经验/观点 举报 1931 11 4 0

      常用UI设计法则(3):四项事物法则

      0.0°

      你确定要举报常用UI设计法则(3):四项事物法则

      如果查出恶意举报,十天内禁止提交任何举报申请。

      0/200

      上传证据: 超过10M的附件请使用网盘地址

      点击上传附件

      对谁可见:

      全部设计师
      • 全部设计师
      • 推荐设计师和认证设计师

      您确认要推荐?

      该作品发布时间:2021年08月05日

      评分

      完整度

      启发性

      勤奋性

      排版布局

      推荐心得

      建议20-200字以内

      0/200

      4
      11
      0

      账号或密码错误,请重新输入

      账号或密码错误,请重新输入

      登录

      手机号

      发送验证码 120s 验证码错误

      登录
      第三方账号登录