钱包APP首页改版

钱包APP首页改版
文章图片
政策变化与市场分析
2018年2季度,中国宏观金融政策有所转变,公司决定将么么钱包的运营重心转向现金贷与虚拟信用卡的业务。产品也根据公司的战略方向做出了新的改版。
产品目标
产品主要业务重心向金融业务与转移,吸引用户开卡,简化开卡流程。弱化原有的PGC模块与商城模块。
关键词
金融业务 开卡 贷款
用户分析
从图表中可知,用户每日的启动时间在上午8点到下午4点这个区间范围内,而新增设备的时间也集中在这段时间,用户在应用内存留时间较短平均为10分钟。

钱包APP首页改版
文章图片
每日启动次数分布(涉及公司数据的图表均做模糊处理)
钱包APP首页改版
文章图片
每日新增设备(涉及公司数据的图表均做模糊处理)
钱包APP首页改版
文章图片
单日使用时长与活跃度
再看一下各个页面的存留率与用户事件次数,发现用户的操作大部分集中在钱包页面与还款页面。

钱包APP首页改版
文章图片
页面离开率(涉及公司数据的图表均做模糊处理)
用户在首页中大部分进入了钱包和借么等金融业务的入口,很少关注我们首页的推送商品信息
钱包APP首页改版
文章图片
用户使用方向分布
综合以上结果,原先的商品与pgc等首页营销内容对于用户来说吸引力不是很大,用户在使用app时更多的是把么么钱包当成一个金融类的工具。
用户访谈
调查问卷和数据分析虽然可以有效的覆盖更大面积的用户群体,获取更大量用户行为的记录和数据情况,但有时无法深入了解用户做出某种行为的具体原因或是场景。
因此我们随机选取了一些人员参与了我们的用户访谈,其中有么么钱包的老用户也有新的用户,听取并记录了他们在使用过程中遇到的一些问题,以下为筛选出得几个主要的问题:
1.me卡申请入口在首页不明显
2.首页券包的功能极少用到,且券功能不完善
3.信用卡申请流程复杂
4.商城没有吸引人的商品,且现有商城内容过于单调
5.首页信息过多影响其他功能的使用
6.商城订单流程不完善,如退款等流程需联系客服才能退款且退款速度较慢
7.用户多为医美金融用户,其次为金融理财类用户,APP在其他方面的属性占比很低。
8.主要流程用户转化率较低
关键因素分解
1.用户需求:快速还款的便捷性
**用户体验目标: **以最快的速度完成还款操作
关键因素分解:
动机:每个月必须打开一次么么钱包进行还款操作
初步解决方案:在首页/我的页面都设置还款快速入口
担忧:是否会导致用户还款过后更快的关闭app,更加的工具化 初步解决方案:无论用户能够多快速的找到入口进行还款,排除还款过程中的干扰操作无法实施,依旧可以在还款入口 区域进行UI的优化,模块化的设计能够很好的解决高效密集的信息传达与快速找到入口并操作之间的矛盾。
障碍:大范围的架构改动会增加旧户的理解成本,造成一定困扰 初步解决方案:改版后每一位用户首次打开新版都加入新手指引
2.用户需求:用户快速查看Me卡的权益
用户体验目标: 通过页面信息的展示和简单的操作来让用户查看和明白卡的权益进而让用户购买Me卡。权益信息可能会根据业务实时变化。
担忧:权益信息露出不明显或者过于明显都会导致用户的产品的不了解和干扰用户使用产品的其他功能。Me卡没有吸引人的特征造成用户不愿去办卡。
障碍:由于产品的用户多位女性因此选择她们所熟悉的品牌进行合作,产品上突出合作品牌的特征来获取用户的好感与信任。设计上要突出卡的权益特点,使用户能快速明确权益的内容。
3.用户需求:快速理解分期订单、现金借款、信用额度的区别
用户体验目标: 通过简单明确视觉设计,清晰的入口,详细的产品介绍页了解详情
关键因素分解:
动机:现有的大部分用户仅使用大额分期功能,并未开通信用额度和使用现金借款 初步解决方案:将信用额度包装成信用卡样式,现金借款作为一个现金额度的方式露出
担忧:对于非信用卡用户,这样的改动是否能解决初步的用户教育 初步解决方案:在入口改造的同时,新增每个功能的详情描述页
障碍:用户对于自己未知的功能及涉及金钱的功能比较敏感,需将设计语言往专业度靠拢 初步解决方案:增加银行二类户标识,增加第三方(芝麻信用、银联)相关品牌背书。
4.用户需求:产品内运营活动
用户体验目标: 由于原先商城与商品推荐的内容不在首页中显示,但平台仍需要在首页做一些活动来获得流量。
担忧:权过多的运营内容会弱化产品的金融工具属性,影响用户的使用,但完全在首页没有运营功能则略显单调。
障碍:选择在Me卡下方添加消息通知滚动条,消息可配置url来引导用户到相关的活动页。同时在首页最下方可配置banner内容来做一些活动与商品的营销。
功能需求梳理
1.去掉原先Me卡的tab,相关Me卡的金融业务放在首页
Me卡入口放在首页顶部,位置需要较为明显。内容上突出卡的概念和对该卡权益的一些说明。
2.转移当前首页的商品推荐与商城模块至商城tab中
将商城与商品的模块单独拉出一个tab中显示,使得APP各个tab之间容易区分。弱化了APP的电商属性,增加了APP的金融功能。
3.首页添加现金贷模块
现金贷作为公司一个较为盈利的项目,相对于优势不是很明显的电商。本着资本逐利的原则,应当将这一模块放在首页上。但由于现金贷与Me卡在业务上相似但并非同一产品,需要将这两者在展示层面上做出区分。
4.删掉首页PGC模块,PGC作为一些运营活动的承载功能
PGC模块经过一年的运营,虽然在提升用户粘性上有了一些作用。但根据数据反馈,页面转化率很低,在APP内属于较为鸡肋的功能。放在首页中有些不太合适,PGC文章可以放在微信公众号与H5页面进行推广。
5.首页适当的运营模块
删除了原先的商品与商户推荐模块,首页略显单调,虽然为了增强金融属性是的首页编的比较简单。但毕竟作为一个APP首页需要一些运营方面的信息露出来增强与用户之间的联系。因此我们在首页延续了原先的消息轮播模块,同时在首页的底部添加了一些运营的banner模块。
设计输出
根据产品需求以及与运营、品牌、市场等部门的同事沟通,针对APP最主要的Me卡的展示做出了不同的方案。
方案1

钱包APP首页改版
文章图片

方案1将Me卡与卡的权益融合,点击卡片上的按钮或对卡做出一些操作,用户可以查看卡权益。方案1的好处在于将卡与现实中的卡做了匹配,用户更好的去理解卡的概念,视觉上也能更好的展示。缺点在于卡的权益需要用户做出一些操作之后才能看到,信息露出不明显。
方案2

钱包APP首页改版
文章图片

方案2将卡片和与之相对应的权益说明放在了一起,用户可以很清楚的看出卡的权益,但卡权益模块与卡片模块在UI上关联性不强。且强行分出一个纯色区域去显示文字信息,视觉得处理上略显粗暴。
与产品和业务方沟通,业务方更看重与产品的功能倾向于方案2,而设计与产品支持方案1。为了更好的推动方案1的实施,我们对方案1做出了一些改进,并给出了动效原型。
设计方案深化

方案1-1
方案1-2
钱包APP首页改版
文章图片
方案1-3
方案1-1信息露出不够明确,需要点击才能查看权益信息;方案1-3交互方式比较复杂;而方案1-2既可以露出权益信息,使用了左右滑动的交互方式,卡片之间切换起来也很容易。因此选择了1-2的方案。此方案也得到了项目组内大部分同事的认可(这个真不容易)。
运营配置模块
1.确定前端需配置的信息 钱包APP首页改版
文章图片
2.根据配置的信息编写后台prd 钱包APP首页改版
文章图片
首页配置prd截图 总结
【钱包APP首页改版】我们很少有机会去从0到1的参与一个产品。大部分情况下,我们都是在做一个产品的改版和迭代。么么钱包作为一个运营了很久的APP,这一次之所以做出了较大的改动是根据对当前政策环境变化与用户数据分析的结果。还有就是在设计中我们往往要获得其他团队成员的支持,这就需要自己有足够的耐心和展示的技巧去推动自己的设计方案。

    推荐阅读