家庭健康担当 · 原型图

《麦瓣健康家庭服务体系PRD》的健康数据专题子模块,负责 家庭成员主索引、公司体测仪二维码授权同步、日常健康数据中心、AI 健康管家,并为服务预约、陪诊、陪护、商城推荐提供成员上下文。
21 个核心页面375 × 812 移动端健康数据子 PRD服务体系主索引iOS / Apple Health 风格

产品定位

让家庭成员的 每日身体状态(体重、BMI、睡眠、运动、心率、血压等)自然流入平台,通过可视化、打卡激励与 AI 日常建议帮助用户坚持健康习惯,并在数据出现异常时温和地提示 / 推荐上门服务。

主流程

入口 → 成员 → 数据详情
01
🏠
家庭健康首页
多成员切换 · 今日总览 · AI 建议 · 打卡连续 · 家庭动态
FR1-3UJ1,4
02
👤
成员健康主页
单个成员的 AI 摘要 / 关键指标 / 今日目标 / 记录时间线
FR4-10UJ2,3

健康数据详情

每项指标独立的详情页
03
⚖️
体重 · BMI · 体脂
多时段趋势图 · BMI 区间 · 记录历史 · AI 教练建议
FR11-14
04
🌙
睡眠详情
睡眠分 · 阶段图(深睡/快速/浅睡)· 周趋势柱 · 睡眠建议
FR15-18UJ1
20
💧
饮水详情
今日摄入环 · 时段分布 · 杯量快记 · 7 天趋势 · 完整补水提醒设置
FR16,22a-c
21
🤖
AI 智能体管理
对话式创建 · 智能体列表 · 单智能体详情 · 主动消息 · 人设切换 · 权限边界
FR41a-g★ 核心创新
05
🏃
运动详情
步数环 · 每小时分布 · 运动记录 · 跑/走/骑/瑜伽
FR19-23UJ3
06
❤️
血压与心率
双线趋势(收缩/舒张)· 参考区间 · 测量历史 · AI 原因推断
FR24-28UJ2

数据接入

多源聚合 · 权限清晰
07
📱
公司体测仪 · 二维码授权同步
机器出二维码 → 微信授权 → 账号/成员确认 → 同步到 App → 月内多次对比
FR29-33UJ4
08
🔌
设备与数据源
Apple/华为/小米 授权切换 · 蓝牙体脂秤/血压计 · 归属规则
FR34-40UJ4

趋势与激励

看得见进步 · 坚持有奖
09
📈
趋势与多维对比
多成员 / 多来源 / 多时段 对比 · 事件标记 · AI 洞察
FR41-46
10
🎯
目标 · 打卡 · 徽章
连续天数 · 打卡日历 · 5 类目标 · 4 枚徽章 · 激励权益
FR47-55UJ5
11
👨‍👩‍👧‍👦
家庭对比与挑战
排行榜 · 家庭挑战进度 · 互相加油 / 点赞动态
FR56-62UJ5

AI 管家 & 异常提示

鼓励 · 温和 · 非诊断
12
🤖
AI 健康管家对话
结构化回答 · 图表嵌入 · 服务预约转化 · 不确定项说明
FR63-68UJ2,3
13
⚠️
异常提示中心
四级分类(轻度/关注/复测/建议重点关注)· SLA 倒计时 · 一键处置
FR69-72UJ2

家庭管理

建档 · 授权 · 归属
14
👥
家庭成员管理 + 新增
成员列表 · 4 步新增向导(关系 → 基本 → 画像 → 授权)
FR61-68UJ6
19
🧭
建档完整向导(4 步闭环)
关系 → 基本信息 → 健康目标类型 → 数据授权 → 完成引导
FR4,61UJ6

偶发资料 & 服务联动

健康资料归档 · 异常→服务闭环
15
📋
偶发健康资料归档
体检/血检/检查单 上传 → OCR 结构化 → 低置信度修正 → AI 综合解读
FR54-60UJ6
18
🛠️
异常 → 服务预约(上下文带入)
从异常提示进入,成员/地址/健康上下文自动带入,技师可见摘要
FR49-53UJ2

洞察与触达

跨指标关联 · 成员维度提醒
16
🔗
跨指标关联分析
双轴趋势 + 散点图 + 相关系数 · "步数 vs 睡眠"等关联洞察
FR21创新点
17
🔔
消息与提醒中心
成员维度提醒 · 6 大类型管理 · 免打扰策略 · 一键跳转详情
FR69-72

关联模块 · 家庭服务体系

本模块为服务体系提供成员健康上下文
🏠
家庭服务体系首页
陪诊 · 陪护 · 家政 · 健康商城 · 预约上门 · KOC 社区
跨模块
🏥
就医陪诊
异常提示 → 预约陪诊服务的主要转化路径
跨模块
🩺
健康陪护
血压偏高等异常 → 预约上门陪护复测
跨模块
📦
统一订单中心
服务预约带入后生成的订单在此查看和管理
跨模块

设计规范速览

主色与分区色

品牌绿 #2E7D32 / #43A047,辅以睡眠蓝 #5C6BC0、运动橙 #FF9500、心血管红 #FF3B30、AI 蓝 #007AFF、紫 #AF52DE。iOS 系统灰 #f2f2f7 作为底色。

尺寸与布局

手机画框 375 × 812,圆角 44px。卡片圆角 14px,间距 10-16px。主要操作保持 44px 以上触控高度。

字体栈

-apple-system, BlinkMacSystemFont, "SF Pro Display", "PingFang SC", sans-serif。标题 16-18,数值 20-28,正文 12-14,辅助 10-11。

文案语气

温和、鼓励、可行动。避免"预警/警报/诊断"等词,改用"需要关注/建议复测/小提示"。AI 建议必须标注"非诊断、非医疗指导"。

数据可视化

日常指标:折线 + 参考区间;对比:多线同图;周/月:堆叠柱;打卡:日历+火焰;分布:环形进度。所有图表使用内联 SVG。

AI 卡片模式

统一结构:数据速读 → 可能原因 → 建议行动 → 辅助说明。左边框强调色 + 渐变背景。对话页支持自由问答与快捷建议。