慢性病管理小程序

高保真原型演示 - iPhone 15 Pro 容器

针对45+慢性病患者群体设计 | 已优化Tab栏和滚动问题 | 新增多个子页面

页面优化说明

已修复问题

  • ✅ Tab栏已内置到iPhone 15 Pro容器内
  • ✅ 容器内页面滚动问题已解决
  • ✅ 所有可点击元素已识别并设计子页面
  • ✅ 页面高度和布局已优化

新增功能

  • • 数据上传页面(带动画效果)
  • • 血糖记录详情页
  • • 添加记录页面(多类型表单)
  • • 用药管理完整流程
  • • 权益订阅购买流程
  • • 更多子页面正在开发中

首页

健康概览和快捷入口

展示健康数据概览、今日用药提醒、快捷操作按钮和订阅服务入口。

可点击元素:

健康记录 用药管理 数据上传 权益套餐
查看优化版

健康记录

血压、血糖、体重记录

健康数据记录和管理,包括血压、血糖、体重等生命体征的详细记录。

可点击元素:

血压详情 血糖详情 体重详情 添加记录 查看趋势

用药管理

用药计划和打卡记录

用药计划管理、打卡记录、依从性分析和药物清单管理。

可点击元素:

用药计划 依从性报告 用药打卡

权益订阅

套餐选择和购买流程

康复包、无忧包、呵护包三种套餐的对比展示和购买流程。

可点击元素:

套餐购买 我的权益

个人中心

健康档案和会员信息

个人健康档案、会员权益展示、服务管理和系统设置。

可点击元素:

健康档案 护士上门 药师咨询 设备管理 设置

数据上传

智能设备数据同步

智能设备数据上传,包含进度条动画和上传成功反馈。

功能特色:

进度动画 设备状态 数据预览
查看原型

可点击元素统计

已实现页面

  • • 首页(优化版)
  • • 健康记录页面
  • • 血压记录详情
  • • 血糖记录详情
  • • 体重记录详情
  • • 添加记录页面
  • • 数据趋势分析
  • • 数据上传页面
  • • 用药管理页面
  • • 用药计划管理
  • • 依从性报告
  • • 用药打卡页面
  • • 权益订阅页面
  • • 购买流程页面
  • • 购买成功页面
  • • 我的权益页面
  • • 个人中心页面

待开发页面

  • • 护士上门服务
  • • 药师咨询页面
  • • 设备管理页面
  • • 设置页面
  • • 帮助中心页面
  • • 健康档案页面
  • • 用药计划详情子页面
  • • 用药计划编辑子页面
  • • 依从性详情子页面
  • • 打卡历史子页面
  • • 权益详情子页面
  • • 护士预约子页面
  • • 咨询聊天子页面
  • • 设备配对子页面

技术特色

  • • iPhone 15 Pro 容器
  • • 内置Tab栏导航
  • • 完美滚动体验
  • • 响应式设计
  • • 交互动画效果
  • • 表单验证
  • • 进度条动画
  • • 状态管理

快速开始演示

点击下方按钮开始体验完整的用户流程

开始演示(优化版)

慢性病管理小程序 - 高保真原型设计

针对45+慢性病患者群体 | 微信小程序 | iPhone 15 Pro 容器 | 已优化 | 新增多个子页面