H5首页「打开APP」引导条
新增关闭按钮及频次控制

待规划 P1 功能新增 负责人:炎枫 主站-H5 信息呈现产线
🕐

变更日志

暂无变更记录(交付研发后如有调整将在此记录)
📋

背景 & 现状

⚠️ 当前问题

H5首页「打开APP」引导条无关闭入口,用户每次访问均会展示,打扰感强,无法主动消除。

影响范围
H5首页已登录用户
用户诉求
不想被反复提示下载 App,希望能手动关闭

功能需求

  • 1
    新增关闭按钮
    引导条右侧新增「×」关闭按钮,用户可主动点击关闭引导条,点击后引导条立即消失。
  • 2
    关闭后 5 天内不再展示
    用户主动关闭引导条后,5 天内再次访问均不展示引导条;超过 5 天后自动恢复展示。
  • 3
    已登录 App 的用户永不展示
    检测到用户已登录过 App 端,引导条永久不展示,不受关闭频次逻辑影响。
🎨

交互设计

🖼 以下为 ONES 附件原图(尺寸 592×1282)。完整查看请访问 ONES 原始需求页面
H5首页引导条设计稿
🔁

频次控制规则

用户状态 引导条展示 说明
已登录 App 端 永不展示 优先级最高,无论是否关闭过,永久不展示
从未关闭 / 关闭已超过 5 天 正常展示 默认状态,引导用户下载 App
关闭后 5 天以内 不展示 用户已主动关闭,5 天内不再打扰
关闭后超过 5 天 恢复展示 间隔期结束,重新触达一次
🧩

边界情况

用户清除浏览器缓存
视为未关闭过,引导条重新展示(符合预期)
换设备 / 换浏览器访问
关闭记录不跨设备同步,新设备视为首次访问,正常展示
用户登录 App 后退出登录
退出 App 登录后是否恢复展示引导条?待确认
无痕 / 隐私模式
关闭记录随会话结束消失,每次访问均展示引导条
🏁

验收标准

  • 引导条右侧显示关闭按钮,点击后引导条立即消失
  • 关闭后刷新页面或重新访问,引导条不展示
  • 关闭后 5 天内访问,引导条持续不展示
  • 关闭后超过 5 天再访问,引导条重新展示
  • 检测到用户已登录过 App,引导条永久不展示
  • 关闭按钮触控区域满足最小点击尺寸要求,不影响「打开App」按钮的点击区域
  • 关闭按钮样式与引导条整体视觉风格统一