在互联网还没有线上筹款之前,你一定看过这下面这个视频片段,《人在囧途》王宝强与徐峥饰演的角色,捐款的争执!
我将从“体验设计与长期增长”的角度深度复盘水滴筹详情页升级,如何从用户心理学、服务设计、信息架构及增长策略等多个维度构建产品。
一、用户体验地图
在改版初期,我们通过用户体验地图,梳理用户动线,对捐款用户从“进入”到“完成”的全流程进行了痛点捕捉!

1. 核心痛点诊断
• 信息架构杂乱:关键信息缺乏分级,文案密集且缺乏标签化处理,导致用户阅读负担重
• 视觉噪音干扰:页面颜色较多较杂,品牌心智模糊。原有的“透明水滴”浮标等元素重复出现,干扰了用户的注意力流 。
• 转化动力不足:首屏缺乏科学规划,筹款进度可视化程度低。单纯的橙色数字无法直观传达紧迫感,难以激发“帮一把”的冲动.

2. 设计目标确立
在保证存量数据稳定的前提下,通过结构重组、策略促捐、品牌渗透,构建一个高信赖感、强转化力的交互闭环 。
二、 动因洞察
通过用研深访提炼出驱动捐款的底层动因,并将其转化为具体的设计触点。

情感动因(怜悯感 & 共鸣感) :
- 用户心理:三四线及以下城市人群更易因“相似境遇”产生共情 。
- 设计触点:强化图文故事、录音、视频以及生活与患病对比照,通过多维度感官触达唤醒同理心 。
成就动因(积善感 & 利他反馈) :
- 用户心理:用户需要感知到自己的行为真实地影响了他人生活,并由此获得满足感 。
- 设计触点:引入荣誉排行、个人爱心值、锦旗系统,并外露“您已为XX个家庭带去希望”等正面心理激励 。
信任动因(安全感壁垒) :
- 用户心理:没有信任基础,任何信息都毫无价值 。
- 设计触点:构建“平台增信+关系增信”的双重体系,如医护证实、好友实名认证、筹款人保证书及透明水滴监控。

三、设计表达:策略化的信息流重构
在具体方案执行中,我们采用了模块化与场景化的设计思路

1. 黄金首屏重塑
我们将首屏视为转化漏斗的核心,重新编排了包括品牌信息、高清图组、情感标题、动态进度、好友关系在内的8大关键元素。

- 进度可视化:放弃单一数字,改用更具对比度的进度条形式,凸显缺口,强化筹款目标感
- 社交背书前置:外露“XX位好友已帮助”及具体的“好友捐款额度”,利用熟人社会的社交货币提升信赖度

2.促捐策略与交互引导
• 限时补贴策略:引入“平台限时补贴”倒计时,配合“帮一笔,送一笔”的视觉引导,利用“损失厌恶”提升决策效率 。

• 定额祝福卡:将捐款行为与祝福语绑定(如“战胜病魔”、“早日康复”),降低用户填写的认知负荷,让捐款不仅是金钱援助,更是情感传递 。

• 动态氛围营造:通过实时互动的弹幕、爱心动效,营造“众志成城”的场域氛围 。

四、设计的温度
视觉语言的减法与品牌渗透
- 色彩体系收敛:去除冗余杂色,将视觉能量集中在“水滴蓝”(专业/信任)与“筹款橙”(温暖/紧迫)两个主色调上 。
- 组件化与拓展性:采用标准化的模块设计,确保方案在不同业务场景下具备极强的拓展弹性.

好的设计不应只有冷冰冰的转化率,更应在每一个交互细节中传递尊严与希望。
通过本次改版,我们不仅实现了数据上的增长,更重要的是利用设计方法论,将“善意”从一种抽象的情感,转化为一种可感知、可互动、可扩散的数字化力量.