选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

百度|百度网盘会员中心-体验设计升级

可在下方连接中关注原账号原文链接:https://www.zcool.com.cn/article/ZMTEzMDA3Mg==.html以下是百度网盘UE团队近期对会员中心体验进行优化,希望对大家做商业化产品有所帮助。项目背景 会员中心是承载着产品增值权益展示、购买、管理的“集合地”。自20…

以下是百度网盘UE团队近期对会员中心体验进行优化,希望对大家做商业化产品有所帮助。

 

 

 

项目背景

会员中心是承载着产品增值权益展示、购买、管理的“集合地”。自2016年起推出会员和超级会员两项增值服务至今已有4年时间,随着时间推移,用户对网盘会员的诉求越来越多样,会员中心也不仅仅承载着支付能力,更多地是获取福利信息和情感上的尊享感知,同时在产品框架上的拓展性和效率也有待提升,因此有了本次会员中心改版项目。

 

 

对于设计师而言,我们发起这个项目所面临的挑战,不仅停留在用户体验的优化还需要兼顾商业转化。接下来将从确定目标、会员中心框架重构、视觉语言升级、沉淀通用组件等方面,跟大家分享下改版背后的设计思考。

确认目标

在着手推进项目设计前,我们通过定性和定量的分析,并组织多角色对本次升级的目标进行确认,本次升级的目标是:1.提升用户决策效率;2.提升用户尊享感;3.沉淀设计组件库。

 

 

1.为什么要提升用户决策效率?

会员中心是价值与信息的洼地,用户需要在众多特权、优惠信息中做出决策。整个框架清晰、直观、易懂,是提升用户决策效率及满意度的关键所在。

 

我们通过支付转化漏斗分析并结合用户反馈发现,改版前,会员中心信息架构比较扁平和单一,缺乏关键性信息的直观展示,比如:优惠信息、会员服务信息,导致部分用户无法在付费过程中更好地做决策。

 

 

 

 

 

 

此外,在支付流程上,操作链条较长,容易引起用户厌倦,导致用户流失。基于这些考虑,我们将对现有框架进行升级,以提升用户的决策效率。

 

 

2.为什么要提升用户尊享感?

会员中心也是用户感知身份变化、感知会员尊享的第一步。改版前,不同身份用户(未开通/会员/超级会员)看到的会员页面却是相同的,无法直观感受到不同身份的差异。

通过UER的用户访谈我们也发现,很多用户出现以下场景:

 

 

购买会员后用户,产生疑惑“是否购买成功了吗?”;身为超级会员用户,“感受不到任何尊享感受”;快过期的会员用户,“对会员/超级会员快过期的也感知不到,导致特权中断,影响使用体验”…

 

因此,我们需要对整体身份的感知进行升级,让用户更清晰地感知到自己身份的层级。

 

 

3.为什么要沉淀设计组件库?

对于产品而言,会员中心也是会员类活动的主要运营渠道。

在日常“小步快跑”迭代需求中,为了提升项目组的开发效率以及更好地实现产品侧多场景模块灵活调用的诉求,需要对复用率较高且灵活多变的模块(尤其是支付模块、特权模块)进行组件化。因此我们也对多个模块进行组件沉淀,提升产品迭代效率。不仅于此,组件化也能给用户提供更加统一的认知,做到产品体验上的统一和规范化。

 

 

 

设计落地

 

明确了目标后,我们从以下维度进行设计升级,解决现存问题:1.懂你所想,会员中心框架重构;2.凸显尊享感知,视觉语言升级;3.提升迭代效率,通用组件沉淀。

 

 

1.懂你所想,会员中心框架重构

我们本次框架重构的关键词就是“懂你所想”,只有更了解用户,才能提供更符合用户的选择,从而提升用户决策效率。因此,我们在交互框架层面上,做了以下几件事:a.打造分层布局、b.强化关键信息、c.缩短支付步长、d.智能化推荐。

 

 

 

a.打造分层布局

进入会员中心的用户,根据会员成长周期可被划分为:历史未付费用户、会员开通中用户、会员即将过期用户、会员已过期用户。

因此,在这次框架设计中,我们根据身份、动机、行为的差异进行分层布局。改变以往的“多人一面”的布局架构,打造出新的“多人多面”的灵活分层页面布局。

 

当用户是历史未付费用户时,我们更加突出用户的特权介绍和商品支付,便于用户了解会员服务和商品信息;当用户是开通中的用户,我们更加突出用户可尊享的福利信息,突出尊享感;当用户为即将过期用户或已过期用户时,我们展示用户常用特权信息,唤醒用户付费意愿,并为用户提供便捷的续费能力。

 

 

 

 

下面是改版前后效果对比,从单一身份感知到多元分层处理。

 

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。