硬件 UI 设计 · 2025 · B2B + B2C · 中国市场

PetsTech 心脏监护仪 UI 设计

一台单价 20,000 CNY 的宠物心脏监护仪。屏幕是段码液晶屏。每个像素都是一次硬件决策。我要让它看起来像医院监护仪,还得让 BOM 成本活得下去。

角色 产品设计师
·
客户 PetsTech (佩茨泰克)
·
年份 2025
·
重点 嵌入式段码液晶屏界面设计

兽医要一眼看到六项心脏指标。屏幕却一个像素都没有。

PetsTech 为猫狗做心脏监护仪。设备测量心率、射血分数、BNP、肌钙蛋白等指标。兽医和宠物主人都会用它。一边要临床级精度,另一边只求别被吓到。

难点在段码液晶屏。没有 App,没有触屏。屏幕上每个字符都对应 PCB 上一条实体走线。多加一行字,就多一笔制造成本。删掉一行,就丢一条关键医疗信息。整套 UI 都要在硬件层面谈判。

这不是软件设计。我放上屏幕的每个视觉元素都会被蚀刻进玻璃。量产之后,没有撤销键。

兽医需要的都在。硬件扛不住的都不在。

我和兽医团队一起,把屏幕必须承载的每一条信息盘了一遍。约束很残酷:段码液晶屏按走线计价,我每加一个元素,后面都跟着一个价签。

4
治疗模式

通用 · 心力衰竭
心肌损伤 · 心律失常

7
参数

年龄 · 体重 · 心率
射血分数 · NT-ProBNP · cTnI · 物种

2
物种 + 器官

犬 / 猫切换
心脏与肝脏状态指示

外加一个 30 分钟倒计时。全部塞进一块单色段码屏,而每个字符都是一条实体走线。

三个概念,各押一个赌注。

我设计了三个方向,每个都做成真实的段码布局原型,把可制造性和可用性放在一起评估。

概念 A

仪表盘式

所有参数同时可见,配一只完整的狗剪影,带心脏和肝脏指示。看上去像一台迷你医院监护仪。

+ 最直观。设定参数和剩余时间同屏可见。
猫主人看到的却是狗的轮廓。所需液晶段最多。BOM 最高。
概念 A:仪表盘式布局,带狗剪影,所有参数同时可见
概念 B

简化仪表盘

用抽象的器官图标(心脏、肝脏)替换狗插画。参数依然全部可见。物种中立。

+ 解决了物种冲突。比 A 干净。液晶段数量适中。
成本略高于 C。视觉个性弱一些。
概念 B:简化仪表盘,使用抽象器官图标
概念 C

极简复用

一块大数字显示区,所有参数共用。用户通过顶部导航栏逐个切换数值。

+ 界面最干净。BOM 成本最低。生产良率最好。
编辑时要同时盯三个屏幕区域。对新用户不够直观。
概念 C:极简布局,共用数字显示区

我从六个维度给每个概念打分。没有全能赢家。

要决定的不是“哪个最好看”,而是“哪个能扛过量产,还能在凌晨 2 点的宠物诊所里照常好用”。

维度 A:仪表盘式 B:简化仪表盘 C:极简复用
直观性 ★★★★★ ★★★★★ ★★★
信息完整度 ★★★★★ ★★★★★ ★★★★★
视觉噪音
易用性 适合频繁调参 适合频繁调参 适合低频调参
BOM 成本 ★(最高) ★★(中等) ★★★★★(最低)
生产复杂度

概念 B 在评估中胜出。然后现实又改了它一轮。

B 在可用性与成本的平衡上得分最高。但客户还有额外的制造约束:工厂希望减少段码蚀刻数量,提高良率,压低单台成本。这意味着 B 的独立参数区必须砍掉。

最终设计沿用 B 的物种中立器官图标和治疗模式栏,同时采用 C 的共用大数字显示。一块大读数区轮流显示所有参数,不再同屏铺开。液晶屏上的走线更少。工厂里的蚀刻更少。临床信息一条不少,只是按量产现实重新组织。

结果是一个两个概念都没预料到的混合体:B 的信息架构,配 C 的制造效率。

PetsTech 心脏监护仪最终方案:概念 B 的结构与概念 C 的共用显示区结合
量产出货的设备。B 的布局逻辑,C 的显示经济学。
硬件 UI 医疗设备 段码液晶屏 宠物医疗科技 B2B + B2C 中国市场

下一个项目

RullJa IoT 仪表盘 · 投资人概念演示

为一家垃圾处理科技创业公司做了可交互的仪表盘原型,帮他们向投资人推介 IoT 填充度传感器。

查看演示 →