文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

几乎所有设计师都在用的7±2法则到底是什么?

2024-12-03 11:23

关注

我们的大脑每天都会接收很多信息,对于我们看到的一些信息,大脑会进行理解和记忆。根据 George A. Miller 的研究,人类的大脑在短时间内、记忆的最佳状态是一次最多记住 5~9 项信息,而如果信息量超出 5~9 项之后,记忆就会出错,那么势必会影响展现主体内容的初衷,这就是神奇的 7±2 法则。

了解 7±2 法则,并应用到日常设计中,可以准确的传递主体内容,并使用户对其产生一定的印象。

下面,我将通过实例,来解析一下 7±2 法则在设计中常见的应用方法。

数字分割的设计

在设计中,经常会遇到一些数字的展示,我们通常会把这些数字按其行业规律进行分割。例如:手机号采用 3-4-4 的方式进行分割,银行卡号采用每 4 位进行分割等等。

案例展示:

 

△ 左图(京东):注册填写手机号时,采取 3-4-4 的方式,中间用空格进行分割。右图(美团):商家页拨打电话的展示也同样用空格进行数字分割。

 

通过 7±2 法则,利用这种分割方式,可以达到很好的交互体验,提升用户操作便捷性的同时还可以使用户进行快速记忆。

导航、选项卡的设计

在使用 APP 时,菜单栏是我们经常要用到的区域。如果大家仔细观察,大部分 APP 的菜单栏都遵循了 7±2 法则的原理来进行设计的。虽然有些菜单栏可以通过 X 轴滑动来展示更多内容,但在页面初始状态下,菜单数量都会保持在 5~9 个之内。

案例展示1:

 

​​

△ 左图(今日头条):初始状态下,菜单栏有效点击数量为 6 个。右图(爱奇艺):初始状态下,菜单栏有效点击数量为 6 个。

 

另外,PC 端的导航栏设计,也同样可以遵循 7±2 法则。

案例展示2:

图片从上到下依次为:微软官网、苹果官网、优设、站酷、UI 中国,菜单栏都没有超过 9 个,整体设计更加简约,使用户更加直观、清晰的查找自己想要的内容。

不论是移动端,还是 PC 端,我们都可以根据 28 原理(80%的用户在使用 APP 时,关注的内容只占总内容的 20%),再加上数据分析,来优化菜单栏的展示。最后,再通过 7±2 法则的应用,可紧紧的、有效的锁住用户。

内容版式的设计

7±2 法则可以帮助我们来进行页面内容的布局排版。

通过卡片式的分类设计,将同类型的内容组成到同一个卡片模块,用户可以通过先查询卡片模块,再来寻找具体的内容,看起来交互路径变长了,但实际上却大大的提高了用户的使用效率。

案例展示:

 

△ 左图(微信):将不同的入口,通过卡片分类进行组合,如金融理财、生活服务。右图(京东金融):将同类型内容进行组合成到一个卡片模块中。

 

内容版式的设计,就像我们在写文章时,、段落换行一样,条理清晰,方便阅读。

以上就是 7±2 法则在日常设计中常见的应用方法。在文章的最后,套用名人的一句话:“除非有更好的选择,否则就遵从标准”,希望对大家有所启发,同时欢迎大家共同探讨、交流。

来源:优设内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯