设计中使用“幻数7±2规则”的实例分析
浏览:426 时间:2021-2-23

前言:Alan·,交互设计之父;库珀说:“除非有更好的选择,否则遵循标准。”在交互设计领域,有许多设计规则已经过时间和前辈验证。这些规则是从用户的行为逻辑中总结出来的。掌握这些规则使我们能够快速有效地完成设计。接下来,作者通过一些例子分析了这些原理在设计中的应用。

一、神奇数字 7±2 法则简介

美国心理学家乔治·米勒于1956年发表的论文《神奇的数字7加减2:我们加工信息能力的某些限制》正式提出了7+ 2规则。

1956年,乔治米勒对短期记忆能力进行了定量研究。他发现人类心灵的最佳状态可以记住包含7个(± 2)项目的信息块。记住5-9项信息之后,人类的思想开始了。发生错误。与Schick定律类似,幻数7± 2规则经常应用于移动应用程序交互设计。

二、神奇数字 7±2 法则在设计中的应用

1.不要使用超过9个PC导航或标签,并且不要超过5个标签。

案例1:例如,Apple和每个人都是产品经理和UI中国官方网站导航栏。我们已经看到这三个主流网站上的导航栏模块不超过9个。空间布局合理,使用方便,尤其是Apple的官方网站。因此,作为简单设计的典范,尝试使网站导航小于9将使用户在网站上的内容清晰,快速和有效。

案例2:例如Android版微信,支付宝和QQ底层导航,当使用APP时,我们会使用软件的底部导航区,如果仔细观察,你会发现任何软件的底层导航不会超过5,就像下图中的微信,支付宝和QQ界面一样,底部导航不会超过五个。

2.如果有很多导航或标签内容,您可以使用分层结构来显示片段及其子片段,并注意其广度和广度的平衡。

案例1:例如,天猫商城和亚马逊网站的商品分类标签,导航分为多个级别。如果导航内容太多,我们可以将其集成到分层存储中。就像天猫​​和亚马逊的官方网站处理产品分类一样,父子级别用于对产品进行分类。

案例2:例如,京东和当当APP分类模块,下图分别显示了京东和当当APP的产品分类模块界面。不难看出两种产品的产品分类布局非常相似,都使用标签。对商品进行分类的方法,水平明确,并相应提高用户寻找商品的效率。

3.将整条信息分成小段,并显着标记每条信息和子段,以清楚地识别内容。

案例1:例如,Apple的官方网站iPhone X引入了语言版本。如下图所示,语言版本介绍模块将整个语言引入四个模块,每个模块都有自己的标题。在段落之间添加空格使信息看起来很清晰。

案例2:例如,支付宝和微信银行卡接口卡号信息的显示方法如下图所示。为了方便记忆,支付宝和微信银行卡显示界面,卡号信息以分段方式显示。源于我们在现实生活中使用的银行卡,每个人都知道银行卡的卡​​号分段显示在卡上。

三、写在最后

以上是我对“神奇数字7+ 2规则”的理解及其在日常设计中的用法,希望对大家有点启发,欢迎大家与我们讨论。