3.0 KiB
3.0 KiB
平衡体态检测系统 UI 与交互功能设计说明
1. 总体设计理念
- 以用户为中心:以康复医生和技术操作员为核心用户,界面简洁直观。
- 数据驱动展示:所有核心模块数据实时可视化,交互响应快速。
- 操作流程明晰:每一步操作清晰可控,避免误操作。
2. 页面结构与交互设计
2.1 登录与注册页面
功能点
- 用户名密码登录,明文匹配;
- 注册要求:手机号、密码二次确认;
- 明文密码显示与记住密码;
- 密码找回:显示明文密码(需优化为短信验证);
- 修改密码支持原密码校验更新。
交互设计
- 所有操作均本地数据库存储;
- 弹窗提示错误、成功状态;
- 安全建议:建议后续版本启用密码加密存储。
2.2 实时检测模块
起始页
- 左侧:患者列表(支持搜索与滚动加载);
- 右上:基础信息展示与编辑;
- 右下:新建档案 / 查看档案 / 开始检测按钮。
新建档案页
- 信息采集:*为必填项,实时校验格式;
- 按钮:
- “退出”:弹窗确认;
- “保存”:保存数据;
- “保存并开始检测”:保存+跳转检测页。
患者档案页
- 展示所有检测记录,支持:
- 测量数据图文并茂;
- 操作过程视频+录屏回放;
- 查看足底垫片配置(左右足 + 多个垫片,记录颜色/编号);
- 截图列表(放大预览、删除、查看截图数据、导出/打印)。
2.3 检测页设计
实时检测主界面
- 显示患者信息、时间、医生名称;
- 数据区:
- 身体姿态:深度图动态更新;
- 头部IMU:实时Pitch/Yaw/Roll值 + 最大值记录 + 清零 + 抗干扰;
- 足底压力:压力云图 + 数据占比展示;
- 视频区:录制+时间戳+最大化播放。
操作按钮区
- 初始状态:显示“开始”;
- 开始后:显示“截图”“结束”;
- 截图:保存界面+对应数据+截图图片;
- 结束:终止录制,保存检测记录;
- 结束后:显示“回放”;
- 支持视频同步播放、暂停、最大化、进度条拖动。
分屏模式
- 提供“分屏”按钮;
- 支持全显(3模块)/单模块切换(滑动或左右切换按钮)。
3. 附加功能说明
截图管理
- 入口:截图按钮 + 截图列表;
- 功能:图片放大预览、删除、查看数据详情、导出/打印。
数据管理
- 所有数据按患者、检测时间分类;
- 支持历史对比分析(V2.0 实现);
- 自动生成PDF报告(带医生备注)。
4. 优化建议(基于V1.2)
- 密码不应明文存储,应采用hash加密;
- 注册/找回密码增加验证码机制;
- 支持多用户权限(医生、操作员、管理员);
- 后续建议支持远程数据云同步;
- 视频与数据录制时钟同步机制需保证精准性;
- 多检测记录对比模块应预留逻辑框架。