心脏监测界面设计:Rythea的读数语境界面设计预览

心脏监测界面设计:Rythea的读数语境

作者:界达设计工作室(JVDS) 阅读时间:约 4 分钟

Rythea把点阵数字、红色图形和白色卡片组合成一套鲜明的健康界面。数字很容易被看见,记录的时间与来源也被分配了位置。心脏监测界面设计值得关注的,是这些标签能否和醒目图形一起工作,让读者分清单次记录、采集状态和一段时间的摘要。

主记录和周摘要采用不同尺度

桌面主卡用较大面积呈现ECG记录,日期、时长、状态和设备名称排列在图形上方,89 bpm位于右侧。信息没有全部缩成一个大数:数字获得视觉优先级,其他字段仍负责解释这段记录的身份。

右边的72与78分别配本周、前周平均,下方另有最近运动范围;设备卡则显示连接时间与电量。卡片边界把不同含义的读数分开,避免把采集条件与记录结果混在一个段落里。个人姓名与资料位于右上,也提醒用户当前记录属于谁。

红色点阵使大图、小图和数字拥有亲缘关系,不过它们不能因为外观相似就共享同一种含义。图形需要自己的时间刻度和解释,摘要需要统计范围;当前图中的状态文字只适合作为示例内容分析,不能据此作健康判断。

Rythea桌面记录、设备与周摘要卡片
桌面左右两栏|单次读数与周摘要以口径文字建立区别

测量页面让过程成为主角

黑色测量页围绕85 bpm和红色环形图展开,下面依次放Touch the watch、Measuring、百分比进度与Stop。这里没有继续堆入周统计,当前动作与中断入口被放到最容易注意的区域。

白色记录页则采用分段时间轴与下载入口,两种底色在视觉上区分了采集和查看。界达设计工作室(JVDS)认为,这种阶段差异有帮助,但状态标题仍应明确说明正在采集、已完成或未获得可用记录,不能只靠黑白背景让人推断。

Stop既有文字也有图标,容易被定位。停止后的去处还需要清楚:是否保留部分记录、能否重新开始、设备连接是否恢复。进度条表达过程走到哪里,结束说明表达这次过程留下了什么,两者应共同构成测量反馈。

黑色测量状态与白色心电记录页并列
右侧测量页下半部|接触提示、百分比与停止入口共同说明过程

移动卡片延续样式,也要校对语义

移动ECG卡将标题和日期置顶,读数与单位处于中部,图形放在下方。外侧的另一张指标卡沿用相同的圆角与点阵数字。这个稳定结构让不同记录可以使用相似读法,切换时不用重新找标题和日期。

图示里Today对应3月19日,另一卡Yesterday却对应3月4日。如果它们属于同一展示时点,相对时间与绝对日期需要统一;若来自不同日期的画面,也应避免在同一总览中造成误读。

另一卡的Bio Impedance标题又与bmi及Normal Weight相邻,字段所属指标需要核对。Rythea的视觉系统已经给读数足够关注,下一步更应把这份关注延伸到标题、单位、来源和日期,让漂亮的卡片拥有准确的内容关系。

移动ECG与外侧Bio Impedance指标卡片
中央与右侧卡片标题区|相对日期、绝对日期和指标名称应一起校对

让记录与状态一起被读懂

健康记录与设备配套产品,可以从单次记录、历史摘要和采集过程的区别开始整理界面,明确每类信息的时间与来源。

界达设计工作室(JVDS)提供UI/UX设计与网站设计、开发服务,可协助规划数据卡片、设备状态与记录查看流程。

联系界达设计,聊聊你的项目

咨询电话:17346567675 聊聊你的项目
链接复制成功

从想法到落地,我们一起完成

以用户体验为核心,打造真正可用、可增长的数字产品

和我谈谈您的项目