MysticX 移动端应用 - 迭代 1
概要
本文档概述了 MysticX 移动应用迭代 1的范围和规格。此版本专注于提供核心 AI 塔罗解读体验,包含最小可行产品的基本功能。
目标平台:iOS 15.1+ 和 Android 7+(API 24+) 框架:React Native with Expo SDK 55+ 时间线:2 周(MVP) 发布策略:TestFlight(iOS)和 Google Play 内部测试
目录
核心功能
基本功能(迭代 1)
| 功能 | 描述 | 优先级 |
|---|---|---|
| 启动页 | 品牌启动页面,平滑过渡 | P0 |
| 新手引导 | 3-4 页核心功能介绍 | P0 |
| 登录注册 | 邮箱/密码、Apple、Google、Facebook 登录 | P0 |
| 塔罗解读 | 完整解读流程,包含 AI 流式传输 | P0 |
| 每日一牌 | 每日抽牌及洞察内容 | P0 |
| 日记/历史 | 解读历史,支持搜索和筛选 | P0 |
| 基础资料编辑 | 姓名、头像、基本信息管理 | P0 |
| 推送通知 | 每周指引、灵魂旅程就绪提醒 | P0 |
| 删除账户 | 账户删除及数据处理 | P0 |
| 登录要求 | 必须登录才能使用功能 | P0 |
技术要求
- WiFi 要求:所有功能都需要网络连接
- 推送通知:仅在应用不在前台时,为每周指引和灵魂旅程发送系统推送
- 支付集成:需要 Apple App Store IAP + Google Play Billing 集成
- 不加价:移动端定价与 Web 端保持一致
- RevenueCat 集成:用于订阅管理
用户体验与设计
设计原则
- 神秘而不花哨 — 浅色主题配微妙渐变,流畅动画。保持 Web 端高端质感。
- 触控优先 — 大触控目标(最小 44pt)、滑动手势、触觉反馈
- 渐进披露 — 不要信息过载。展示必要内容,按需揭示深度
- 遵循平台惯例 — iOS 系统返回手势,Android Material 导航
- 精简至核心 — 移动端空间有限。每个像素都需物有所值
视觉设计
- 配色方案:与 Web UI 匹配的浅色主题配金色强调色
- 排版:系统字体配牌名衬线字体装饰
- 动画:流畅 60fps 牌面交互,带触觉反馈
- 主题支持:默认浅色主题,支持深色模式
导航结构
底部标签栏
标签栏(底部):
├── 标签 1:首页 # 开始解读、牌阵网格、每日一牌
├── 标签 2:日记 # 解读历史、搜索、筛选
├── 标签 3:商城 # 牌面皮肤、读者解锁(未来)
└── 标签 4:个人资料 # 设置、订阅、积分、邀请标签 1:首页
- 开始解读:主要 CTA,配牌阵选择网格
- 每日一牌:突出的每日一牌功能(居中)
- 快捷操作:最近解读、收藏牌阵
标签 2:日记
- 解读历史:按时间排列的列表
- 搜索:按问题内容或牌阵类型
- 筛选:日期范围、牌阵类型、AI 读者
- 解读详情:完整解读及后续对话历史
标签 3:商城
- 牌面皮肤:浏览和购买牌面设计
- 读者解锁:高级 AI 读者角色
- 未来功能:v1.1 功能占位符
标签 4:个人资料
- 账户信息:姓名、邮箱、头像、等级徽章
- 订阅:当前计划、升级/管理选项
- 积分:余额、交易历史、购买积分包
- 设置:语言、通知、删除账户
- 邀请:邀请码和分享功能
功能规格
启动页
- 时长:最多 2-3 秒
- 内容:MysticX logo 配微妙动画
- 过渡:平滑淡入到新手引导或主应用
新手引导流程(3-4 页)
- 欢迎:MysticX AI 塔罗解读介绍
- 工作原理:问题 → 牌阵 → AI 解读
- 功能预览:每日一牌、日记、洞察
- 开始使用:创建账户或登录的 CTA
登录注册
- 邮箱/密码:传统注册和登录
- 社交登录:Apple Sign In、Google OAuth、Facebook Login
- 会话管理:持久登录,Token 自动刷新
- 密码重置:基于邮箱的密码恢复
塔罗解读流程
- 问题输入:文本框配字符限制
- 牌阵选择:可用牌阵网格
- 选牌:交互式选牌,带触觉反馈
- AI 流式传输:实时 Token 传递,配输入指示器
- 解读展示:结构化输出,可展开章节
- 后续对话:与 AI 读者继续对话
每日一牌
- 每日抽牌:每天一次抽牌,配动画
- 洞察内容:情绪天气、行动建议、探索问题
- 积分奖励:基于订阅等级的每日积分
- 共鸣追踪:标记牌面是否与用户产生共鸣
日记/历史
- 解读列表:按时间排列,日期分组
- 搜索:按问题内容或牌阵类型
- 筛选:日期范围、牌阵类型、AI 读者
- 解读详情:完整解读及后续历史
- 分享:基础分享功能
基础资料编辑
- 头像:上传或选择默认头像
- 姓名:显示名称编辑
- 邮箱:邮箱地址更改,需验证
- 密码:更改密码,需当前密码确认
推送通知
- 每周指引:每周指引就绪时通知
- 灵魂旅程:灵魂旅程生成时提醒
- 解读更新:重要解读相关通知
- 设置:用户通知类型控制
删除账户
- 确认流程:多步骤确认过程
- 数据处理:清晰说明数据删除方式
- 宽限期:7 天恢复窗口
- 反馈:可选的离开原因
支付集成
RevenueCat 设置
- 订阅:通过 IAP 提供 Gold 和 Diamond 计划
- 积分包:通过应用商店一次性购买
- 跨平台同步:Web 和移动端订阅状态
- 恢复购买:处理设备更换和应用重装
定价策略
- 不加价:移动端价格与 Web 端保持一致
- 平台费用:承担 Apple/Google 15-30% 费用
- 支付方式:仅 IAP(无外部支付链接)
推送通知
通知类型
- 每周指引就绪:每周指引生成完成时通知(仅当应用不在前台时)
- 灵魂旅程已生成:灵魂旅程准备就绪时提醒(仅当应用不在前台时)
- 应用内通知:所有其他通知在应用 UI 内显示
- 智能通知逻辑:仅在应用后台/关闭时发送系统推送
通知处理
- 深链接:直接引导用户到相关页面
- 角标管理:更新应用图标角标数量
- 静默时段:尊重用户通知偏好
- 离线队列:应用关闭时队列通知
开发阶段
第 1 阶段:基础搭建与认证(第 1 周)
- Expo 项目设置,TypeScript 配置
- 标签栏导航结构
- API 客户端集成
- 登录注册流程实现(邮箱、Apple、Google、Facebook)
- RevenueCat 支付集成设置
- 基础 UI 组件和样式
第 2 阶段:核心功能与打磨(第 2 周)
- 塔罗解读流程实现
- 选牌动画
- AI 流式传输集成
- 解读展示组件
- 每日一牌功能
- 解读日记/历史
- 基础个人资料编辑
- 每周指引和灵魂旅程的推送通知设置
- 最终测试和 Bug 修复
成功指标
技术指标
- 应用启动时间:< 3 秒
- 解读完成率:> 80%
- 崩溃率:< 1%
- API 响应时间:< 2 秒
用户参与度
- 日活跃用户:目标 Web 端 DAU 的 20%
- 解读频率:每活跃用户 2+ 次解读
- 每日一牌参与度:> 60% 每日完成率
- 留存率:第 1 天 40%,第 7 天 20%,第 30 天 10%
业务指标
- 转化率:Web → 移动应用安装
- 订阅率:移动端订阅采用
- 用户满意度:应用商店评分 > 4.5 星
- 功能采用:核心功能使用率
技术考虑
性能
- 图片优化:牌面图片懒加载
- 动画性能:目标设备 60fps
- 内存管理:高效组件生命周期
- 网络优化:请求缓存和重试逻辑
安全
- Token 存储:认证 Token 安全存储
- API 安全:HTTPS 配证书锁定
- 数据隐私:符合隐私政策
- 支付安全:RevenueCat 处理 IAP 安全
无障碍
- 屏幕阅读器:VoiceOver 和 TalkBack 支持
- 动态字体:支持系统字体大小
- 高对比度:确保所有模式可读性
- 运动无障碍:大触控目标和手势替代
下一步
- 项目设置:初始化 Expo 项目,安装必需依赖
- 设计系统:创建组件库和设计 Token
- API 集成:设置认证和解读 API
- 用户测试:内部团队早期测试
- Beta 准备:准备 TestFlight 和 Play Console 设置
此迭代为 MysticX 移动体验提供了坚实基础,同时保持了 Web 平台的高端品质和神秘美学。