图片是一个顶部横幅 banner(标注"D+1 登录,dashboard 顶部,可关闭"):蓝色深底,左侧循环图标,主文案"再打开 1 次就解锁连续 2 天奖励",副文案"+100 积分 · 解锁每日签到福利(连签 5 天再 +150)",右侧"去做任务"按钮和 × 关闭。
我的判断:值得加,但要权衡
这个 banner 的核心价值是次日召回——用户今天用过产品,明天再来一次就能完成"连续 2 天"任务,banner 在关键时机出现提醒他。这是增长设计里很经典的 streak 激励,符合任务体系逻辑。
但目前原型里已经有:任务面板 + 任务完成 toast,再加顶部 banner 会出现三个引导层同时存在的情况。我的建议是加进去,条件是它只在"连续天数任务"进行中时出现,且每次登录只显示一次(关闭后不再出现),避免和 toast 同时触发形成干扰。
我把它加进来,并与现有的"连续 2 天"任务状态联动:
现在建 StreakBanner 组件,然后插入 HomePage 顶部。Banner 的显示逻辑:只在"连续 2 天"任务未完成时显示,session 内关闭一次就不再出现。
Now insert StreakBanner at the top of HomePage, just inside the scroll container before the hero section:
StreakBanner 在"连续 2 天"任务所在阶段解锁后才出现,深蓝底色(oklch 264 同产品主色色相)对齐产品色彩体系,右侧"查看任务"点击打开任务面板,× 关闭后本次 session 内不再展示。banner 与 toast、面板三者互不干扰——toast 是任务完成瞬间的正反馈,banner 是次日召回的前置提醒,面板是全量信息中心,三种交互形式各司其职。
对,你说得对。"连签 5 天再 +150" 是我自己编的,任务定义里根本没有这条。让我把 banner 文案改回只基于实际任务数据的内容。
副文案改为只展示任务数据里实际存在的积分数值,删掉了"每日活跃福利"和"连签 5 天再 +150"这两条从未定义过的内容。