基金APP：基金详情页怎么做——股基篇
近期，我们讨论过《基金App首页设计探讨》系列（回顾）。当前各个基金销售平台一直在研究问题之一是“通过优化基金详情页提供用户更好服务”，对此我们有以下研究分析。
基金详情页是基金产品信息的传递者
如果将基金App看作一个商店，首页是商场的平面布局，基金产品是陈列架上的商品，那么促使用户在一堆相似产品中，选中某个产品并促成购买行为的原因是什么呢？显然是商品的信息介绍。
基金详情页作为交易流程中的关键性页面，正是充当着让用户对基金产品产生了解及信任，感知其价值，进而引导用户做出交易行为的角色。
（基金一般交易流程）
好的基金详情页：满足用户需求，业务信息展示简洁、易懂。
1
前提：理论框架要选好
五层框架最初在《用户体验要素》一书中被提出，揭示了完整的产品设计流程，各层内容如图▼：
《用户体验要素》五层框架
表现层：将内容、功能和美学汇集到一起产生的最终设计，满足感官感受
框架层：确定详细的界面外观、导航和信息设计
结构层：通过交互设计或信息架构，创建概念框架
范围层：需求分类、分级，转化为对应的功能和内容
战略层：界定用户群、用户需求、产品目标
本文将以五层框架为理论框架，对基金详情页的完整设计流程进行讲解说明。
2
战略层：
明确用户，确定设计分享范围
基金详情页的本质是产品介绍，值得注意的是，任何介绍都是有针对性的，即需要明确你的产品受众。
根据《易观：2017中国投资理财市场用户行为专题分析》数据对目前互联网金融市场上人群特征分析可知，当前互联网金融市场上理财人群中男性多于女性，年龄在20-30岁，主要集中在超一线城市。这一现状与目前公司人员特征高度契合，故对公司全部人员进行了问卷调查（52人），并对其中满足条件的人员进行访谈（20人）。整理得到两个人物模型，如图▼：
（用户角色模型）
3
范围层：
确定基础功能，挖掘亮点功能
1 以业务为中心，确定基础功能
基金页所展示的信息通常分为基础信息、数据信息、进阶信息3类，并对不同情况的详情页进行信息展示的归纳。
1） 股票型基金-未持有状态
中级用户的需求与小白用户的需求部分重合；中级用户关注的信息量非常大，如图▼
用户关注点梳理（未持有状态）
所以，信息选取原则：满足用户需求、更多相关信息拓展，如图▼
详情页信息展示（未持有状态）
2） 股票型基金-持有状态
小白用户的需求包含了中级用户的需求；二者对于收益信息都是非常看重的，此时收益不仅指收益情况，还有持仓收益曲线如图▼：
用户关注点梳理（持有状态）
信息选取原则：展示收益情况为主，数据可视化，简洁，如图▼：
详情页信息展示（持有状态）
2 以用户为中心，挖掘亮点功能
功能是页面内容构成的基石，亮点功能更是一个页面的闪光点。亮点功能的提取分析思路，以构建的角色模型为中心，从用户关注点中提炼用户需求、痛点，并将解决方案转化为亮点功能。如图所示，从基金app中的交易流程入手，由此找到与基金详情页相关切入点，再进行关注点整理。
不同阶段的用户关注点整理
从图中可以清晰的看到用户在不同的阶段，对于基金详情页的关注点存在明显差异。根据访谈结果可知，在关注阶段：小白用户在挑选非货币基金的时候主要关注他人对于该基金的看法；而中级用户则更多关注基金本身的信息。
在持仓阶段：无论是小白还是中级用户最关注的就是自己的收益情况，除此之外小白用户还会关注收益走势和思考卖出时机；而中级用户会额外关注自己是否到达目标收益。
根据前面对于用户关注的整理，提炼出用户需求、存在痛点，并就着问题提出了解决方案，如图▼：
用户需求整理
无论是小白用户还是大神用户对于持有状态的基金关注信息都比较少且统一，故适合在同一页面满足两种用户的需求。
4
结构层：
确定呈现给用户的元素模式与顺序
在战略层构建了用户角色模型，范围层确定了功能，结构层就可以根据用户需求排列功能优先级，将分散的需求组合形成一个整体，形成一个概念架构。在这个过程中，我们通常：
一级页面：用户最想看到的信息；
二级页面：对用户判断起较为重要作用的信息，且入口处展示包含内容；
三级页面：偶尔被查看的信息；
此种构建方式，层级清晰明了，用户能最快找寻到想要的信息，提升用户体验。
1） 股票型基金关注点-未持有状态
通过梳理信息优先级，在架构构建时主要考虑3点：产品最重要特、收益率（数据）、基金本身信息数据。层级上划分为两层，如图▼：
信息优先级排序（未持有状态）
2）股票型基金关注点-持有状态
通过梳理信息优先级,在架构构建时主要考虑2点：收益情况、如何判断基金。层级上划分为一层，如图▼：
信息优先级排序（持有状态）
5
框架层：
布局设计清爽简洁
注重如删除，组织、隐藏等设计策略的灵活运用，能保证页面专注度更高。设计时需注意：用户最关心的信息首屏展示；信息展示方式得当。
6
结语
好的基金详情页能契合用户需求，平衡客户的业务需要，由此提高转化率，减少跳出率，故优化基金详情页，更好地服务用户一直是各个基金销售平台在研究的问题。
本文从战略层确定总体目标出发，再从用户研究中抽取范围层所需功能信息，然后在结构层将层级确定在两层及以内，最后在框架层确定信息展示重点与方式。
下期预告：
下一期，我们将推出《基金App：什么样的基金详情页设计才是好的？—货基篇》，同样的5层框架，在货基详情页会有什么样的不同？难道你就不好奇吗？尽情期待哟！