哈罗,大家好,我是廖尔摩斯!
本日连续向大家分享我的金融产品体验日记,这次分享的是中欧财富的APP基金详情页设计拆解!
01 需求剖析1. 功能代价剖析
基金详情页是一个基金APP产品权重最高的页面之一,它不仅是用户购买基金的落地页,还是一支基金干系数据和信息的聚合页。
它承担着一个基金产品变现的最主要任务,吸引用户购买。

2. 用户需求剖析基本型需求:理解一支基金详细完全的信息,比如历史古迹走势、净值走势、历史古迹等。期望性需求:详情页可以供应多维度的数据剖析,比如基金比较、独家不雅观点等,利于更好支撑投资决策。愉快型需求:有超出其他APP利用的体验,比如新颖的交互体验、页面设计,还有独家、稀缺的基金产品投资剖析等。
3. 设计谋略剖析基金详情页作为用户购买基金的落地页,全体页面的设计谋略该当循规蹈矩知足用户的需求,末了触发购买,交互操作理应大略、流畅、高效。
02 设计拆解
由于涉及到基金的购买,我把基金详情页拆分为三块内容:
根本内容:供应什么根本信息,能否帮助用户快速理解基金。基金工具:供应什么基金工具,能否赞助用户进行多维度的剖析,为投资决策供应有效的支撑。申购流程:如何购买,流程是否顺畅,体验是否友好。1. 根本内容设计亮点:
导航头部的基金标题设置了旁边滚动,不仅办理了标题字符数过长的问题,而且增加了页面的动感,一石二鸟。
根本信息:包含基金名称、基金代码、最新净值、日涨幅和基金经理等信息,右上角可进入基金诊断。设计亮点:
右侧加入了基金诊断功能,通过诊断的形式为用户的投资决策供应了强有力的支撑。
设计思考:
如果没有一定的金融理财履历,对付初步打仗基金产品的用户来说,险些难以看懂。如果能针对新手加入一些根本知识的遍及或者***辅导,用户阅读起来将会更随意马虎。
历史数据:包含历史古迹和历史净值,可查看基金的历史涨跌幅、累计净值等数据。基金剖析指标:包含收益能力、抗风险能力和投资性价比三个维度的数据,点击更多可进入基金剖析指标详情页。产品档案:产品的详细信息,包含产品概况、规模、分红和基金经理等信息。设计亮点:
为用户供应了多种投资剖析的基金工具,比如基金比拟、基金提醒等。
2. 基金工具2.1. 加自选
在基金APP中,「自选」是指用户可以将自己关注或感兴趣的基金产品添加到一个单独的页面中,以便于集中查看和管理,我们可以大略理解为「收藏」。关于「自选」,我们后续会进行深度的拆解,本文不做详细剖析。
2.2. 基金比拟
「基金比拟」是一个常见的基金剖析工具,紧张帮助用户加入其他基金进行综合比较(最多5个),从而获取投资剖析决策。如果你看过链接的房源详情页拆解,这两个功能可以说基本相似。
2.2.1. 栏目页
头部:可自行添加比拟基金,点击后可输入关键词进行搜索。TAB切换栏:供应热门、自选、最近浏览和同赛道产品四个分类。设计亮点:
这里的TAB分类设计得非常人性化,从四个维度向用户供应可能会加入比拟的基金,预判了客户的操作。
设计毛病:
页面吸顶的空间比例过大,差不多霸占了屏幕的一半,操作体验不佳。
2.2.2. 详情页
包含基金信息、古迹表现、盈利体验、风险指标、资产配置、持有人构造、基金经理和交易规则8个维度的综合比较。
设计亮点:
详情页的内容策划出色,共计8个维度的内容比拟,为用户的投资决策供应了强有力的保障。
2.3. 基金诊断
「基金诊断」也是一个常见的基金剖析工具,紧张为用户供应多维度的综合诊断帮助用户办理买基前的困扰,其次也可以定期查看基金的表现管控投资风险。
头部:基金根本信息,包括基金类型、风险类型等,右边可以直接跳转到基金详情页。综合诊断:五个维度,分别是投资性价比、收益能力、逾额胜率、抗跌能力和稳定性,通过雷达图的形式给出评估成果。设计亮点:
雷达图的设计加入了动态的元素,仿照了诊断的加载流程画面,提升了视觉冲击力,有效吸引用户把稳力。
收益能力:结合近三年纪迹走势、年度表现等内容天生的投资建议。抗风险性:结合近三年最大回撤、夏普比率等内容天生的投资建议。基金经理:基金经理的详细资料,还有最新的季度不雅观点。持仓剖析:根据定期报告天生的多维度数据剖析,包括持股集中度、行业偏好、重仓股风格等。市场机会:中欧财富投顾团队的投研不雅观点。特殊关注:近一年基金规模的变动数据。底部菜单栏:包含基金PK、加自选、定投和购买四个功能。设计亮点:
底部菜单栏供应基金定投和申购的入口,无需再次跳转,直接发起购买,降落用户操作本钱。
2.4. 看经理
基金经理决定了一支基金的投资目标、策略和方向,可以说,基金经理决定了用户的投资是否会实现盈利还是亏损。
根本信息:包含基金经理的姓名、简介、管理规模、基金管理年限和从业年化回报等信息。基金经理不雅观点:基金经理对付投资市场的个人不雅观点。在管基金:基金经理正在管理的基金,包括任期回报率等信息。历任基金:基金经理过去管理的历任基金。设计毛病:
页面设计粗糙,不精细,特殊是头部的基金经理头像等信息的设计形式,过于平庸,无法吸引用户把稳力。
2.5. 基金提醒
基金产品的净值增迭每天都在变动,以是「基金提醒」便是向用户供应一个提醒工具,用户可以设置一个目标净值提醒,包括涨幅、跌幅等比例,系统就会第一韶光向用户发送提醒。
设计亮点:
设计谅解,支持用户手动输入数据,也设计了常用的数据标签,方便用户操作。
2.6. 定投打算器
「定投」是一种常见的基金购买办法,就像去银行定期存款一样,后面我们会单独拆解定投专区,本文也不做详细剖析。进入定投打算器后,用户可以设置定投的韶光周期、分红办法以及定投金额,系统就会为用户打算真实的投资回报率。
设计毛病:
定投打算结果展示形式不佳,弹窗高度太低,导致内容展示空间过小,阅读体验欠佳。
2.7. 持仓回顾
基金的历史持仓数据展示,这里实在是跳转至「产品档案-持仓」页面。
2.8.看报告
关于基金最新的干系剖析报告,帮助用户供应全面的剖析决策。
设计毛病:
页面设计形式不佳,理应加入一个列表页展示历史报告,方便用户更好的检索阅读。
2.9.干系产品
向用户推举同赛道或同类型的干系产品。
3. 申购流程
所谓「申购」便是购买,这个词语属于基金行业的一个专业名词。接下来我们看看中欧财富的两种申购办法和流程。
3.1. 定投
在上文的「定投打算器」我大略先容过「定投」的观点,它属于基金投资中的一种稳健投资办法,就像在银行存定期一样,支持用户按固定的周期、金额购买基金,降落投资的风险。中欧财富的定投办法又分为两种,一种是按固定金额购买的经典定投,另一种是根据市场行情调度的聪慧定投。
3.1.1. 经典定投
经典定投便是每期按固定的金额购买,属于最传统也是最常规的定投办法。
3.1.1.1. 操作页
每期定投金额:用户每期定投的金额,这个金额是固定的,用户后期也可以自己修正。支付办法:包含超级滚钱宝(中欧财富APP的钱包)和***支付.扣款周期:支持每周、每双周和每月定期买入。开启目标止盈:用户可手动设置目标止盈数据,系统就会停息购买(我们可以把它理解为投资有风险,见好就收)。3.1.1.2. 风险提醒
在用户供应基金购买申请往后,系统会根据用户的风险承受能力类型和基金收益风险类型进行判断,如果两者不匹配,系统会主动提醒用户须要谨慎投资购买。
设计亮点:
系统弹窗供应了风险测评重新评估的入口,遵照了费茨定律设计原则,提升了用户的操作效率,避免用户还须要返回用户中央查找风险测评重新评估。
拓展阅读:
关于风险提醒,我在「中欧财富-开户」一文中提到过,金融投资是一个非常敏感的行业,以是基金产品在用户申购基金前都会设计「风险测评」这个环节,紧张是根据用户的年收入、投资承受能力、偏好和目标快速把用户分类,从而避免因盲目投资造成的经济丢失。
3.1.1.3. 交易页
购买成功,基金也会自动加入自选,方便用户随时可以查询数据。
3.1.2. 聪慧定投
聪慧定投和经典定投的差异是聪慧定投每期定投的金额实在是不固定的,它的事理是由中欧财富滚滚财富研究院体例的数量算法来进行投资,目标是实现“市场越跌、买入越多”,力求帮助投资人提升收益。
我们可以大略理解为聪慧定投相称于划定了一个投资区间,每期投资的金额不固定,终极根据市场数据而定。在功能内容设计上,聪慧定投和经典定投的购买流程险些没有任何差异,我们就不再赘述。
设计亮点:
聪慧定投知足了用户的愉快型需求,不仅可以降落投资风险,还可以根据市场行情及时调度,提升投资回报。
3.2. 购买
和定投不同,购买便是一次性的购入。在购入流程上,两者是同等的,系统会根据用户的风险承受能力类型和基金收益风险类型进行判断,如果两者不匹配,系统会主动提醒用户须要谨慎投资购买。
购买金额:用户购买的金额,可直接输入。分红办法:包含现金分红和红利再投(把赚来的钱连续购买投资)两种形式。支付办法:包含超级滚钱宝(中欧财富APP的钱包)和***支付.03 体验小结通过以上内容的拆解,我们对中欧财富的基金详情页设计进行一个全面的总结。
内容层:页面整体的内容策划出色,不管是基金的古迹走势、基金剖析指标这些根本内容,还是基金诊断、基金比拟这些工具,中欧财富都为用户供应了足够丰富的信息和功能,帮助用户做好投资决策。视觉层:视觉设计尚可,虽然不亮眼,但也中规中矩。个中最大的问题紧张是全体详情页的字体大小、各元素之间的间距排版不足和谐和统一,以是整体呈现给用户的视觉体验就非常一样平常。体验层:在交互操作体验这块,中欧财富的基金详情页还算不错,全体功能的操作都非常流畅,不管是根本信息的预览,基金工具的操作,还是两种办法的基金购买,操作起来都没有任何的BUG。总之,中欧财富的基金详情页设计可以称得上行业一个基准,知足了用户的期望型需求,没有给用户留下深刻的印象,但也没有糟糕的体验陷阱。
1. 设计亮点基金详情页-导航栏:导航头部的基金标题设置了旁边滚动,不仅办理了标题字符数过长的问题,而且增加了页面的动感,一石二鸟。基金详情页-根本信息:右侧加入了基金诊断功能,通过诊断的形式为用户的投资决策供应了强有力的支撑。基金详情页-当前走势图:如果没有一定的金融理财履历,对付初步打仗基金产品的用户来说,险些难以看懂。如果能针对新手加入一些根本知识的遍及或者***辅导,用户阅读起来将会更随意马虎。基金详情页-底部菜单栏:为用户供应了多种投资剖析的基金工具。基金比拟-栏目页:这里的TAB分类设计得非常人性化,从四个维度向用户供应可能会加入比拟的基金,预判了客户的操作。基金比拟-详情页:详情页的内容策划出色,共计8个维度的内容比拟,为用户的投资决策供应了强有力的保障。基金诊断:雷达图的设计加入了动态的元素,仿照了诊断的加载流程画面,提升了视觉冲击力,有效吸引用户把稳力。基金诊断:底部菜单栏供应基金定投和申购的入口,无需再次跳转,直接发起购买,降落用户操作本钱。基金提醒:设计谅解,支持用户手动输入数据,也设计了常用的数据标签,方便用户操作。经典定投-风险提醒:系统弹窗供应了风险测评重新评估的入口,遵照了费茨定律设计原则,提升了用户的操作效率,避免用户还须要返回用户中央查找风险测评重新评估。聪慧定投:聪慧定投知足了用户的愉快型需求,不仅可以降落投资风险,还可以根据市场行情及时调度,提升投资回报。
2. 设计毛病基金比拟-栏目页:页面吸顶的空间比例过大,差不多霸占了屏幕的一半,操作体验不佳。看经理:页面设计粗糙,不精细,特殊是头部的基金经理头像等信息的设计形式,过于平庸,无法吸引用户把稳力。定投打算器:定投打算结果展示形式不佳,弹窗高度太低,导致内容展示空间过小,阅读体验欠佳。看报告:页面设计形式不佳,理应加入一个列表页展示历史报告,方便用户更好的检索阅读。专栏作家
廖尔摩斯,微信"大众号:设计大侦查,大家都是产品经理专栏作家。连续创业者,目标是成为全天下拆解产品设计最多的设计师。
本文原创发布于大家都是产品经理,未经容许,禁止转载。
题图来自Unsplash,基于CC0协议
该文不雅观点仅代表作者本人,大家都是产品经理平台仅供应信息存储空间做事。