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

0 评论 2466 浏览 17 收藏 23 分钟

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

专栏作家

廖尔摩斯,微信公众号:设计大侦探,人人都是产品经理专栏作家。连续创业者,目标是成为全世界拆解产品设计最多的设计师。

本文原创发布于人人都是产品经理,未经许可,禁止转载。

题图来自Unsplash,基于CC0协议

该文观点仅代表作者本人,人人都是产品经理平台仅提供信息存储空间服务。

更多精彩内容,请关注人人都是产品经理微信公众号或下载App
评论
评论请登录
  1. 目前还没评论,等你发挥!