硬件 UI 设计 · 2025 · B2B + B2C · 中国市场
PetsTech 心脏监护仪 UI 设计
一台单价 20,000 CNY 的宠物心脏监护仪。屏幕是段码液晶屏。每个像素都是一次硬件决策。我要让它看起来像医院监护仪,还得让 BOM 成本活得下去。
问题
兽医要一眼看到六项心脏指标。屏幕却一个像素都没有。
PetsTech 为猫狗做心脏监护仪。设备测量心率、射血分数、BNP、肌钙蛋白等指标。兽医和宠物主人都会用它。一边要临床级精度,另一边只求别被吓到。
难点在段码液晶屏。没有 App,没有触屏。屏幕上每个字符都对应 PCB 上一条实体走线。多加一行字,就多一笔制造成本。删掉一行,就丢一条关键医疗信息。整套 UI 都要在硬件层面谈判。
这不是软件设计。我放上屏幕的每个视觉元素都会被蚀刻进玻璃。量产之后,没有撤销键。
需求
兽医需要的都在。硬件扛不住的都不在。
我和兽医团队一起,把屏幕必须承载的每一条信息盘了一遍。约束很残酷:段码液晶屏按走线计价,我每加一个元素,后面都跟着一个价签。
通用 · 心力衰竭
心肌损伤 · 心律失常
年龄 · 体重 · 心率
射血分数 · NT-ProBNP · cTnI · 物种
犬 / 猫切换
心脏与肝脏状态指示
外加一个 30 分钟倒计时。全部塞进一块单色段码屏,而每个字符都是一条实体走线。
设计探索
三个概念,各押一个赌注。
我设计了三个方向,每个都做成真实的段码布局原型,把可制造性和可用性放在一起评估。
仪表盘式
所有参数同时可见,配一只完整的狗剪影,带心脏和肝脏指示。看上去像一台迷你医院监护仪。
− 猫主人看到的却是狗的轮廓。所需液晶段最多。BOM 最高。
简化仪表盘
用抽象的器官图标(心脏、肝脏)替换狗插画。参数依然全部可见。物种中立。
− 成本略高于 C。视觉个性弱一些。
极简复用
一块大数字显示区,所有参数共用。用户通过顶部导航栏逐个切换数值。
− 编辑时要同时盯三个屏幕区域。对新用户不够直观。
评估
我从六个维度给每个概念打分。没有全能赢家。
要决定的不是“哪个最好看”,而是“哪个能扛过量产,还能在凌晨 2 点的宠物诊所里照常好用”。
| 维度 | A:仪表盘式 | B:简化仪表盘 | C:极简复用 |
|---|---|---|---|
| 直观性 | ★★★★★ | ★★★★★ | ★★★ |
| 信息完整度 | ★★★★★ | ★★★★★ | ★★★★★ |
| 视觉噪音 | 高 | 中 | 低 |
| 易用性 | 适合频繁调参 | 适合频繁调参 | 适合低频调参 |
| BOM 成本 | ★(最高) | ★★(中等) | ★★★★★(最低) |
| 生产复杂度 | 高 | 中 | 低 |
最终设计
概念 B 在评估中胜出。然后现实又改了它一轮。
B 在可用性与成本的平衡上得分最高。但客户还有额外的制造约束:工厂希望减少段码蚀刻数量,提高良率,压低单台成本。这意味着 B 的独立参数区必须砍掉。
最终设计沿用 B 的物种中立器官图标和治疗模式栏,同时采用 C 的共用大数字显示。一块大读数区轮流显示所有参数,不再同屏铺开。液晶屏上的走线更少。工厂里的蚀刻更少。临床信息一条不少,只是按量产现实重新组织。
结果是一个两个概念都没预料到的混合体:B 的信息架构,配 C 的制造效率。