申请报道

扫一扫,联系编辑获得审核机会

符合以下要求,获得报道机会

  • 1. 新公司求报道
  • 2. 好项目求报道
  • 3. 服务商求报道
  • 4. 投资融资爆料

当前位置:首页 >  站长 >  交互设计 >  正文

实例解析「神奇数字7±2法则」在设计中的应用

 2018-04-02 08:49  来源:优设网  我来投稿

  2018年最火项目 电销机器人等你加盟

  前言:交互设计之父阿兰·库珀说过这样一句话:「除非有更好的选择,否则就遵从标准。」在交互设计领域中,有很多被时间和前人验证过的设计法则,这些法则是从用户的行为逻辑中总结出来的,掌握这些法则能让我们迅速有效的完成自己的设计,接下来,笔者通过一些实例来解析下这些原则在设计中的应用。

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

  7±2 法则正式提出于美国心理学家 George A. Miller 1956年发布的论文《神奇的数字7加减2:我们加工信息能力的某些限制》。

  1956年乔治米勒对短时记忆能力进行了定量研究,他发现人类头脑最好的状态能记忆含有7(±2)项信息块,在记忆了5-9项信息后人类的头脑就开始出错。与席克定律类似,神奇数字 7±2 法则也经常被应用在移动应用交互设计上。

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

  1. PC 端导航或选项卡尽量不要超过9个,应用的选项卡不会超过5个。

  案例一:比如苹果、人人都是产品经理及 UI 中国官网导航栏,我们看到这三个主流网站的导航栏模块都没有超过9个,空间布局合理,使用起来方便快捷,尤其是苹果官网,简约设计的典范,因此,尽量使得自己设计的网站导航少于9个会让用户对于网站的内容一目了然,更快捷也更加有效。

  

 

  案例二:比如安卓版微信、支付宝和 QQ 底部导航,在使用 APP 的时候,我们都会用到软件的底部导航区域,如果大家仔细观察,会发现,任何软件的底部导航都不会超过5个,就像下图中的微信、支付宝及 QQ 界面一样,底部导航也没有超过五个的。

  

 

  2. 如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡。

  案例一:比如天猫商城和亚马逊网站的商品分类选项卡,导航是分为多个层级的。如果导航的内容很多放不下的话,我们就可以将它整合归类来分层级收纳,就像天猫和亚马逊官网对于商品分类的处理方式一样,使用父子层级的方式来归类展示商品。

  

 

  案例二:比如京东及当当网 APP 分类模块,下图分别为京东及当当网 APP 的商品分类模块界面,我们不难看出,两个产品的商品分类布局形式很相似,都是用了选项卡的方式来分类商品,层级明确,相应的提升了用户找寻商品的效率。

  

 

  3. 把大块整段的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰的确认各自的内容。

  案例一:比如苹果官网 iPhone X 对于语言版本的介绍板块,如下图所示,语言版本介绍模块把一整段语言,分成四个模块的信息来介绍,而且每个模块都要自己的标题,再加上段落之间的空间留白,使得此段信息看起来清晰明了。

  

 

  案例二:比如支付宝和微信银行卡界面卡号信息的展示方式,正如下图所展示的,为了便于记忆,支付宝及微信的银行卡展示界面,将卡号信息的展示采取了分段的方式,这个也源于我们现实生活中使用的银行卡,大家都知道银行卡的卡号是分段展示在卡上的。

  

 

  三、写在最后

  以上就是我对于「神奇数字7±2法则」的理解以及其在日常设计中的用法,希望对大家有点启发,同时欢迎大家与我们进行交流探讨。

扫一扫关注A5创业网公众号

扫一扫关注A5创业网公众号

责任编辑:西瓜

相关文章

  • 网易设计师:6个技巧让用户参与到你的设计里

    这篇文章讲述了我对产品设计的一些个人理解和看法。用户参与设计,指的是在有限的设计引导下,要给予用户或是体验者主动的情绪引导和操作体验,使设计不会成为剥离用户而孤独的存在。双方结合并有了相互影响后,会使我们的设计更有立体感,也更有拓展性。

    标签:
    产品设计
  • 实例:如何设计下拉菜单技巧

    下拉菜单可以说是网页设计中令人又爱又恨的元素之一了。下拉菜单有许多优点:不占地方,不需要做输入验证,所有平台都支持,技术门槛低,用户都很熟悉其使用方法。然而与之同时,下拉菜单又是最容易被错误使用的表单组件。这篇文章就来告诉大家下拉菜单的适用场景和设计技巧。

  • 对创业者和产品经理而言,如何训练你的洞察力找到真正的用户痛点?

    产品要能找到用户需求,从为用户解决问题出发来设计,才能赢得市场。不过用户需求是要经过调研的真正需求,而不是你自己想象出来的。下午我来分享“如何发现用户需求”。相信做产品的人都想找到风口,成为被风口吹来的猪。真正让创业者疯狂的是什么?是不得其道,是用户需求难以寻找。

  • 从三个角度分析提示设计

    稍微复杂一点的产品都少不了提示功能,这种全局模块即需要整体解决方案,也需要具体运用规则。以手机App为例,提示种类很多(操作成功、操作失败、收藏点赞、二次确认…);展示形式也很多。我最近对这一方面有所思考,结合外网资料整理了一套提示设计的方法和建议。为了方便解释,下面会以移动端为例,但是核心的方法理

    标签:
    产品设计
  • 以改良弹窗为例:教你如何改良你的设计

    每当你看到一个界面时,你的大脑其实都在欺骗你。无论你如何努力使事物看起来一致——旁观者的眼睛往往不会同意,因为我们在现实生活中是通过大脑来感知物体的。所以,作为设计师,我们唯一的选择只能是反向「欺骗」用户的大脑(译者注:在视觉上)。在本文中,我将向你展示一个设计组件需要从哪些地方去做改善,一起来看看

小程序

热门排行

信息推荐

扫一扫关注最新创业资讯