4E
康复评估训练系统 · 原型预览
Patient Web · Desktop Edition · v1.0.0
患者端 · 桌面 Web · 21 个页面
基于《4E 康复评估训练系统 — 详细功能页面清单》设计实现的患者侧桌面 Web 端原型,涵盖登录、信息采集、口面肌评估、训练打卡、医患评分、付费商城、消息与个人中心等核心流程。
21
页面数
9
功能模块
17
复用组件
100%
静态可预览
1.1 登录与注册模块
1 页
P-01
患者登录页
双栏布局 · 品牌侧 + 表单侧
1.2 信息采集模块
3 页
P-02
信息采集 · 第一步
姓名 / 手机号 / 身份证
P-03
信息采集 · 第二步
家庭地址三级联动
P-04
信息采集 · 第三步
身体状况 + 问题描述
1.3 口面肌评估照片模块
2 页
P-05
口面肌评估首页
4 张照片采集 · 进度展示
P-06
拍摄 / 上传照片
沉浸式取景 + 侧边操作面板
1.4 首页与导航模块
1 页
P-07
患者首页
数据卡片 · 方案 · 快捷入口
1.5 训练方案与课程模块
3 页
P-08
训练方案详情
阶段 + 视频清单 + 设置侧栏
P-09
训练课程页(Keep 风格)
全屏播放 · 弹幕 · 倒计时
P-10
训练完成页
庆祝动画 · 打卡方式选择
1.6 打卡模块
2 页
P-11
视频打卡录制
沉浸式取景 + 控制侧栏
P-12
打卡成功页
彩屑动画 · 积分展示
1.7 评分模块
4 页
P-13
患者自评页
1-10 分卡片式评分
P-14
父母评分页
身份切换 · 评分提交
P-15
评分反馈查看页
三方评分卡片 + 历史
P-16
评估趋势图表页
折线图 + 关键指标
1.8 付费模块
2 页
P-17
付费视频商城
左侧筛选 + 三列商品网格
P-18
支付确认页
微信 / 支付宝 + 二维码
1.9 消息与个人中心模块
3 页
P-19
消息通知列表
分类筛选 · 未读 / 已读
P-20
消息详情页
医生评语 · 自动已读
P-21
个人中心页
资料 · 积分 · 已购 · 退出