Skip to content

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 集成:用于订阅管理

用户体验与设计

设计原则

  1. 神秘而不花哨 — 浅色主题配微妙渐变,流畅动画。保持 Web 端高端质感。
  2. 触控优先 — 大触控目标(最小 44pt)、滑动手势、触觉反馈
  3. 渐进披露 — 不要信息过载。展示必要内容,按需揭示深度
  4. 遵循平台惯例 — iOS 系统返回手势,Android Material 导航
  5. 精简至核心 — 移动端空间有限。每个像素都需物有所值

视觉设计

  • 配色方案:与 Web UI 匹配的浅色主题配金色强调色
  • 排版:系统字体配牌名衬线字体装饰
  • 动画:流畅 60fps 牌面交互,带触觉反馈
  • 主题支持:默认浅色主题,支持深色模式

导航结构

底部标签栏

标签栏(底部):
├── 标签 1:首页           # 开始解读、牌阵网格、每日一牌
├── 标签 2:日记           # 解读历史、搜索、筛选
├── 标签 3:商城           # 牌面皮肤、读者解锁(未来)
└── 标签 4:个人资料       # 设置、订阅、积分、邀请

标签 1:首页

  • 开始解读:主要 CTA,配牌阵选择网格
  • 每日一牌:突出的每日一牌功能(居中)
  • 快捷操作:最近解读、收藏牌阵

标签 2:日记

  • 解读历史:按时间排列的列表
  • 搜索:按问题内容或牌阵类型
  • 筛选:日期范围、牌阵类型、AI 读者
  • 解读详情:完整解读及后续对话历史

标签 3:商城

  • 牌面皮肤:浏览和购买牌面设计
  • 读者解锁:高级 AI 读者角色
  • 未来功能:v1.1 功能占位符

标签 4:个人资料

  • 账户信息:姓名、邮箱、头像、等级徽章
  • 订阅:当前计划、升级/管理选项
  • 积分:余额、交易历史、购买积分包
  • 设置:语言、通知、删除账户
  • 邀请:邀请码和分享功能

功能规格

启动页

  • 时长:最多 2-3 秒
  • 内容:MysticX logo 配微妙动画
  • 过渡:平滑淡入到新手引导或主应用

新手引导流程(3-4 页)

  1. 欢迎:MysticX AI 塔罗解读介绍
  2. 工作原理:问题 → 牌阵 → AI 解读
  3. 功能预览:每日一牌、日记、洞察
  4. 开始使用:创建账户或登录的 CTA

登录注册

  • 邮箱/密码:传统注册和登录
  • 社交登录:Apple Sign In、Google OAuth、Facebook Login
  • 会话管理:持久登录,Token 自动刷新
  • 密码重置:基于邮箱的密码恢复

塔罗解读流程

  1. 问题输入:文本框配字符限制
  2. 牌阵选择:可用牌阵网格
  3. 选牌:交互式选牌,带触觉反馈
  4. AI 流式传输:实时 Token 传递,配输入指示器
  5. 解读展示:结构化输出,可展开章节
  6. 后续对话:与 AI 读者继续对话

每日一牌

  • 每日抽牌:每天一次抽牌,配动画
  • 洞察内容:情绪天气、行动建议、探索问题
  • 积分奖励:基于订阅等级的每日积分
  • 共鸣追踪:标记牌面是否与用户产生共鸣

日记/历史

  • 解读列表:按时间排列,日期分组
  • 搜索:按问题内容或牌阵类型
  • 筛选:日期范围、牌阵类型、AI 读者
  • 解读详情:完整解读及后续历史
  • 分享:基础分享功能

基础资料编辑

  • 头像:上传或选择默认头像
  • 姓名:显示名称编辑
  • 邮箱:邮箱地址更改,需验证
  • 密码:更改密码,需当前密码确认

推送通知

  • 每周指引:每周指引就绪时通知
  • 灵魂旅程:灵魂旅程生成时提醒
  • 解读更新:重要解读相关通知
  • 设置:用户通知类型控制

删除账户

  • 确认流程:多步骤确认过程
  • 数据处理:清晰说明数据删除方式
  • 宽限期:7 天恢复窗口
  • 反馈:可选的离开原因

支付集成

RevenueCat 设置

  • 订阅:通过 IAP 提供 Gold 和 Diamond 计划
  • 积分包:通过应用商店一次性购买
  • 跨平台同步:Web 和移动端订阅状态
  • 恢复购买:处理设备更换和应用重装

定价策略

  • 不加价:移动端价格与 Web 端保持一致
  • 平台费用:承担 Apple/Google 15-30% 费用
  • 支付方式:仅 IAP(无外部支付链接)

推送通知

通知类型

  1. 每周指引就绪:每周指引生成完成时通知(仅当应用不在前台时)
  2. 灵魂旅程已生成:灵魂旅程准备就绪时提醒(仅当应用不在前台时)
  3. 应用内通知:所有其他通知在应用 UI 内显示
  4. 智能通知逻辑:仅在应用后台/关闭时发送系统推送

通知处理

  • 深链接:直接引导用户到相关页面
  • 角标管理:更新应用图标角标数量
  • 静默时段:尊重用户通知偏好
  • 离线队列:应用关闭时队列通知

开发阶段

第 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 支持
  • 动态字体:支持系统字体大小
  • 高对比度:确保所有模式可读性
  • 运动无障碍:大触控目标和手势替代

下一步

  1. 项目设置:初始化 Expo 项目,安装必需依赖
  2. 设计系统:创建组件库和设计 Token
  3. API 集成:设置认证和解读 API
  4. 用户测试:内部团队早期测试
  5. Beta 准备:准备 TestFlight 和 Play Console 设置

此迭代为 MysticX 移动体验提供了坚实基础,同时保持了 Web 平台的高端品质和神秘美学。

Internal documentation for MysticX team