3

DU会员设计系统建设之路-经验/观点-UICN用户体验设计平台

 1 year ago
source link: https://www.ui.cn/detail/651237.html
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.
neoserver,ios ssh client

DU会员设计系统建设之路-经验/观点-UICN用户体验设计平台

DU会员设计系统建设之路
26.6°

2023-06-09 原创文章 经验/观点 举报

4997 47 167 0

会员体系建设的价值在于以体系化机制培育用户对产品的忠诚度,同时提供给高价值用户更有价值的权益服务。百度APP DU会员体系搭建整合百度内部资讯专栏、小说、文库、网盘、咨询、生活服务、装扮、工具、小度学堂等多业务权益,多维度满足用户学习、生活服务、效率升级、个性表达、娱乐诉求深度,成为用户留存的关键。

4408797.png

为了将百度体系下众多跨业务权益整合为DU会员权益,搭建百度APP DU会员权益服务体系,设计从建立独特、统一的品牌印记、搭建丰富高价值权益聚合新场域、对用户转化全链路精细设计3个方向开展。

4408798.png

一、通过独特和统一的DU会员品牌设计语言建立品牌印记

1、DU会员LOGO图形与百度体系其他业务会员差异化设计,目标建立明确清晰印象和认知。

LOGO图形采用皇冠+V结合100度倾斜角度设计,与其他业务会员LOGO图形差异化。LOGO以用户为中心,百分百为用户提供百度体系丰富优质的权益,提供尊享服务。

4408799.png

2、界面设计以简洁清晰、年轻精致、丰富尊享的设计定位,从色、形、质、构、字多维度渗透年轻化设计语言,增强品牌识别性和记忆点,凸显会员尊享感,搭建全新视觉体验。

4408800.png

色:清透明快、年轻活泼

视觉降噪,以高饱和高明度黄金为主色,搭配白底辅助色,强对比、高明度形成鲜明清晰的视效层次,头部背景采用鎏金渐变色,整体色彩搭配给用户年轻、确定、活泼轻快的视觉感受。

4408801.png

形:温润亲和、直观清晰

ICON图形采用肯定包容的面型,以提升权益辨识度、图形更大、留白更多,帮助用户更直观更高效区分权益类型。ICON图形叠加部分采用毛玻璃质感,品质细腻精致,ICON亲和明确。

4408802.png

质:细腻吸睛、精致尊享

采用高光立体感材质设计,突出会员品质感和吸引力,增强会员权益获得感。

4408803.png

构:简洁突出、清晰统一

卡片、图片、按钮超大圆角,年轻亲和,内容与卡片间距大留白,多模块浏览舒适,提升页面节奏感和呼吸感,白底与内容形成鲜明层级关系,视觉降噪简洁。

4408804.png

字:层次清晰、高辨识度

收敛字号减少层级、标题、数字字体特殊处理展示,辨识度更高、气质更年轻。

4408805.png

二、整合百度高价值权益搭建丰富的权益聚合新场域

搭建联合会员聚合、流畅播等高价值权益聚合场景,权益显性化设计。采用3D元素设计,增强会员权益获得感,突出会员服务品质感和吸引力。

1、联合会员高价值场域视觉强化提吸引

会员中心联合会员模块、联合会员聚合和权益详情,封面运用3D玻璃材质设计,强化联合会员权益高品质和吸引力。

4408806.png

2、会员热门权益场域视觉品牌统一强感知

流畅播、视频备份、装扮(挂件、个人主页背景、头像、换肤)、小度特权等高价值权益,在触点场景入口和开通面板中,DU会员品牌和3D元素设计显性化,强化DU会员权益感知和吸引力,提转化。

4408807.png

3、下沉用户场域视觉显性化设计

针对百度APP极速版下沉用户,会员中心开通前打造省赚看享4大权益,视觉强化大标题突出赚钱,省钱认知,结合极速版任务系统和故事会,丰富权益和省钱感知显性化设计,提升会员转化。

4408808.png

三、对用户转化全链路精细设计促转化

设计驱动前瞻构建会员开通前、中、后支付全链路系统打法,每个环节给用户强感知、易操作、快核销的操作体验,强化会员开通和权益核销引导,提升会员续费率,做好用户激励和转化。

1、开通前认知阶段-强感知

增价值吸引,扩入口规模,增动效强引导提吸引,权益整合大标题突出赚钱、省钱认知。

建规范-规模化拓入口

会员渗透场景持续扩面,统一和规范DU会员导流控件等入口模块视觉语言,开通导流条、会员标签、会员按钮等会员元素在百度APP主端和极速版26场景规模化渗透,强化统一的DU会员认知。

4408809.png

增动效-强引导提吸引

会员中心权益图标、开通会员按钮、运营图增动效提吸引,权益整合大标题突出赚钱、省钱认知,权益区打通动态图标配置能力,图标动态化扩容提升权益感知,周年和节日大促烘托活动氛围,提升吸引力。

4408810.gif

2、开通中行动阶段-易操作

减步长强优惠促决策,动效提优惠感知和吸引力,优惠抵扣任务新玩法,提升优惠感知。


支付方式前置,减支付步长

减少用户支付的阻碍,支付渠道前置购买面板中,根据用户操作习惯智能排序显示常用支付方式,缩短支付步长提升转化率。

4408811.png

强化优惠感知,提决策效率

通过突出优惠信息和权益丰富,增强吸引力,让用户买得值。

1)支付面板凸显连续包月套餐和续费信息、外露买就送附赠优惠信息,重要信息动效设计提吸引力。

2)支付面板增优惠抵扣模块,任务余额抵扣会员费用,提升优惠感知。

3)支付增挽留弹窗外露优惠信息,动效提优惠感知促会员转化率。

4408815.png

3、开通后留存阶段-快核销

开通后差异设计引导不同阶段用户核销,突出会员获得感。

新开通用户-引导提核销

仪式感强动效引导热门权益核销,沉浸式动画引导秒杀,给用户会员超值感受,带动会员券使用率提升。

4408880.gif

沉默用户 - 唤醒引导使用

从强到弱交叉推送,强动效强视效引导高频权益,唤起使用核销,弱打扰Push产品化设计引导权益核销。

4408817.png

临期/过期用户-引导促续费

通过用户已使用专属权益与优惠福利到期,在个人中心、挂件商城、会员中心等场景以优惠福利、专属权益强化等多手段引导续费。

4408818.png

总结

以上是DU会员设计体系建设总结复盘与思考,为DU会员和百度APP业务体系会员沉淀设计资产。
从前期用户调研、设计目标确定,明确设计打法和规划,对交互体验、视觉语言、体验链路反复推敲打磨,最终效果不仅提升用户对DU会员品牌和权益感知,且在付费转化也获得不错效果。
最后邀请大家使用百度APP,体验DU会员丰富多样的权益服务,DU会员将继续拓展高价值权益,提供给用户更多元服务而努力。

4408820.png

感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。也欢迎加入MEUX,视觉/交互/运营设计师,可投简历至[email protected]  (注明信息获取来源如:UI中国)

关于我们:
MEUX,百度移动生态用户体验设计中心,负责百度移动生态体系的用户/商业产品的全链路体验设计。服务的产品包括百度APP、百度搜索、百度百科、百度贴吧、百度商业产品等。MEUX以「简单极致」为设计理念,创造极致用户体验的同时赋能商业,推动设计行业的价值和影响力,让生活因设计而更美好。


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK