功能:徽章成就体系
字数
449 字
阅读时间
2 分钟
功能简介
通过“我的”页的徽章与成就滑动区,强化用户在情绪记录、任务执行、复盘改善等方面的正向反馈,避免打卡焦虑而强调温和成就感。
所在页面
- Tab:我的
- 模块:徽章与成就(BadgeCarousel)
交互说明
- 用户在“我的”页水平滑动浏览已解锁和未解锁的徽章。
- 点击某个徽章弹出说明模态,展示解锁条件、当前进度和下一步建议。
- 当用户达成条件时,前端弹出庆祝动画(低扰动),徽章变为彩色,并可一键生成相关任务或分享至社区。
- 未解锁徽章提供“去完成”快捷入口,跳转到对应的记录或任务页面。
界面元素
- 徽章卡:渐变背景、图标、标题、条件描述;未解锁状态使用 Ink-100 背景。
- 进度条:Mint 或品牌蓝表示完成度。
- 模态窗口:包含徽章描述、达成条件、下一步 CTA。
- 庆祝动画:轻量粒子或呼吸光。
数据需求
- 徽章条件来自行为与情绪指标(如连续打卡天数、任务完成率),由后端服务计算。
- 解锁事件写入
badge_events(若需新表)并同步到weekly_summaries。 - 进度计算依赖
checkins、task_events、社区互动等数据源。 - 分享或生成任务操作写入行为闭环工作流或
forum_posts(若分享到社区)。