BodyBalanceEvaluation/document/平衡体态检测系统_UI与交互功能设计说明.md

# 平衡体态检测系统 UI 与交互功能设计说明

## 1. 总体设计理念

- **以用户为中心**：以康复医生和技术操作员为核心用户，界面简洁直观。
- **数据驱动展示**：所有核心模块数据实时可视化，交互响应快速。
- **操作流程明晰**：每一步操作清晰可控，避免误操作。

---

## 2. 页面结构与交互设计

### 2.1 登录与注册页面

#### 功能点
- 用户名密码登录，明文匹配；
- 注册要求：手机号、密码二次确认；
- 明文密码显示与记住密码；
- 密码找回：显示明文密码（需优化为短信验证）；
- 修改密码支持原密码校验更新。

#### 交互设计
- 所有操作均本地数据库存储；
- 弹窗提示错误、成功状态；
- 安全建议：建议后续版本启用密码加密存储。

---

### 2.2 实时检测模块

#### 起始页
- 左侧：患者列表（支持搜索与滚动加载）；
- 右上：基础信息展示与编辑；
- 右下：新建档案 / 查看档案 / 开始检测按钮。

#### 新建档案页
- 信息采集：*为必填项，实时校验格式；
- 按钮：
  - “退出”：弹窗确认；
  - “保存”：保存数据；
  - “保存并开始检测”：保存+跳转检测页。

#### 患者档案页
- 展示所有检测记录，支持：
  - 测量数据图文并茂；
  - 操作过程视频+录屏回放；
  - 查看足底垫片配置（左右足 + 多个垫片，记录颜色/编号）；
  - 截图列表（放大预览、删除、查看截图数据、导出/打印）。

---

### 2.3 检测页设计

#### 实时检测主界面

- 显示患者信息、时间、医生名称；
- 数据区：
  - 身体姿态：深度图动态更新；
  - 头部IMU：实时Pitch/Yaw/Roll值 + 最大值记录 + 清零 + 抗干扰；
  - 足底压力：压力云图 + 数据占比展示；
  - 视频区：录制+时间戳+最大化播放。

#### 操作按钮区

- 初始状态：显示“开始”；
- 开始后：显示“截图”“结束”；
  - 截图：保存界面+对应数据+截图图片；
  - 结束：终止录制，保存检测记录；
- 结束后：显示“回放”；
  - 支持视频同步播放、暂停、最大化、进度条拖动。

#### 分屏模式

- 提供“分屏”按钮；
- 支持全显（3模块）/单模块切换（滑动或左右切换按钮）。

---

## 3. 附加功能说明

### 截图管理
- 入口：截图按钮 + 截图列表；
- 功能：图片放大预览、删除、查看数据详情、导出/打印。

### 数据管理
- 所有数据按患者、检测时间分类；
- 支持历史对比分析（V2.0 实现）；
- 自动生成PDF报告（带医生备注）。

---

## 4. 优化建议（基于V1.2）

- 密码不应明文存储，应采用hash加密；
- 注册/找回密码增加验证码机制；
- 支持多用户权限（医生、操作员、管理员）；
- 后续建议支持远程数据云同步；
- 视频与数据录制时钟同步机制需保证精准性；
- 多检测记录对比模块应预留逻辑框架。