实战案例复盘！揭秘CSDN会员中心全链路设计升级思路

前言：

本次以设计为主导进行 CSDN 会员中心的改版工作，会员作为 CSDN 重要收入来源之一，为平台提供了较大的商业价值，而会员中心对于用户而言能够让用户快速的了解和管理会员，为用户提供具有成长周期的服务能力。

相关干货：

一、改版背景与目标

背景

CSDN 作为国内知名的 IT 技术社区，一直以来都致力于为开发者提供学习、交流和成长的平台。然而拥有庞大的用户基础，会员付费率却长期处于较低水平，为了改变这一现状，本次改版优化将以设计为核心驱动力，通过一系列创新性措施来提升用户体验和服务价值，从而提升用户转化。

业务目标：提升会员付费转化率

二、设计归因

在明确业务目标后，首先将目标转换成设计目标，付费转化率与设计的关系成了前期大的思考点，前期去进行了用户调研，通过问卷和竞品分析的方式梳理了一下现阶段 CSDN 会员的问题。

1. 用户层面

通过用户问卷了解会员用户与非会员用户对于会员付费的一个“态度”，将问题暴露在表面。

付费转化阻力：在会员价格认知调研中，无论是会员和非会员都认为权益与价格不成正比，其中 41.7% 非会员认为价格过高，57.1% 会员认为 “价格与权益不匹配；

权益价值断层：用户对于权益感知上感知较弱，85.7% 会员反馈课程质量差，75%非会员核心需求“无限下载”未被满足，仅 28.58%会员用户/8.3%非会员用户，完全了解会员权益，42%用户认为会员身份感知弱；

路径效率不足：13%用户因页面布局混乱放弃支付，会员中心、权益中心、福利社路径分散，用户需要多次跳转才能完成核心操作

通过上面问卷结论交叉分析后，非会员认为价格过高而不开通更深层还是“会员权益价值”与“用户认知不符”，会员用户同样也认为价格与权益不匹配，并且仅少数用户完全了解会员权益，少数用户了解权益渠道来自广告，由此可得出结论，会员的核心价值并未有效传递给用户。

2. 产品层面

在前期也对市面上比较成熟的知识付费类会员和直接竞品产品进行了调研，综合对比后 CSDN 现存问题还是比较严重。

在互联网产品中会员付费大致分为订阅制、买断制、混合制，对于会员权益模式又分为功能型会员、内容型会员、服务型会员、身份价值型会员，对于 CSDN 平台来说，权益内容包含居多其中具有 ai 功能权益、内容下载权益、视频观看权益等，因此在选择竞品时选择不同模式的竞品作为分析，全局性的对比优劣势。

对竞品进行了结构层和视觉层的详细分析对比，取竞品的优势进行参考

交互框架共性优势：工具型产品更注重权益的模块化分层，内容型产品侧重价格与权益的对比效率。

视觉差异化策略：高辨识度标识能强化会员身份感知，多颜色体系适合权益复杂的会员体系。

路径混乱，跳转成本高

CSDN 当前路径：首页→会员中心→权益中心→付费页，会员权益中心无法返回上一级

模块冗余，信息分散

在当前的设计中，会员福利社和权益中心两个部分都提供了一些相似的用户权益，例如抽奖机会和优惠券等，这些类似的权益被分别放置在了不同的页面上，导致用户在福利认知上产生了混乱，也增加了用户的操作复杂度和查找效率。

当用户访问到需要支付成为会员的页面时，该页面并没有全面地展示出成为会员后可以获得的所有权益，这就导致用户可能低估了会员价值，这种信息不对称不仅降低了用户体验，也可能间接影响了平台吸引新会员的能力。

付费链路断点

付费页面包含 “抽奖规则”“会员协议” 等次要内容，干扰用户决策；价格与权益对比不直观，需点击 “权益对比” 跳转新页查看。《会员问卷调研数据》显示 31% 用户因 “价格与权益不清晰” 放弃付费。

3. 设计目标

基于上述一系列问题，可以将设计目标明确为以下 4 点。

1. 优化交互路径，保证路径的清晰形成跳转闭环；
2. 优化权益展示逻辑，有效传递产品权益，提升产品价值
3. 强化视觉识别系统，提升会员身份辨识度与尊贵感；
4. 合并冗余模块，聚焦会员核心信息。

三、设计过程

1. 优化路径&合并冗余模块

简化核心路径，合并会员权益中心和会员福利社，用户触达路径形成首页→会员中心→权益+福利，梳理tab逻辑，保证产品路径形成闭环。

2. 会员中心重构

增强权益感知

会员中心首屏聚焦 “权益外漏”，将信息进行归类整理，结构更符合用户逻辑认知，即权益+价格→诱导模块→会员活动→会员规则的阅读逻辑展示。

强化价值认知

CSDN 会员类型分为普通会员和超级会员，其中普通会员中又分为不同付费模式，现状上普通会员与超级会员无论是在结构上和视觉上都未做到类型差异化，导致大多用户进行付费时购买了错误的会员类型（来自于用户反馈）。

优化后将会员的两大类型进行归类，同时强调超级会员，增强权益感知。

可视化权益对比

将五种付费方式的会员权益以可视化对比的方式展示在次屏，保证用户在对会员有更深度的了解诉求时，能够快速浏览到详细权益。

3. 提升身份感知

会员标识作为会员用户的身份象征，能够满足用户的虚荣心和自我价值，是社区类产品必要的一环，而 CSDN 会员标识为普通图标标签，与非会员用户差异度低，优化后将 CSDN 两类会员进行身份标识强化，设计专属会员标识 “暗金色 + 暗紫色”。

在首屏的会员付费模块使用不同的色彩进行区分，保证用户能够区分会员类型，同时也引导用户对超级会员进行付费。

4. 减少信息冗余

在会员规则页面现状比较杂乱，通过后台数据观测用户在此模块的停留时间较长，间接映射出会员规则的阅读效率较低。

将信息进行整理分类进行折叠，通过精简内容让用户对于信息的筛选更效率。

最后

为什么没放数据结论呢，由于时间的原因吧，而我也已经从这离开，本次针对会员体系的改版优化上线情况其实是未知的，对于这次由设计角色推动的改版收获挺多，从用研到一些功能梳理定义，交互流程的重构，板块的规划等等全部由设计去主导，中间也是卡点重重，问卷发放、数据收集流程也是走了很久，但整体来说又是一个职业生涯中的设计沉淀。

在设计过程中一些细节思考也是比较多，但我觉得这个价值更大的是全流程的设计链路，一些视觉细节和交互细节就没有细写，仔细浏览页面流程相信应该能看到。

最后希望能如期上线吧。