loading请求处理中...
广告位招商×
当前位置: 首页 > 威客攻略 > 详情页设计

基金详情页怎么设计

2019-11-14 10:18:40 阅读 28735次 0 标签: 详情页设计 作者: 陈先生12121

基金详情页是基金产品信息的传递者

如果将基金App看作一个商店,首页是商场的平面布局,基金产品是陈列架上的商品,那么促使用户在一堆相似产品中,选中某个产品并促成购买行为的原因是什么呢?显然是商品的信息介绍。

基金详情页作为交易流程中的关键性页面,正是充当着让用户对基金产品产生了解及信任,感知其价值,进而引导用户做出交易行为的角色

基金详情页怎么设计

(基金一般交易流程)

好的基金详情页:满足用户需求,业务信息展示简洁、易懂。

1、前提:理论框架要选好

五层框架最初在《用户体验要素》一书中被提出,揭示了完整的产品设计流程,各层内容如图▼:

基金详情页怎么设计

《用户体验要素》五层框架

  • 表现层:将内容、功能和美学汇集到一起产生的最终设计,满足感官感受
  • 框架层:确定详细的界面外观、导航和信息设计
  • 结构层:通过交互设计或信息架构,创建概念框架
  • 范围层:需求分类、分级,转化为对应的功能和内容
  • 战略层:界定用户群、用户需求、产品目标

本文将以五层框架为理论框架,对基金详情页的完整设计流程进行讲解说明。

2、战略层:明确用户,确定设计分享范围

基金详情页的本质是产品介绍,值得注意的是,任何介绍都是有针对性的,即需要明确你的产品受众。

根据《易观:2017中国投资理财市场用户行为专题分析》数据对目前互联网金融市场上人群特征分析可知,当前互联网金融市场上理财人群中男性多于女性,年龄在20-30岁,主要集中在超一线城市。这一现状与目前公司人员特征高度契合,故对公司全部人员进行了问卷调查(52人),并对其中满足条件的人员进行访谈(20人)。整理得到两个人物模型,如图▼:

基金详情页怎么设计

(用户角色模型)

3、范围层:确定基础功能,挖掘亮点功能

1 以业务为中心,确定基础功能

基金页所展示的信息通常分为基础信息、数据信息、进阶信息3类,并对不同情况的详情页进行信息展示的归纳。

1) 股票型基金-未持有状态

中级用户的需求与小白用户的需求部分重合;中级用户关注的信息量非常大,如图▼

基金详情页怎么设计

用户关注点梳理(未持有状态)

所以,信息选取原则:满足用户需求、更多相关信息拓展,如图▼

基金详情页怎么设计

详情页信息展示(未持有状态)

2) 股票型基金-持有状态

小白用户的需求包含了中级用户的需求;二者对于收益信息都是非常看重的,此时收益不仅指收益情况,还有持仓收益曲线如图▼:

基金详情页怎么设计

用户关注点梳理(持有状态)

信息选取原则:展示收益情况为主,数据可视化,简洁,如图▼:

基金详情页怎么设计

详情页信息展示(持有状态)

2 以用户为中心,挖掘亮点功能

功能是页面内容构成的基石,亮点功能更是一个页面的闪光点。亮点功能的提取分析思路,以构建的角色模型为中心,从用户关注点中提炼用户需求、痛点,并将解决方案转化为亮点功能。如图所示,从基金app中的交易流程入手,由此找到与基金详情页相关切入点,再进行关注点整理。

基金详情页怎么设计

不同阶段的用户关注点整理

从图中可以清晰的看到用户在不同的阶段,对于基金详情页的关注点存在明显差异。根据访谈结果可知,在关注阶段:小白用户在挑选非货币基金的时候主要关注他人对于该基金的看法;而中级用户则更多关注基金本身的信息

在持仓阶段:无论是小白还是中级用户最关注的就是自己的收益情况,除此之外小白用户还会关注收益走势思考卖出时机;而中级用户会额外关注自己是否到达目标收益

根据前面对于用户关注的整理,提炼出用户需求、存在痛点,并就着问题提出了解决方案,如图▼:

基金详情页怎么设计

用户需求整理

无论是小白用户还是大神用户对于持有状态的基金关注信息都比较少且统一,故适合在同一页面满足两种用户的需求。

4、结构层:确定呈现给用户的元素模式与顺序

在战略层构建了用户角色模型,范围层确定了功能,结构层就可以根据用户需求排列功能优先级,将分散的需求组合形成一个整体,形成一个概念架构。在这个过程中,我们通常:

  • 一级页面:用户最想看到的信息;
  • 二级页面:对用户判断起较为重要作用的信息,且入口处展示包含内容;
  • 三级页面:偶尔被查看的信息;

此种构建方式,层级清晰明了,用户能最快找寻到想要的信息,提升用户体验。

1) 股票型基金关注点-未持有状态

通过梳理信息优先级,在架构构建时主要考虑3点:产品最重要特、收益率(数据)、基金本身信息数据。层级上划分为两层,如图▼:

基金详情页怎么设计

信息优先级排序(未持有状态)

2)股票型基金关注点-持有状态

通过梳理信息优先级,在架构构建时主要考虑2点:收益情况、如何判断基金。层级上划分为一层,如图▼:

基金详情页怎么设计

信息优先级排序(持有状态)

5、框架层:布局设计清爽简洁

注重如删除,组织、隐藏等设计策略的灵活运用,能保证页面专注度更高。设计时需注意:用户最关心的信息首屏展示;信息展示方式得当。

6、结语

好的基金详情页能契合用户需求,平衡客户的业务需要,由此提高转化率,减少跳出率,故优化基金详情页,更好地服务用户一直是各个基金销售平台在研究的问题。

本文从战略层确定总体目标出发,再从用户研究中抽取范围层所需功能信息,然后在结构层将层级确定在两层及以内,最后在框架层确定信息展示重点与方式。

扫码,回复【创业】领取

免费送您一份创业礼包!

从0到1,解锁创业全套秘籍

帮你避开创业那些坑

设计、开发、营销需求

扫描左边二维码

免费获取咨询和方案报价

公司推荐

成为一品威客服务商,百万订单等您来有奖注册中

留言(0 展开评论

您需要注册登录才能发表言论

快速发任务

设计价格是多少?怎样找到合适的设计人才?

官方顾问免费为您解答

 
详情页设计相关任务
DESIGN TASK 更多
食品专卖店门头设计

¥600 已有62人投标

协会LOGO徽标设计及标准字

¥500 已有2人投标

h5小游戏UI设计

¥10000 已有7人投标

企业商标LOGO设计

¥800 已有21人投标

骷颅头复古 潮牌图案设计

¥300 已有0人投标

心理倾诉app logo设计

¥500 已有23人投标

消费品牌LOGO设计

¥1200 已有83人投标