金融产品体验日记（二）丨中欧财富APP首页设计拆解

1. 功能价值

首页是一个基金APP权重最高的页面，它是用户对APP的第一印象，决定了用户对产品的初步感知。其次首页也是典型的内容聚合页和流量分发页，不仅要为用户展示产品的内容权重，还要为各子版块进行有效的引流。

2. 设计拆解

基金产品由于涉及到金融投资，需要用户进行开户以后才能享受完整的服务，所以我们把首页的拆解分为开户前和开户后。

关于「开户」的拆解，有兴趣的朋友可以去访问我之前的文章，我们就不再赘述。

2.1. 开户前

2.1.1. 用户需求分析

• 基本型需求：通过首页快速查找想要获取的内容，比如开户入口、热门基金等信息。
• 期望性需求：视觉体验好，阅读成本低，可简单快速上手。
• 兴奋型需求：有超出其他APP使用的体验，比如发现一些有趣的内容和福利，以及视觉风格冲击力强，有差异化，能给人留下深刻的印象。

2.1.2. 设计策略分析

首页是用户对APP的第一印象，视觉设计权重理应最高，视觉感知往往决定了用户对这个品牌的初步判断，是否正规、是否专业以及是否值得信任。

用户从注册进入到首页以后，毫无疑问，首页承担着激活用户开户的重任，如何通过高质量的内容来吸引用户快速开户是首页设计的一个挑战。

2.1.3. 内容拆解

• 导航栏：从左至右设计了四个功能，智能助手、搜索、在线客服和消息通知。

设计亮点：

智能助手和搜索框加入了动态的设计元素，丰富了画面的呈现方式，也利于引导用户关注平台的热门基金。

• 快速开户：投资开户的入口，包含绑卡、完善资料、风险测评和去投资四个步骤。
• 绑卡/完善资料：引导用户开户的入口，跳转至开户页面。
• 风险测评：跳转至风险测评页面，根据用户的投资偏好和可承担风险接受范围快速给用户进行分类。
• 去投资：新用户最喜欢基金列表，包含稳健优选、海外机会、严选长投等类型，用户还可以领取福利金和0折卡。

设计亮点：

开户入口非常醒目，并通过拆分成子任务形式降低用户的认知负荷，有效吸引新用户快速开户。

• 关于中欧：关于品牌的投资优势介绍，点击后可进入品牌介绍页面，包含中欧财富和母公司中欧基金的产品介绍、选基策略、特色服务等内容。

设计亮点：

内容丰富、策划出色，有效提升新用户对品牌的信任度。

• 新手福利地图：为新手量身定制的投资福利地图，包含了新人优惠、公众号绑定、新手基金推荐和新手专区等内容。

设计优点：

页面内容策划丰富，不仅有优惠券等互惠互利，还有新手专区、热门基金等内容，有效吸引用户开户激活。

设计缺陷：

没有固定的入口，设计不合理，需要用户刷新页面才能和「关于中欧」内容切换。

• 金刚区：平台热门应用的入口，一共两排，每排5个，支持用户进入应用中心增删功能，个性化设置。

设计亮点：

充分给与用户自主权，可以灵活配置金刚区的应用，防止因功能过多造成的认知负荷，提升用户操作便捷度。

• 小轮播：包含领福利金、100%有奖、稳健短债和新基首发四个内容，左右滑动可切换。

设计亮点：

通过赠礼以及抽奖等趣味性形式引导新用户激活开户。

• 瓷片区：包含市场温度、每日热点、基金自选和指数选基等内容，点击可进入相应版块或基金详情页。

• 稳健理财：稳健性基金产品推荐，分为精选理财、活钱管理、安稳理财和稳重求进四个分类，点击「更多」进入一级栏目「基金」。

• 追求收益：分为看海外、看指数、看赛道和看经理四个分类，可切换对应热门基金，点击「更多」进入一级栏目「基金」。

设计思考：

对于新用户来说，稳健理财和追求收益其实还难以理解，在「开户前」这个场景中，是不是把这两块内容先隐藏更好，把「引导开户」作为整个页面设计的目标。

• 人生四笔钱：包含主理人笔记（跳转公众号）、活钱管理（跳转滚钱宝）、财富成长（跳转超级股票全明星）、稳健理财（中欧固收佳）和人生规划（跳转水滴养老和水滴英才计划）五个内容，点击「更多」进入一级栏目「投顾」。

设计亮点：

情感化设计，通过拆分四大高频理财场景，有效吸引用户激活转化。

• 投资有料：资讯栏目，主要采集微信公众号及第三方文章，为用户提供行业资讯。

设计缺陷：

资讯栏目的文章更新频率过低，出现了很多2023年的文章，其次直接采集第三方文章的内容也导致了排版风格不统一，容易造成用户的视觉感知混乱。

• 版权信息：平台的版权信息，包括品牌介绍、联系方式、联系邮箱等信息。

设计缺陷：

热线电话不能直接拨打，没有预判用户可能产生的行为。

• 菜单栏：底部菜单栏，包含首页、自选、投顾、基金和我的五个一级栏目。

设计优点：

「首页」Icon按钮交互形式有创意，当用户开始浏览页面之后，图标会更换为箭头，用户点击箭头可快速返回页面顶部，体验友好，节省用户操作时间。

2.1.4. 小结

中欧财富的首页设计相对中规中矩，没有过于出彩的设计，但也没有明显的缺陷。

• 内容层：内容相对丰满，长达5屏的首页几乎塞满了平台的各种热门应用，也给用户做了相对清晰的导航提示，比如开户注册的引导，相对来说设计形式还算不错，能有效吸引用户激活开户。
• 视觉层：页面设计普通，不够精致，特别是头部，缺乏视觉冲击力，过于平淡，没有加入品牌基因也没有形成任何视觉差异化。
• 交互层：整体的交互操作还算流畅，各子版块的入口也相对清晰，整体的交互操作体验一般。

2.2. 开户后

2.2.1. 用户需求分析

• 基本型需求：了解平台最新推荐的基金产品以及内容，快速入手。
• 期望性需求：进入APP就能了解到每天准确的收益和资产数据。
• 兴奋型需求：有超出其他APP使用的体验，比如首页内容更新的频率，推荐的基金产品组合等。

2.2.2. 设计策略分析

• 在用户开户以后，首页最大的任务就是为用户推荐高品质的基金产品，吸引用户购买。
• 首页作为用户进入的第一个界面以及使用频率相对最高的界面之一，要为用户提供最及时的信息以及最高频的使用工具，让用户可以快速跳转至所关注的内容栏目。

2.2.3. 内容拆解

和「开户前」内容相比，「开户后」首页变化的内容主要是第一屏，其他重复的内容我们就不再赘述。

• 导航栏：和「开户前」一致。
• 用户资产及收益：实时更新用户每日的总资产和收益数据，点击后跳转至财富管家栏目。

• 金刚区：和「开户前」一致。
• 投资好机会：按不同的场景、主题和收益率向用户推荐平台热门基金，比如最新热卖、高股息等分类。

• 瓷片区：和「开户前」一致。
• 稳健理财：和「开户前」一致。
• 追求收益：和「开户前」一致。
• 人生四笔钱：和「开户前」一致。
• 投资有料：和「开户前」一致。

2.2.4. 小结

可以看出，中欧财富「开户后」和「开户前」的首页内容没有太大的变化，只是为用户在第一屏展示了用户资产和收益数据，以及加入了一些热门基金产品。这样的设计，相对平庸，几乎没有任何亮点。

2.3. 其他功能

首页作为用户使用最高频的页面，中欧财富的首页还设计了智能助手、搜索、在线客服和消息中心。

2.3.1. 智能助手

智能助手主要为用户提供平台的快捷功能入口和行情看板。

• 特别关注：为用户推荐的精选投资内容。
• 查看今日行情：点击可查看当日大盘概览、近一周热门主题指数行情。
• 在线客服：跳转至在线客服模块。
• 全部服务：平台精选的热门应用，包括看市场、管账户的热门工具，点击后可直接跳转。

设计缺陷：

「智能助手」这个栏目所提供的功能和用户心智不太匹配，只能勉强满足最基础的导航功能，而不能实现“智能”。

2.3.2. 搜索

搜索是一个基金APP比较重要的高频功能，主要为用户提供基金的检索，用户可以输入关键词、代码进行检索。

2.3.2.1. 引导页

包含搜索历史、热门搜索和访问足迹三块内容。

设计缺陷：

①热门搜索版块的字体设计欠缺统一性，它是随着基金字符数的长短而变化，字符数越多，字体就越小。

②引导页没有预判客户的意图，用户从首页的搜索框进入后，指针没有在输入框，键盘也没有弹出来，用户需要再次点击输入框才能进入搜索查询。

其他优秀基金产品（汇添富基金-现金宝）搜索效果参考：

2.3.2.2. 结果页

中欧财富的搜索结果页内容丰富，头部是相关基金的搜索结果，接下来有大家也关注、投顾、重仓股等内容。

设计亮点：

在搜索框开始输入关键词，系统就开始动态检索，不需要用户点击键盘的「搜索」，结果就已经展示出来，体验比较友好。

2.3.3. 在线客服

在线客服是一个非常重要的功能，主要帮助用户解决在产品使用过程中的基础操作问题。

• 常见分类：系统默认近期动态、投顾服务、活期存取和账户管理四个分类，用户点击问题即可获取相应解答；
• 菜单栏：用户也可在底部菜单栏输入问题，系统会进行系统解答，同时也支持人工客服。

设计缺陷：

①底部的输入框没有做响应式处理，在苹果全屏手机端底部发生了重叠，难以操作。

②界面设计字体过小，不易阅读，特别是底部菜单栏的按钮，样式粗糙，容易出现误操作。

2.3.4. 消息中心

用户在平台操作的消息通知，包含公告新闻、账户会员和资产动态消息提醒。

设计缺陷：

界面设计粗糙，图标不精致，体验欠佳。

2.3.5. 小结

首页的四个功能和首页整体的设计一样，相对中规中矩，可以满足用户的需求，但几乎没有亮点。

3. 体验小结

首页作为一个APP权重最高的页面，从中欧财富的设计拆解中发现它的设计相对平庸，没有清晰的设计策略，也没有考虑开户前和开户后这两个场景切换之后用户需求的变化，只能满足用户的基本型需求。

3.1. 设计亮点

• 导航栏：智能助手和搜索框加入了动态的设计元素，丰富了画面的呈现方式，也利于引导用户关注平台的热门基金。
• 快速开户：开户入口非常醒目，并通过拆分成子任务形式降低用户的认知负荷，有效吸引新用户快速开户。
• 关于中欧：内容丰富、策划出色，有效提升新用户对品牌的信任度。
• 新手福利地图：页面内容策划丰富，不仅有优惠券等互惠互利，还有新手专区、热门基金等内容，有效吸引用户开户激活。
• 金刚区：充分给与用户自主权，可以灵活配置金刚区的应用，防止因功能过多造成的认知负荷，提升用户操作便捷度。
• 「开户前」小轮播：通过赠礼以及抽奖等趣味性形式引导新用户激活开户。
• 人生四笔钱：情感化设计，通过拆分四大高频理财场景，有效吸引用户激活转化。
• 菜单栏：「首页」Icon按钮交互形式有创意，当用户开始浏览页面之后，图标会更换为箭头，用户点击箭头可快速返回页面顶部，体验友好，节省用户操作时间。
• 搜索：在搜索框开始输入关键词，系统就开始动态检索，不需要用户点击键盘的「搜索」，结果就已经展示出来，体验比较友好。

3.2. 设计缺陷

• 新手福利地图：没有固定的入口，设计不合理，需要用户刷新页面才能和「关于中欧」内容切换。
• 投资有料：资讯栏目的文章更新频率过低，出现了很多2023年的文章，其次直接采集第三方文章的内容也导致了排版风格不统一，容易造成用户的视觉感知混乱。
• 版权信息：热线电话不能直接拨打，没有预判用户可能产生的行为。
• 智能助手：这个栏目所提供的功能和用户心智不太匹配，只能勉强满足最基础的导航功能，而不能实现“智能”。
• 搜索：①热门搜索版块的字体设计欠缺统一性，它是随着基金字符数的长短而变化，字符数越多，字体就越小。②引导页没有预判客户的意图，用户从首页的搜索框进入后，指针没有在输入框，键盘也没有弹出来，用户需要再次点击输入框才能进入搜索查询。
• 在线客服：①底部的输入框没有做响应式处理，在苹果全屏手机端底部发生了重叠，难以操作。②界面设计字体过小，不易阅读，特别是底部菜单栏的按钮，样式粗糙，容易出现误操作。
• 消息中心：界面设计粗糙，图标不精致，体验欠佳。

版权声明

本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处。如若内容有涉嫌抄袭侵权/违法违规/事实不符，请点击 举报 进行投诉反馈！