基金App首页设计探讨（一） | 导航的多种设计可能我们为什么会对首页的导航产生兴趣？除了快捷入口处的导航，你是否还有意识到首页的其他导航设计？有关导航的启发，让我们从一次有趣的首页统计测试说起。▼
放眼望去，大部分基金app的首页呈现相似的布局样式，呈现的模块和顺序大多为“ banner—资产信息—快捷入口—产品推荐—资讯要闻”。在这么相似的首页之下，究竟存在着什么不同？ 我们通过一个量化统计的方式、调取了规模排名前十的基金公司app（统计来源：wind，8月中旬统计），和部分代销平台进行竞品分析。统计了首页的架构形式、功能、信息点，企图去发现寻找首页数据背后的设计规律，和其他的设计可能。今天是首页设计探讨系列的第一篇，有关导航设计的发现。 01 从“导航跳转”看首页布局设计
在统计中我们发现，大部分app的首页倾向于分布15个左右的入口，导航跳转入口无论跳转到多少个页面，其跳转的层级深度都不深。 所以从代表性的app数据来看，首页的作用集中在对“常用功能和板块”的展现，以及对app“整体架构”进行横向板块式的展现，而不是纵向功能性的展示。 这就解释了，为什么面上大部分app的首页，模式都是以banner—资产信息—快捷入口—产品推荐—资讯要闻的模块顺序组成该页面。因为这5大模块构成了app的架构，首页作为具有引导作用的页面，需要对平台进行简略的整体的介绍。 02 不同的“导航样式”适用不同的首页模块 我们统计了当前首页常见的板块类型和使用的导航类型，发现：
（1）模块的信息点复杂度和功能的层级、数量，决定了导航的样式。首页共有6种常见导航类型，7种常见信息板块，基于模块的属性特征，不同导航适用不同模块。
（2）不同的架构适用不同的导航样式。首页的导航主要有两种呈现app框架逻辑的方式。第一种横向导航，主要呈现app的模块构成。第二种纵向导航，主要引导模块内的具体业务功能。 网格式、平铺式、列表式更适合横向展示，所以使用频率高，而抽屉式、点聚式更适合纵向展示板块的深层结构，使用频率低。 小结： 基金类app的首页大多承担着总概app架构的作用，虽然首页由各大浓缩的板块组成，但由于不同平台对各个模块的重视程度不同，衍生了偏向横向和纵向型的导航设计。 03 纵向型和横向型导航的应用场景 第一种 ： 网格型导航
（1）导航的链接作用： 网格式导航将零散而相互之间又有相似业务需求的功能入口集合在一起，形成一个模块。如汇添富，将围绕查看资产相关的需求功能集合在一起（支付、取现、交易记录），用户即可在该模块完成查看资产、资产变现的一系列流程；同花顺爱基金，将有关筛选理理财产品的一些列功能排列在一起（基金排行、新基金、活期产品、定期） （2）适用场景
第二种 ： 平铺式导航  （1）导航的链接作用： 页面功能/板块、信息较少的时候，以横向平铺的方式，更能很好的展现所有的内容。并且左右切换的方式，让同级信息/功能在不隐藏、不删减的情况下更好展现出来 （2）适用场景
第三种 ： 列表式导航
（1）导航的链接作用： 当有大量重复的同层级信息需要展现的时候，可以用列表的方式，模式化的呈现信息。 （2）适用场景
第四种 ： 抽屉式导航  （1）导航的链接作用 用于在一个页面中展示某个板块的大量刚需却又不是高频需求的功能，可隐藏可呈现，不影响页面布局。 （2）适用场景
第五种 ： 点聚式导航  （1）导航的链接作用： 基于某种业务场景的纵向功能链接 （2）适用场景
结语 以上是关于基金理财类app首页导航的发现。常用的基金首页导航样式总共六种，但不代表只有这6种，他们可以被规划成纵向型和横向型，分别对展示app架构和展示业务功能逻辑起作用。 在实际运营中，基金产品的设计师应该学会灵活搭配使用，合理的利用纵向型的导航呈现自己的核心业务。 下期预告 最后，再透露一点下一期我们有关模块设计的发现：
（1）在有关模块的统计部分，我们发现市面上的app首页大致由8个模块构成，其布局顺序从上至下，如图顺序从左至右。顶部包含板块较多，但占比也小，因为用户一进入首页，视觉中心会停留在第一屏顶端，所以顶部的应尽量压缩各板块占比的同时尽量多拓宽板块维度，如：一些重要但使用频率不高的板块会集中在顶部，方便用户获取。 （2）而根据板块布局、板块包含信息维度的重要性，又可将首页分为资产型首页、索引型首页、销售型首页、促新型首页、资讯型首页..... 后续一段时间，我们将陆续更新在首页设计上的一些发现，敬请关注《基金app首页设计探讨》系列文章，希望我们的努力能给基金产品设计师们一点启发。 |
