首页 Health OS 界面导览
界面导览

每一屏只回答一个问题

界面的价值不在于好看,而在于让人少想一步。下面三组界面分别回答:我现在怎么样、这份报告还能怎么读、我出门在外怎么查。

概念示意 · 非真实系统截图

三秒看懂全局

桌面仪表盘

  • 左上角圆环是综合评分,旁边的分层标签说明该找谁;
  • 中部是各项指标的最优区间条,圆点位置一眼可见;
  • 下部趋势曲线标出干预起点,能看出“从哪天开始变”;
  • 右侧固定顾问卡片,随时可以发起一次对话。
深色底降低夜间查看的视觉压力,数据用薄荷绿表示最优、琥珀表示临界、暖赤表示风险,同时用形状与文字标注,不依赖颜色单一通道。

概念示意 · 非真实系统截图

同一份数据,两种读法

报告比对

  • 左侧是常见报告样式:数值、箭头、参考范围,信息完整但没有优先级;
  • 右侧是 Health OS 视图:同样的数值被重新组织成评分、区间与建议;
  • 两侧数据完全一致,差别只在组织方式与解释深度;
  • 演示页可以亲手拖动滑块,看到右侧视图如何实时变化。
左右分屏用浅灰与深蓝形成明确对照,中间不加多余装饰。目的是让用户在第一眼就理解“不是换了数据,是换了读法”。

概念示意 · 非真实系统截图

随时随地能查到

移动端档案

  • 首屏是本月评分与最该关注的一项,不做信息堆叠;
  • 档案页按系统分组,点进去能看到每项说明与历史值;
  • 随访与提醒合并到一条时间轴,避免多个入口分散注意力;
  • 所有截图与界面均为概念示意,实际版本以产品上线为准。
移动端只保留三个动作:看结论、看一项细节、发起一次沟通。信息密度主动降低,换取单手操作与快速理解。
同一份数据

把 W 先生的报告并排放在一起看

下列数值为典型示意,不对应真实个人。左右两侧的数据完全相同,差别只在组织方式。

常规报告

  • 空腹血糖 6.4 mmol/L ↑
  • 糖化血红蛋白 6.1 % ↑
  • 甘油三酯 2.8 mmol/L ↑
  • 低密度脂蛋白 3.6 mmol/L ↑
  • 谷丙转氨酶 58 U/L ↑
  • BMI 28.6 ↑
  • 参考范围:3.9—6.1 / 4.0—6.0 / 0—1.7 / 0—3.4 / 7—40

问题:六个箭头,不知道先改哪一个,也不知道三个月后有没有用。

Health OS 视图

  • 综合评分 58 / 100 重点
  • 优先处理 血糖、甘油三酯(成组异常)
  • 次优先 谷丙转氨酶、体重
  • 干预方向 控糖限酒 + 有氧加力量
  • 复查节点 90 天复查、180 天全面复测
  • 顾问跟进 每周一次,按数据调整

结果:同一份数据被排成一张有顺序的行动清单,且每一步都可追踪。

典型示意,不构成诊断或治疗建议。实际判断以医生意见为准。

界面规范

不只好看,还要能被所有人读懂

颜色不是唯一通道

状态同时用色块、形状和文字标注。色弱用户与打印场景下,仍然能区分最优、临界与风险。

动效克制可关闭

滚动揭示与数值过渡时长控制在 0.3—0.5 秒;系统开启“减少动效”时自动关闭,避免眩晕与干扰。

数字必须可读

所有数值使用等宽数字,正负号与单位完整保留;图表坐标与图例不小于 12px,避免手机端糊成一团。

看完界面,动手拖一次更有感觉

在线模拟不需要注册,所有计算都在你的浏览器里完成。

进入在线模拟 预约真人顾问