个人中心 · 作者关注引导弹窗

🔴 高优先级 信息呈现产线 H5 + Web 个人中心

变更日志

交付研发后如有调整将在此记录
日期变更内容
2026-04-13触发条件细化:收藏夹/作品集以集合内部瀑布流第二页为准;概览 Tab 改为停留 8s 触发;关注成功增加 Toast「感谢你的关注」;时间重置统一改为 UTC+0;多瀑布流页面以下方未整理瀑布流分页为准

背景与目标

用户在浏览他人个人中心时,缺乏主动关注的引导入口,导致优质创作者的关注转化率偏低。通过在合适时机展示关注引导弹窗,降低关注操作的路径成本,提升创作者被关注率。

业务目标:提升个人中心页的关注转化率。

用户目标:用户在发现感兴趣的创作者时,能以最少步骤完成关注。

功能需求

作为访客用户,当我在浏览某位创作者的个人中心并滑动到第二页时,我希望看到一个关注引导弹窗,以便快速关注该创作者而无需返回顶部操作。

触发条件

同时满足以下全部条件时,展示关注引导弹窗:

#条件说明
1当前页面为他人个人中心的任意子页面包括作品、模型、收藏等所有 Tab;不含自己的个人中心
2触发时机因 Tab 类型而异 概览 Tab:用户在概览 Tab 持续停留 8s 后触发(切到后台或离开页面时计时暂停,回到页面继续计时)
作品/模型等列表 Tab:内容列表加载第二页数据时触发;若内容不足一页无分页请求,则不触发;页面存在多个瀑布流时(如置顶作品区 + 未整理区),以下方未整理瀑布流的分页为准
收藏夹/作品集等集合 Tab:以集合内部瀑布流内容为准,加载第二页数据时触发;页面存在多个瀑布流时,以下方未整理瀑布流的分页为准;集合本身的列表加载不算
3当前用户未关注该创作者已关注则不触发
4频率限制未达上限见「频率控制」章节

弹窗展示

交互示意 · 关注引导弹窗
SeaArt
🎨
Mia_art
粉丝 12.4k · 作品 238
作品
模型
收藏
↑ 用户滚动触发第二页分页请求,弹窗出现 ↓

弹窗位置:页面底部居中,固定浮层(不随页面滚动)。

弹窗内容:

元素内容备注
头像创作者头像圆形裁切,不带头像框
名称创作者昵称超长截断,最多显示 1 行
引导文案看我这么久关注一下?👉固定文案
关注按钮「+ 关注」点击后执行关注操作

交互行为

操作结果
点击「关注」按钮(已登录)立即执行关注,弹窗消失,Toast 提示「感谢你的关注」,页面顶部关注按钮同步更新为「已关注」
点击「关注」按钮(未登录)跳转登录页;登录成功后自动完成关注,无需用户再次点击
弹窗无关闭按钮用户无法主动关闭弹窗
无操作持续 4s弹窗自动关闭,计入一次展示次数
离开当前个人中心页面弹窗随页面销毁
用户通过其他入口完成关注弹窗立即消失(如用户点击页面顶部关注按钮)
注意 弹窗无关闭按钮。无操作 4s 后自动关闭,每次展示(无论是否关注、是否自动关闭)均计入频率计数。

频率控制

维度规则
同一用户 × 同一创作者48 小时内最多展示 1 次
同一用户(全局)自然日内最多展示 5 次

两条规则同时生效,任意一条达到上限均不再触发。自然日以 UTC+0 00:00 为起点重置。

未登录用户

未登录用户满足触发条件时,正常展示弹窗。点击「关注」后:

  1. 跳转至登录页,同时记录「待关注的创作者 ID」。
  2. 用户完成登录(含注册后首次登录)后,系统自动调用关注接口,完成对该创作者的关注。
  3. 自动关注完成后,回跳至原个人中心页面,页面顶部关注按钮显示为「已关注」。
  4. 若用户登录后已关注该创作者(如登录前已通过其他方式关注),则跳过自动关注步骤,直接回跳。
说明 未登录用户的频率计数:以设备维度(或匿名 ID)记录,登录后合并至账号维度。

边界情况

场景处理方式
创作者头像加载失败展示默认头像占位图
创作者昵称为空展示「SeaArt 用户」
关注接口调用失败弹窗不消失,按钮恢复可点击状态,Toast 提示「关注失败,请重试」
用户在弹窗展示期间切换 Tab(同一个人中心内)弹窗保持展示,不重新计数
用户访问自己的个人中心不触发弹窗
用户已关注该创作者后再次访问不触发弹窗
登录后自动关注失败(网络异常等)回跳个人中心后,Toast 提示「自动关注失败,请手动关注」,不重试

主流程

已登录用户

用户进入他人个人中心
    │
    ▼
当前 Tab 类型?
    ├─ 概览 Tab → 持续停留 8s(切后台/离开暂停计时)
    ├─ 作品/模型等列表 Tab → 内容列表加载第二页数据时
    └─ 收藏夹/作品集等集合 Tab → 集合内部瀑布流加载第二页数据时
    │
    ▼
未关注该创作者?
    │ 否 → 不触发
    ▼ 是
频率未达上限?(48h内同一作者 / 当日全局≤5次)
    │ 否 → 不触发
    ▼ 是
展示关注引导弹窗(计入频率计数)
    │
    ├─ 点击「关注」→ 调用关注接口 → 成功:弹窗消失,页面关注状态同步
    │                              → 失败:Toast 提示,按钮恢复
    │
    └─ 离开页面 → 弹窗销毁
    

未登录用户点击关注

点击「关注」(未登录)
    │
    ▼
记录「待关注创作者 ID」
    │
    ▼
跳转登录页
    │
    ├─ 登录成功
    │     │
    │     ▼
    │   已关注该创作者?
    │     │ 是 → 直接回跳个人中心
    │     ▼ 否
    │   自动调用关注接口
    │     │ 成功 → 回跳个人中心,显示「已关注」
    │     └─ 失败 → 回跳个人中心,Toast 提示「自动关注失败,请手动关注」
    │
    └─ 取消登录 / 关闭页面 → 流程终止,不执行关注