Telesair

Telesair 是一家美国医疗科技公司，专注于呼吸疾病的远程管理。他们需要为医院端搭建一套管理平台，供医生和临床团队追踪患者呼吸设备数据、处理设备报警、查看治疗趋势。产品经理提供了覆盖核心功能的详细原型，我的工作是从零建立视觉语言，并完成全部界面设计。

这类产品面临的真实挑战不是"界面好不好看"——而是信息如何在正确的时机出现在正确的位置。呼吸监测数据本身已经很复杂：多通道生理波形、设备运行状态、患者治疗进展需要同时呈现；更重要的是，这是一个错误代价不对等的场景。一个报警优先级如果在视觉上表达模糊，临床人员可能做出错误判断。

设计的核心问题因此变成：医生打开系统的第一眼，应该看到什么？

我把这个问题的答案直接做进了 Dashboard 的布局里。页面上半部分是三张数据概览卡片，提供总量感知；下半部分是并排的双列报警面板——左侧患者报警（Patient Alert），右侧设备技术报警（Technical Alarm）。两类报警在临床逻辑上是不同的处理线：一个关乎治疗，一个关乎设备状态，分开呈现让团队成员各司其职。

患者详情页的设计起点是：医生点进这个页面，最先想确认的不是表单字段，而是这个患者目前的整体状态。所以我在页面顶部加了一条关键指标横栏——Patient Status、Available data、Compliance time——让最重要的信息在进入详情之前就已经到位。

AI 辅助诊断是产品里技术密度最高的页面。右侧主区域呈现结构化的 AI 分析：Clinical Findings → Diagnostic Analysis → Treatment Recommendations → Reference Article。这个顺序对应了医生在实际诊断中的思维路径：先看发现了什么，再看分析，再看建议，最后是文献佐证。

多通道波形图（气流、气道压、潮气量、SpO₂、心率）是产品中数据密度最高的单一界面。网格线用极细描绘，避免抢占波形本身的视觉重量；报警触发的时刻标注在时间轴上，让时序关系一目了然。

该平台于 2024 年完成设计交付，面向美国医院端客户部署。

在这个项目里，最重要的设计决策往往不是视觉层面的——而是关于信息的：什么先出现，什么后出现，什么根本不需要出现。