了解 7±2 法则,并应用到日常设计中可以准确的传递主体内容,并使用户对其产生一定的印象。下面,我将通过实例,来解析一下 7±2 法则在设计中常见的应用方法。
我们的大脑每天都会接收很多信息,对于我们看到的一些信息,大脑会进行理解和记忆。根据 George A. Miller 的研究,人类的大脑在短时间内、记忆的最佳状态是一次最多记住 5~9 项信息,而如果信息量超出 5~9 项之后,记忆就会出错,那么势必会影响展现主体内容的初衷,这就是神奇的 7±2 法则。
了解 7±2 法则,并应用到日常设计中,可以准确的传递主体内容,并使用户对其产生一定的印象。
下面,我将通过实例,来解析一下 7±2 法则在设计中常见的应用方法。
数字分割的设计
在设计中,经常会遇到一些数字的展示,我们通常会把这些数字按其行业规律进行分割。例如:手机号采用 3-4-4 的方式进行分割,银行卡号采用每 4 位进行分割等等。
案例展示:
通过 7±2 法则,利用这种分割方式,可以达到很好的交互体验,提升用户操作便捷性的同时还可以使用户进行快速记忆。
导航、选项卡的设计
在使用 APP 时,菜单栏是我们经常要用到的区域。如果大家仔细观察,大部分 APP 的菜单栏都遵循了 7±2 法则的原理来进行设计的。虽然有些菜单栏可以通过 X 轴滑动来展示更多内容,但在页面初始状态下,菜单数量都会保持在 5~9 个之内。
案例展示1:
另外,PC 端的导航栏设计,也同样可以遵循 7±2 法则。
案例展示2:
图片从上到下依次为:微软官网、苹果官网、优设、站酷、UI 中国,菜单栏都没有超过 9 个,整体设计更加简约,使用户更加直观、清晰的查找自己想要的内容。
不论是移动端,还是 PC 端,我们都可以根据 28 原理(80%的用户在使用 APP 时,关注的内容只占总内容的 20%),再加上数据分析,来优化菜单栏的展示。最后,再通过 7±2 法则的应用,可紧紧的、有效的锁住用户。
内容版式的设计
7±2 法则可以帮助我们来进行页面内容的布局排版。
通过卡片式的分类设计,将同类型的内容组成到同一个卡片模块,用户可以通过先查询卡片模块,再来寻找具体的内容,看起来交互路径变长了,但实际上却大大的提高了用户的使用效率。
案例展示:
内容版式的设计,就像我们在写文章时,标题、段落换行一样,条理清晰,方便阅读。
以上就是 7±2 法则在日常设计中常见的应用方法。在文章的最后,套用名人的一句话:“除非有更好的选择,否则就遵从标准”,希望对大家有所启发,同时欢迎大家共同探讨、交流。
1.总有一天,我们会过上我一翻身就可以偷亲你的日子。 2.即使一贫如洗,我会是...
5G网络建设加快,超前布局6G 截止目前,我国累计建成的5G基站数量超过71.8万座,...
近年来,因高空抛物、坠物造成的伤害事件屡上报端。水瓶、西瓜皮、易拉罐,甚至...
iOS 11~iOS 14.3的越狱工具发布了un0ver6.0.0版本 支持iOS11-iOS 14.3系统设备进...
逛个动物园要指纹打卡,连回家进小区也要刷脸验明正身会议期间,记者在浙江代表...
整个欧洲向智能建筑迈进的步伐正在加快。随着各行各业的组织在客户和员工体验方...
人脸解锁扫脸支付随着人脸识别技术的不断发展,如今借助一个小小的摄像头就能让...
3月15日消息 一年一度的央视财经 3.15 晚会正在进行中,从前言来看主要曝光问题...
1.终有那么一个人,可以随时改变着你的心情。 2.有的东西你再喜欢也不会属於你...
5G切片是新商业模式的关键推动者,也是增强5G潜力的关键概念。通信服务提供商可...