实例解析:看看「交互设计七大定律」是如何应用的?(七)
上篇文章结合一些案例给大家分析了一下神奇数字 7±2 法则“
实例解析:看看「交互设计七大定律」是如何应用的?(六)
”,接下来继续看看另外的一些应用案例。
神奇数字 7±2 法则
如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡。
案例一:比如天猫商城和亚马逊网站的商品分类选项卡
导航是分为多个层级的。如果导航的内容很多放不下的话,我们就可以将它整合归类来分层级收纳,就像天猫和亚马逊官网对于商品分类的处理方式一样,使用父子层级的方式来归类展示商品。
案例二:比如京东及当当网APP分类模块
下图分别为京东及当当网APP的商品分类模块界面,我们不难看出,两个产品的商品分类布局形式很相似,都是用了选项卡的方式来分类商品,层级明确,相应的提升了用户找寻商品的效率。
接下来的一个应用就是:把大块整段的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰的确认各自的内容。下篇文章会分享两个案例,给大家深入分析一下。
以上就是“实例解析:看看「交互设计七大定律」是如何应用的?(七)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
神奇数字 7±2 法则
如果导航或选项卡内容很多,可以用一个层级结构来展示各段及其子段,并注意其深广度的平衡。
案例一:比如天猫商城和亚马逊网站的商品分类选项卡
导航是分为多个层级的。如果导航的内容很多放不下的话,我们就可以将它整合归类来分层级收纳,就像天猫和亚马逊官网对于商品分类的处理方式一样,使用父子层级的方式来归类展示商品。
案例二:比如京东及当当网APP分类模块
下图分别为京东及当当网APP的商品分类模块界面,我们不难看出,两个产品的商品分类布局形式很相似,都是用了选项卡的方式来分类商品,层级明确,相应的提升了用户找寻商品的效率。
接下来的一个应用就是:把大块整段的信息分割成各个小段,并显著标记每个信息段和子段,以便清晰的确认各自的内容。下篇文章会分享两个案例,给大家深入分析一下。
以上就是“实例解析:看看「交互设计七大定律」是如何应用的?(七)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。