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

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

下面,我将通过实例,来解析一下7±2 法则在设计中常见的应用 ...首页设计文章交互正文全部UI平面网页手绘电商交互产品下载神器职场几乎所有设计师都在用的7±2法则到底是什么?我要投稿推荐:京东JellyDesign2021/02/01阅读16300点赞26评论区阅读本文需4分钟了解7±2法则,并应用到日常设计中可以准确的传递主体内容,并使用户对其产生一定的印象。

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

我们的大脑每天都会接收很多信息,对于我们看到的一些信息,大脑会进行理解和记忆。

根据GeorgeA.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法则在日常设计中常见的应用方法。

在文章的最后,套用名人的一句话:“除非有更好的选择,否则就遵从标准”,希望对大家有所启发,同时欢迎大家共同探讨、交流。

欢迎关注「JellyDesign」的小程序:点赞26收藏69复制本文链接文章为作者独立观点不代表优设网立场,未经允许不得转载。

继续阅读与本文标签相同的文章7±2法则体验设计设计心理学上一篇大厂出品!写给新人交互设计师的成长体验地图下一篇为什么微信的「视频动态」失败了,但视频号却成功了?继续阅读相关文章如何用经典的「黄金圈法则」,帮你快速完成需求分析?13655人阅读被严重低估的法则:指引未来互联网方向的「梅特卡夫定律」10074人阅读电商设计师如何让自己更值钱?来学会高手的IDCMA法则!37000人阅读腾讯硬核干货!如何在页面极速渲染3D模型?18082人阅读如何正确分析需求?来看高手的实战总结!6349人阅读超过200万个高质量的图标素材免费下载,还可以自定义配色和大小!49617人阅读发表评论已发布8条评论还可以输入800个字验证码  提交评论载入中....加载更


常見投資理財問答


延伸文章資訊