TrainPal H5 导下载体验设计,实验 B CTA 点击率提升 19%

项目背景

TrainPal 通过搜索引擎获取了大量自然流量,用户通常会直接进入H5页面进行查票与购票,他们有明确的出行意图,却鲜少完成 App 下载。App用户的 LTV 与三端复购显著高于纯H5用户,提升H5导下载转化率,是连接流量与长期用户价值的关键节点,导下载的目标并不只是“提升下载量”,而是将 SEO 流量逐步沉淀为更稳定的长期用户。

雪山铁路场景中的 TrainPal App 下载价值主张
核心目标
提升H5 页面的导下载点击转化率
设计约束
不影响用户查票 → 购票的主任务流程
后续关注
持续追踪新增 App 用户的三端复购与长期留存表现

竞品分析

-市场上的产品如何在 吸引下载 与 不打断主任务 之间做取舍?

我们调研了市场上各类产品的H5导下载策略。这些产品同样面临“用户带任务进入、导下载是附加目标”的场景,具有较高的参照价值,通过各类产品的导下载策略,分析视觉语言、信息传达与交互机制三个维度的设计差异

市场产品在吸引下载与不打断主任务之间的竞品分布图

视觉语言

场景化真人图是主流,情绪决定吸引力上限

信息传达

文案通过功能利益点、体验优势吸引用户

交互机制

关闭后的处理方式决定主任务干扰程度

沉浸式与轻量化导下载页面的竞品形态、设计取舍与实验方向

沉浸式半屏导下载

  • 真人场景图全幅呈现,最大化情绪代入
  • 文字链收起组件,退出路径明确不强制
  • 收起后主内容完整呈现,不中断查票流程
  • 滚动回顶部时组件重新出现,保持曝光机会
列车车厢中的真实出行场景

轻量化卡片导下载

  • 替换系统组件,自定义品牌卡片样式
  • 固定于导航栏下方,持续曝光
  • 同一图片素材裁切收入卡片,控制视觉变量
  • 不遮挡主内容,用户可忽略继续查票
TrainPal 轻量化卡片导下载实验 C 设计稿

实验结果

-短期转化与长期价值的权衡

导下载 CTA 点击率

对照组19.2%实验 B22.9%实验 C20.8%

支付转化率

对照组9.2%实验 B8.3%实验 C8.6%

实验B 导下载按钮点击率数据优于 实验C,后续其他页面推 实验B 设计稿

后续实验继续分流一个月,验证长期全产线三端支付用户数,通过离线取数预测用户的长期复购数据

老用户+1.25%

对已有 App 用户,实验 B 提升跨端支付转化

新用户-5.34%

新增用户仍需验证下载后的长期复购价值