基金App首页设计探讨(三) | 首页设计样式总结

本文为首页设计系列第三篇(终结篇),阅读时长约10分钟,内容实用性强,建议收藏


上一篇(如何构建首页模块)我们提出了三个在设计首页需要思考的问题:1)我的核心业务是什么?2)我的用户需求是什么?3)我想在首页上打造什么用户使用场景?

而本篇就要讲述,在做好上述的思考后,各模块都有什么样的设计可能,不同形式的模块样式设计应该运用在什么场景中。

以下本文将会总结目前市面上的7大模块设计样式,在最后我们将以天弘、同花顺、天天基金为例进行样式应用的讲解

一、首页设计样式

第一种 : 个人中心模块

1.1 登录改变页面状态型

设计目标与应用场景

一般与资产模块相结合,提示用户需要登录注册。适用于平台促新,刺激用户开户注册;

也可与产品推荐、营销活动板块结合,用户登录后,首页信息则针对用户特征进行变化,针对新人用户推荐新手红包、针对低风险用户推荐低风险产品。适用于平台针对不同用户进行多样化设计


1.2 头像展示型

设计目标与应用场景

作为系统核心功能的入口。适用于平台框架过于庞大的情况


第二种  其他系统功能板块

2.1 平铺型


设计目标与应用场景

一些功能比较少,隐藏过深又不易发现,如搜索、消息、客服等。所以以平铺的方式呈现在首页顶部。适用于展示重要但需求频率较低的系统功能

2.2 隐藏型

设计目标与应用场景

功能较多且需要按照一定业务逻辑归纳整理时,可以隐藏的形式收纳功能


2.3 底部平铺型

设计目标与应用场景

当随着用户视觉流浏览下来的时候,正好能够帮助用户解决一些平台疑惑。适合放置:平台介绍、场景问题、客服反馈等。适用于与整个平台服务介绍相关的功能


第三种 : 资产模块

3.1 核心信息展示型

设计目标与应用场景

将资产板块的核心信息展现至首页。适用于资产板块信息维度较为繁多的是情况,为有查看资产需求的用户提供一个跳转入口


3.2 展示收益构成型

设计目标与应用场景

适用于平台理财产品种类较多的情况,如:不仅有平台自身的现金宝产品、还代销其他基金公司产品。这样可以给用户很明显的不同产品的获益感,也会刺激用户购买更多收益产品


3.3 延伸功能型

设计目标与应用场景

适用于主力推荐平台的自己的现金宝产品。方便用户在一个页面一件操作所有流程;

且适用于平台较为熟阶段,用户数量稳定后,资产信息成为平台关注度最高的板块


3.4 插入提示型

设计目标与应用场景

适用于首页模块信息较为繁多复杂的时候,穿插在模块之间,避免占据太多首页面积


第四种 :Banner 模块


4.1 顶部轮播型

设计目标与应用场景

用于常规型营销活动,放置于首页顶部,以轮播的方式,吸引用户对活动的关注


4.2 中部并排型

设计目标与应用场景

适用于运营活动较为简单的情况,一般是以红包的形式出现,穿插在产品推荐模块当中,吸引用户领取红包后购买产品


4.3 页面突出型

设计目标与应用场景

这种突出的形式有很多,还有悬浮型新人红包,目的都是为了更加突出


第五种 :快捷入口模块

5.1 平铺型

设计目标与应用场景

常见的快捷入口方式,把所有的入口都平铺在首页上,让用户一眼明晰,适用于快捷入口较少的情况


5.2 分层型

设计目标与应用场景

快捷入口内部进行分层。起总览作用的快捷入口放置在第一层,起纵向连接产品架构的,放在第二层


5.3 切换型

设计目标与应用场景

适用于快捷入口较多,维度较为复杂的情况,用户也可以点击进入大的板块,挑选常用入口放置首页


第六种 : 产品推荐模块


6.1 列表型

设计目标与应用场景

适用于推荐产品较少的情况下,以列表排列的形式,展现首页推荐产品


6.2 重推型

设计目标与应用场景

适用于展示热推的产品,比较典型的就是平台的现金宝产品,同时辅助一些功能,如:立刻买入


6.3 横向拓展型

设计目标与应用场景

适用于展示多维度产品的情况,可以通过横向切换、滑动的方式展示大量同纬度下的产品


第七种 : 资讯模块

7.1 列表型

设计目标与应用场景

适用于文章型资讯,和咨询数量较少的情况,可以起到填充页面空间,使得信息丰富度提升的作用


7.2 切换型

设计目标与应用场景

适用于话题型的资讯,左右切换的方式,提升了用户互动参与感,刺激参与欲望。


7.3 滚动型

设计目标与应用场景

适用于新发布的一些资讯,以滚动出现的方式,给用户一种时间感


二、首页案例分析

了解完首页的各模块有什么设计样式,我们就可以按照模块的重要性针对首页进行分类,如:资产型首页、产品推荐型首页、索引类首页、营销型首页、资讯型首页....,接下来我们以前三个常见类型做一个展示。


1、资产型首页设计

查看资产一直是app使用中的一个重要行为,目前的app设计趋势也是将查看资产这个功能放置重要位置。以天弘爱理财为例:

核心模块表现—资产模块:

(1)进行了登录状态的区分,未登录时很好的利用了空间进行平台介绍,有效的针对注册/未注册用户进行不同目的设计;

(2)展现了资产的构成,也很好的展现了整个平台的理财产品类型。不仅可以展现资产的收益状况,还承担着该类产品的入口功能,和快捷入口充分融合


页面布局合理性:

模块次重点划分清晰,产品推荐搭配资产模块,能够让已经购买的老用户在日常查看完资产信息后不至于直接退出,能够顺带看一些其他基金产品,提升产品曝光度


亮点:

与运营活动结合。查看资产信息是用户每次登录的主要目的。而将签到活动入口放置资产模块中,让用户每日查看资产的同时签到获取奖励,这大大促进了用户参与度。


2、产品推荐主导型首页设计

同时,产品推荐主导型是过去以及现在也很流行的一种趋势,以同花顺爱基金为例:

核心模块表现—产品推荐模块:

产品推荐的模块样式非常丰富,而且结合了只能筛选的方式,通过登录推荐适合用户的基金,个性化做的更好。整体来说板块的互动参与感较强


页面布局合理性

(1)产品模块是一种交叉的方式和其他的模块内容交叉在一起,这样可以很好的避免产品推荐的内容过于冗杂而忽视了其他模块内容

(2)整个页面产品推荐模块占屏大,比较长,而页面下部的快捷入口很好的可以在用户下拉浏览中,给用户一个筛选跳转的入口,避免用户在长模块中迷失


3、索引型的首页设计

以天天基金为例:

核心模块表现—索引荐模块:

快捷入口进行了分层级处理。“黄金、活期宝、稳定理财”等这些理财产品的类型分在一个维度,筛选基金(按照业绩“徘行、估值、净值”来筛选,按基金类型来“指数宝、组合宝”来筛)放在第二层维度,针对天天基金这个庞大的平台来说,这样分类杂乱入口的层级更明晰


页面布局合理性:

(1)页面的模块非常之多,但是模块布置的顺序非常合理。通过各板块呈现出来的阅读和参与人数,可以见得模块是按照用户关注度来排布的上下顺序,这样能够让平台有效的针对不同模块进行重要产品的推送

(2)各模块的样式设计区分度非常高,不会让用户产生信息混乱感


三、本文小结

首页系列走到了最后一篇,让我们再次以4个问题的回答回忆一下,做一个首页设计的流程是什么。

1、首先,确定平台的核心模块是什么

首页的布局需要区分层次感,这体现在各模块的占屏比上,核心模块占屏比需要够大;同时围绕核心功能拓展其纵向需求功能,如:资产模块的收集构成查看、赎回等,产品模块的理解购入。这样才能丰富模块的组成,让模块的展示更有效率


2、其次,平台信息架构是什么

除了首页核心的底部导航栏承担着app各板块之间的指引。首页也承担着展现平台架构的作用,首页不宜展现过深架构,明确平台自身的信息架构可以分为什么板块,首页起一个总览各板块的作用


3、升华,平台用户使用场景是什么

首页布局是倾向于简洁清晰,还是倾向于多模块沉浸化,这取决于平台用户使用平台的方式和平台期望的用户行为。如:短暂停留则更偏向于简洁目标明确的布局;反复登录型则适合信息点丰富的多模块化首页


4、最后,平台运营人力资源是否充足

一个战斗力充足的团队意味着可以多样化、快速性地更新首页的资讯、活动等信息,这些需要投入大量运营人力的模块会影响到首页的布局,精心的将这些营销资讯插入各模块当中,能做到融入而不唐突


总体来说,首页是app的门面,是各板块浓缩的呈现。首页设计一定要结合自己的战略层和范围层,对自己的模块信息设计进行思考,莫让首页变成一个个僵硬分割的模块拼凑而成的页面。