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

Homepage recommendation
贵阳/UX设计师/1年前/7721浏览
金融产品体验日记(二)丨中欧财富APP首页设计拆解Homepage recommendation
哈罗,大家好,我是廖尔摩斯!今天继续向大家分享我的金融产品体验日记,这次分享的是中欧财富的APP首页设计拆解!
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
1.
功能价值
首页是一个基金APP权重最高的页面,它是用户对APP的第一印象,决定了用户对产品的初步感知。其次首页也是典型的内容聚合页和流量分发页,不仅要为用户展示产品的内容权重,还要为各子版块进行有效的引流。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.
设计拆解
基金产品由于涉及到金融投资,需要用户进行开户以后才能享受完整的服务,所以我们把首页的拆解分为开户前和开户后。
关于「开户」的拆解,有兴趣的朋友可以去访问我之前的文章,我们就不再赘述。
2.1.
开户前
2.1.1.
用户需求分析
● 
基本型需求:
通过首页快速查找想要获取的内容,比如开户入口、热门基金等信息。
● 
期望性需求:
视觉体验好,阅读成本低,可简单快速上手。
● 
兴奋型需求:
有超出其他APP使用的体验,比如发现一些有趣的内容和福利,以及视觉风格冲击力强,有差异化,能给人留下深刻的印象。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.1.2.
设计策略分析
● 首页是用户对APP的第一印象,视觉设计权重理应最高,视觉感知往往决定了用户对这个品牌的初步判断,是否正规、是否专业以及是否值得信任。
● 用户从注册进入到首页以后,毫无疑问,首页承担着激活用户开户的重任,如何通过高质量的内容来吸引用户快速开户是首页设计的一个挑战。
2.1.3.
内容拆解
● 
导航栏:
从左至右设计了四个功能,智能助手、搜索、在线客服和消息通知。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
智能助手和搜索框加入了动态的设计元素,丰富了画面的呈现方式,也利于引导用户关注平台的热门基金。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
快速开户:
投资开户的入口,包含绑卡、完善资料、风险测评和去投资四个步骤。
○ 
绑卡/完善资料:
引导用户开户的入口,跳转至开户页面。
○ 
风险测评:
跳转至风险测评页面,根据用户的投资偏好和可承担风险接受范围快速给用户进行分类。
○ 
去投资:
新用户最喜欢基金列表,包含稳健优选、海外机会、严选长投等类型,用户还可以领取福利金和0折卡。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
开户入口非常醒目,并通过拆分成子任务形式降低用户的认知负荷,有效吸引新用户快速开户。
● 
关于中欧:
关于品牌的投资优势介绍,点击后可进入品牌介绍页面,包含中欧财富和母公司中欧基金的产品介绍、选基策略、特色服务等内容。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
内容丰富、策划出色,有效提升新用户对品牌的信任度。
● 
新手福利地图:
为新手量身定制的投资福利地图,包含了新人优惠、公众号绑定、新手基金推荐和新手专区等内容。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计优点:
页面内容策划丰富,不仅有优惠券等互惠互利,还有新手专区、热门基金等内容,有效吸引用户开户激活。
设计缺陷:
没有固定的入口,设计不合理,需要用户刷新页面才能和「关于中欧」内容切换。
● 
金刚区:
平台热门应用的入口,一共两排,每排5个,支持用户进入应用中心增删功能,个性化设置。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
充分给与用户自主权,可以灵活配置金刚区的应用,防止因功能过多造成的认知负荷,提升用户操作便捷度。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
小轮播:
包含领福利金、100%有奖、稳健短债和新基首发四个内容,左右滑动可切换。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
通过赠礼以及抽奖等趣味性形式引导新用户激活开户。
● 
瓷片区:
包含市场温度、每日热点、基金自选和指数选基等内容,点击可进入相应版块或基金详情页。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
稳健理财:
稳健性基金产品推荐,分为精选理财、活钱管理、安稳理财和稳重求进四个分类,点击「更多」进入一级栏目「基金」。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
追求收益:
分为看海外、看指数、看赛道和看经理四个分类,可切换对应热门基金,点击「更多」进入一级栏目「基金」。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计思考:
对于新用户来说,稳健理财和追求收益其实还难以理解,在「开户前」这个场景中,是不是把这两块内容先隐藏更好,把「引导开户」作为整个页面设计的目标。
● 
人生四笔钱:
包含主理人笔记(跳转公众号)、活钱管理(跳转滚钱宝)、财富成长(跳转超级股票全明星)、稳健理财(中欧固收佳)和人生规划(跳转水滴养老和水滴英才计划)五个内容,点击「更多」进入一级栏目「投顾」。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
情感化设计,通过拆分四大高频理财场景,有效吸引用户激活转化。
● 
投资有料:
资讯栏目,主要采集微信公众号及第三方文章,为用户提供行业资讯。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
资讯栏目的文章更新频率过低,出现了很多2023年的文章,其次直接采集第三方文章的内容也导致了排版风格不统一,容易造成用户的视觉感知混乱。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
版权信息:
平台的版权信息,包括品牌介绍、联系方式、联系邮箱等信息。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
热线电话不能直接拨打,没有预判用户可能产生的行为。
● 
菜单栏:
底部菜单栏,包含首页、自选、投顾、基金和我的五个一级栏目。
设计优点:
「首页」Icon按钮交互形式有创意,当用户开始浏览页面之后,图标会更换为箭头,用户点击箭头可快速返回页面顶部,体验友好,节省用户操作时间。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.1.4.
小结
中欧财富的首页设计相对中规中矩,没有过于出彩的设计,但也没有明显的缺陷。
● 
内容层:
内容相对丰满,长达5屏的首页几乎塞满了平台的各种热门应用,也给用户做了相对清晰的导航提示,比如开户注册的引导,相对来说设计形式还算不错,能有效吸引用户激活开户。
● 
视觉层:
页面设计普通,不够精致,特别是头部,缺乏视觉冲击力,过于平淡,没有加入品牌基因也没有形成任何视觉差异化。
● 
交互层:
整体的交互操作还算流畅,各子版块的入口也相对清晰,整体的交互操作体验一般。
2.2.
开户后
2.2.1.
用户需求分析
● 
基本型需求:
了解平台最新推荐的基金产品以及内容,快速入手。
● 
期望性需求:
进入APP就能了解到每天准确的收益和资产数据。
● 
兴奋型需求:
有超出其他APP使用的体验,比如首页内容更新的频率,推荐的基金产品组合等。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.2.2.
设计策略分析
● 在用户开户以后,首页最大的任务就是为用户推荐高品质的基金产品,吸引用户购买。
● 首页作为用户进入的第一个界面以及使用频率相对最高的界面之一,要为用户提供最及时的信息以及最高频的使用工具,让用户可以快速跳转至所关注的内容栏目。
2.2.3.
内容拆解
和「开户前」内容相比,「开户后」首页变化的内容主要是第一屏,其他重复的内容我们就不再赘述。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
导航栏:
和「开户前」一致。
● 
用户资产及收益:
实时更新用户每日的总资产和收益数据,点击后跳转至财富管家栏目。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
金刚区:
和「开户前」一致。
● 
投资好机会:
按不同的场景、主题和收益率向用户推荐平台热门基金,比如最新热卖、高股息等分类。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
瓷片区:
和「开户前」一致。
● 
稳健理财:
和「开户前」一致。
● 
追求收益:
和「开户前」一致。
● 
人生四笔钱:
和「开户前」一致。
● 
投资有料:
和「开户前」一致。
2.2.4.
小结
可以看出,中欧财富「开户后」和「开户前」的首页内容没有太大的变化,只是为用户在第一屏展示了用户资产和收益数据,以及加入了一些热门基金产品。这样的设计,相对平庸,几乎没有任何亮点。
2.3.
其他功能
首页作为用户使用最高频的页面,中欧财富的首页还设计了智能助手、搜索、在线客服和消息中心。
2.3.1.
智能助手
智能助手主要为用户提供平台的快捷功能入口和行情看板。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
● 
特别关注:
为用户推荐的精选投资内容。
● 
查看今日行情:
点击可查看当日大盘概览、近一周热门主题指数行情。
● 
在线客服:
跳转至在线客服模块。
● 
全部服务:
平台精选的热门应用,包括看市场、管账户的热门工具,点击后可直接跳转。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
「智能助手」这个栏目所提供的功能和用户心智不太匹配,只能勉强满足最基础的导航功能,而不能实现“智能”。
2.3.2.
搜索
搜索是一个基金APP比较重要的高频功能,主要为用户提供基金的检索,用户可以输入关键词、代码进行检索。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.3.2.1.
引导页
包含搜索历史、热门搜索和访问足迹三块内容。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
①热门搜索版块的字体设计欠缺统一性,它是随着基金字符数的长短而变化,字符数越多,字体就越小。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
②引导页没有预判客户的意图,用户从首页的搜索框进入后,指针没有在输入框,键盘也没有弹出来,用户需要再次点击输入框才能进入搜索查询。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
其他优秀基金产品(汇添富基金-现金宝)搜索效果参考:
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.3.2.2.
结果页
中欧财富的搜索结果页内容丰富,头部是相关基金的搜索结果,接下来有大家也关注、投顾、重仓股等内容。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计亮点:
在搜索框开始输入关键词,系统就开始动态检索,不需要用户点击键盘的「搜索」,结果就已经展示出来,体验比较友好。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.3.3.
在线客服
在线客服是一个非常重要的功能,主要帮助用户解决在产品使用过程中的基础操作问题。
● 
常见分类:
系统默认近期动态、投顾服务、活期存取和账户管理四个分类,用户点击问题即可获取相应解答;
● 
菜单栏:
用户也可在底部菜单栏输入问题,系统会进行系统解答,同时也支持人工客服。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
①底部的输入框没有做响应式处理,在苹果全屏手机端底部发生了重叠,难以操作。
②界面设计字体过小,不易阅读,特别是底部菜单栏的按钮,样式粗糙,容易出现误操作。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
2.3.4.
消息中心
用户在平台操作的消息通知,包含公告新闻、账户会员和资产动态消息提醒。
金融产品体验日记(二)丨中欧财富APP首页设计拆解
Collect
设计缺陷:
界面设计粗糙,图标不精致,体验欠佳。
2.3.5.
小结
首页的四个功能和首页整体的设计一样,相对中规中矩,可以满足用户的需求,但几乎没有亮点。
3.
体验小结
首页作为一个APP权重最高的页面,从中欧财富的设计拆解中发现它的设计相对平庸,没有清晰的设计策略,也没有考虑开户前和开户后这两个场景切换之后用户需求的变化,只能满足用户的基本型需求。
3.1.
设计亮点
● 
导航栏:
智能助手和搜索框加入了动态的设计元素,丰富了画面的呈现方式,也利于引导用户关注平台的热门基金。
● 
快速开户:
开户入口非常醒目,并通过拆分成子任务形式降低用户的认知负荷,有效吸引新用户快速开户。
● 
关于中欧:
内容丰富、策划出色,有效提升新用户对品牌的信任度。
● 
新手福利地图:
页面内容策划丰富,不仅有优惠券等互惠互利,还有新手专区、热门基金等内容,有效吸引用户开户激活。
● 
金刚区:
充分给与用户自主权,可以灵活配置金刚区的应用,防止因功能过多造成的认知负荷,提升用户操作便捷度。
● 
「开户前」小轮播:
通过赠礼以及抽奖等趣味性形式引导新用户激活开户。
● 
人生四笔钱:
情感化设计,通过拆分四大高频理财场景,有效吸引用户激活转化。
● 
菜单栏:
「首页」Icon按钮交互形式有创意,当用户开始浏览页面之后,图标会更换为箭头,用户点击箭头可快速返回页面顶部,体验友好,节省用户操作时间。
● 
搜索:
在搜索框开始输入关键词,系统就开始动态检索,不需要用户点击键盘的「搜索」,结果就已经展示出来,体验比较友好。
3.2.
设计缺陷
● 
新手福利地图:
没有固定的入口,设计不合理,需要用户刷新页面才能和「关于中欧」内容切换。
● 
投资有料:
资讯栏目的文章更新频率过低,出现了很多2023年的文章,其次直接采集第三方文章的内容也导致了排版风格不统一,容易造成用户的视觉感知混乱。
● 
版权信息:
热线电话不能直接拨打,没有预判用户可能产生的行为。
● 
智能助手:
这个栏目所提供的功能和用户心智不太匹配,只能勉强满足最基础的导航功能,而不能实现“智能”。
● 
搜索:
①热门搜索版块的字体设计欠缺统一性,它是随着基金字符数的长短而变化,字符数越多,字体就越小。②引导页没有预判客户的意图,用户从首页的搜索框进入后,指针没有在输入框,键盘也没有弹出来,用户需要再次点击输入框才能进入搜索查询。
● 
在线客服:
①底部的输入框没有做响应式处理,在苹果全屏手机端底部发生了重叠,难以操作。②界面设计字体过小,不易阅读,特别是底部菜单栏的按钮,样式粗糙,容易出现误操作。
● 
消息中心:
界面设计粗糙,图标不精致,体验欠佳。
59
阅读原文
|
Report
|
208
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
相关收藏夹
文章
文章
文章
文章
作品收藏夹
APP
APP
APP
APP
作品收藏夹
APP
22
Skill丨设计技巧
Skill丨设计技巧
Skill丨设计技巧
Skill丨设计技巧
作品收藏夹
文章文章
文章文章
文章文章
文章文章
作品收藏夹
作品集
作品集
作品集
作品集
作品收藏夹
2024年优秀文章
2024年优秀文章
2024年优秀文章
2024年优秀文章
作品收藏夹
大家都在看
Log in