基金App首页设计探讨(二) | 如何构建首页模块

上一期,我们探讨了首页的导航设计,了解了导航是如何承担着首页的架构,也预告了我们在首页模块上的额外发现。

通过数据来看,各模块已经形成了一定规律的占屏比和占屏顺序,这从侧面反映出:

  • 顶部包含板块较多,但占比也小。因为用户一进入首页,视觉中心会停留在第一屏顶端,所以顶部的应尽量压缩各板块占比的同时尽量多拓宽板块维度,如:一些重要但使用频率不高的板块会集中在顶部,方便用户获取。

  • 根据板块布局、板块包含信息维度的重要性,可将首页分为资产型首页、索引型首页、销售型首页、促新型首页、资讯型首页


也就是说,你的核心模块从某种程度上决定了你的首页形态,如何打磨这个模块,实现产品目标和用户需求的平衡成为设计首页的关键思考点


那么,该如何去细细的打磨每个模块呢?

我们通过统计信息点与功能点的相关度,规划出了8种板块类型,并进一步统计各大板块的常见信息设计、功能设计、交互设计,找出模块设计时应包含的内容和与其他模块结合时的亮点。


第一种 : 资产模块

1.模块常见信息设计

资产余额、累计收益、昨日收益、收益构成

2. 模块常见功能组合

隐藏收益信息、查看交易明细

3. 亮点:模块额外功能

购买基金产品、工资定投理财、存入、赎回、交易指引、还信用卡、银行卡管理、登录......

4. 亮点:模块的层级组合方式

(1)和理财产品销售模块的组合—呈现资产的收益来源、快速交易入口、其他理财方式入口

(2)和营销促销板块的结合——优惠红包、签到抽奖

以资产模块为主导的页面设计,已经成逐渐当前为一个热门的趋势。而上一个趋势是以产品销售模块为主,流水式罗列理财产品列表的形式。这说明设计师们开始意识到贴合用户需求的重要性。


资产是用户使用理财产品时,注意力最集中,最关注的一个模块。结合这个模块进行多模块设计,往往能获得额外效果加成。比如:营销活动——“红包签到”,用户每日都会登陆查看自己的资产收益,此时签到设置在这个模块更能提高签到转化率;推荐产品——“猜你喜欢”,结合用户的资产配置,用户会购买的欲望会更高。


第二种产品销售模块

1. 模块常见信息设计

涨幅、收益、风险、特征.....

基金名称、风格、行业、热门

2. 模块常见功能组合

存入/购买、工资定投

3. 亮点:模块额外功能

智能筛选查看推荐产品

4. 亮点:模块的层级组合方式

(1)和营销促销板块的结合——中部banner提示优惠券领取

(2)和索引板块的结合——快捷入口都是基金筛选的通道

产品模块一直以来都是一个很重要,但是普遍又没有下多少设计心思的模块。常见的做法是一长串的罗列产品列表。但是这样冗长的方式,失去了产品推荐的目的,也失去了用户的注意力。


如果能够搭配一些交互互动,如:“领取优惠券”,能够及时的让用户在浏览产品的时候产生购买欲望,提升转化。“猜你喜欢”,用户通过设定几个自己的关键标签,获得新的产品推荐列表,提升用户的了解欲望。


第三种索引模块

1. 模块常见通道

基金筛选相关通道(排行榜、指数、新基);

平台服务相关通道(智能定投);

活动通道;

辅助功能通道

2. 模块常见功能组合

左右切换新的入口

3. 亮点:模块额外功能

筛选入口添加至首页

4. 亮点:模块的层级组合方式

(1)和资产板块的结合——通道围绕资产相关的功能操作:购买、赎回、交易记录等

(2)和产品推荐的结合——快捷入口都是基金筛选的通道

索引板块是一个偏向深入层级的板块,至于它到底是针对app整体架构的一个快捷入口,还是针对合作模块的一个深入业务功能的快捷入口,需要思考平台想要营造的用户场景。


如:一个偏向产品推销为主导的首页,索引板块的设计应该偏向指引“基金排行、定投排行、基金优选”等偏向帮助用户筛选基金的功能入口,打造平台推荐+用户自主筛选的场景。而不是将珍贵的流量入口导向资讯中心、平台介绍、活动中心等与挑选基金场景关联度小的功能板块中。


第四种促新模块

1. 模块常见信息设计

新人优惠、理财投教育、营销活动、红包领取

2. 模块常见功能组合

每日签到、做活动领取红包

3. 亮点:模块额外功能

无具体功能

4.亮点:模块的层级组合方式

(1)和资产板块的结合——以小按钮的方式融入该板块,信息内容大多是红包、签到、或者是新人开户优惠。或者是中部banner插在资产模块下方

(2)和产品推荐的结合——大多是顶/中部部banner形式,穿插在产品推荐模块当中;信息呈现方式为:优惠信息或者投教信息

促新板块主要是一些活动资讯、或者优惠券领取,这个模块强调灵活的融入其他的板块,起到信息相辅相成的作用。最常见的形式是顶部的banner,和在活动列表汇总插入的优惠券。


第五种资讯模块

1. 模块常见信息设计

市场热点、大v观点、新闻、短讯、文章

2. 模块常见功能组合

查看、评论、点赞

3. 模块额外功能

关注

4. 模块的层级组合方式

和营销促销板块的结合——以滚动消息形式插入在板块下方,信息呈现上一般是快讯资讯

资讯板块主要是起重点资讯公布的作用,帮助投资者了解最新市场动态。所以此处的信息在后台运营过程中要想好什么是能够帮助投资者进行投资判断的信息?研报、新闻资讯、解读文章、或是网友点评。


这些还要结合平台自身的运营人力来设计。运营人力少平台的不宜设计成文章资讯的模式,缺乏更新导致模块效用低是这个模块的致命缺点


本文小结:如何打造首页模块

通过5个模块的分析,我们发现,打磨首页的模块,关键在于利用模块结合的方式打造自己的用户使用场景,如:投教资讯模块+产品推荐模块打造出一个筛选基金产品的场景,一边是投资解读资讯,一边是基于解读的推荐产品,会让用户更理解产品模块的推荐,点击的欲望也更高,而不是认为这是存粹是商家基于销售罗列出的产品列表。


一句话来说就是,首页设计需要让模块发挥1+1>2的作用,而不是割裂拼凑成一个页面。


延伸:——好的首页设计有什么特征

1.  达到产品目标与用户需求的平衡。

2.  营造好的场景体验。


让我们做一个案例解析,更好的理解这个特征:

左右两图有着截然不同的首页特征,一个以资产模块为主,一个以快捷入口和市场热点板块为主。


易方达的核心业务是自己的基金销售,所以打造了一个查看资产收益的场景(存、取、查功能使得查看资产这个流程更加闭环),然而货基的收益更加显眼,鲜明主推货基的销售。这样达到了产品目标与用户需求的平衡。


而蛋卷基金以社区资讯起家,首页的设计更突出利用资讯来帮助用户做出投资判断,搭配各种基金种类的快捷入口,营造的就是筛选基金的一种场景。


下期预告

在做设计之前,先问自己三个问题

我的核心业务是什么?

我的用户需求是什么?

我想在首页上打造什么场景?

在下期我们将揭示,在规划好自己的首页架构和信息模块后,又该如何在交互上将其更好的呈现出来。