DU会员设计系统建设之路

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

    DU会员设计系统建设之路 - 图1

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

    DU会员设计系统建设之路 - 图2

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

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

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

    DU会员设计系统建设之路 - 图3

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

    DU会员设计系统建设之路 - 图4

    色:清透明快、年轻活泼

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

    DU会员设计系统建设之路 - 图5

    形:温润亲和、直观清晰

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

    DU会员设计系统建设之路 - 图6

    质:细腻吸睛、精致尊享

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

    DU会员设计系统建设之路 - 图7

    构:简洁突出、清晰统一

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

    DU会员设计系统建设之路 - 图8

    字:层次清晰、高辨识度

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

    DU会员设计系统建设之路 - 图9

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

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

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

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

    DU会员设计系统建设之路 - 图10

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

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

    DU会员设计系统建设之路 - 图11

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

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

    DU会员设计系统建设之路 - 图12

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

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

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

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

    建规范-规模化拓入口

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

    DU会员设计系统建设之路 - 图13

    增动效-强引导提吸引

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

    DU会员设计系统建设之路 - 图14

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

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

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

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

    DU会员设计系统建设之路 - 图15

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

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

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

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

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

    DU会员设计系统建设之路 - 图16

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

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

    新开通用户-引导提核销

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

    DU会员设计系统建设之路 - 图17

    沉默用户 - 唤醒引导使用

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

    DU会员设计系统建设之路 - 图18

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

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

    DU会员设计系统建设之路 - 图19

    总结

    以上是DU会员设计体系建设总结复盘与思考,为DU会员和百度APP业务体系会员沉淀设计资产。

    从前期用户调研、设计目标确定,明确设计打法和规划,对交互体验、视觉语言、体验链路反复推敲打磨,最终效果不仅提升用户对DU会员品牌和权益感知,且在付费转化也获得不错效果。

    最后邀请大家使用百度APP,体验DU会员丰富多样的权益服务,DU会员将继续拓展高价值权益,提供给用户更多元服务而努力。

    DU会员设计系统建设之路 - 图20

    感谢阅读,以上内容均由百度MEUX团队原创设计,以及百度MEUX版权所有,转载请注明出处,违者必究,谢谢您的合作。申请转载授权后台回复【转载】。

    也欢迎加入MEUX,视觉/交互/运营设计师

    可投简历至MEUX@BAIDU.COM

    (注明信息获取来源如:公众号)

    以下文章,你可能也感兴趣

    ⬇️

    办事上百度-百度便民服务体验建设

    贴吧年轻化创意玩法探索-虚拟形象设计

    搜索金融精细化体验设计

    设计共创·一场创新共赢的设计盛宴

    百度直播丨构筑数字人直播带货新形态