News Center

新闻资讯

创新是我们事业发展的灵魂,与时俱进是创新的最佳表现

医疗UI设计中的尺寸、位置与色彩规则
来源:   作者:索果设计

医疗UI设计有一个很实在的检验方法:把界面拿到真实的使用场景里,让戴着手套的护士在忙乱中操作一遍。如果她按不准按钮、找不到图标、分不清颜色,那这个界面就是不达标的。这些问题看起来是细节,但在临床使用中直接关系到操作效率和安全性。图标大小、按钮位置、颜色区分——这三件事是医疗UI设计的底层规则,做好了不显眼,做不好处处是麻烦。

上海维创索果设计咨询有限公司深耕长三角设计服务领域多年,我们深度扎根上海、苏州、无锡、南京、杭州、常州等核心城市,业务版图逐步拓展至全球。深谙各地产业底色与市场实际需求,为本土企业输出高适配、可落地的专业设计解决方案。

公司历经十八载行业深耕,在创始人张攀先生的引领下稳步发展。张攀先生毕业于上海交通大学,拥有海外求学历练背景,兼具本土视野与国际化设计思维。团队始终坚守匠心,以做好每一款医疗器械设计为初心,凭专业筑牢根基,让优质设计力量赋能长三角每一座城市的企业发展。索果小编认为下面从五个方面,说清楚这些规则在实际设计中怎么落实。

第一,触控目标尺寸——9毫米是底线,戴手套还要更大

医疗设备上的触摸屏按钮,尺寸不能凭视觉判断来定,要按触控目标的最小尺寸标准来设定。行业通用标准是触控目标不小于9毫米,这个尺寸是基于成年人手指触控的物理特性确定的。低于这个尺寸,使用者需要更精确地瞄准才能触发,在忙乱或疲劳时容易按偏。

但医疗场景还有一个附加条件:医护人员经常戴着手套操作。乳胶手套或丁腈手套会增加手指的触控面积,同时降低触控的灵敏度。戴手套操作时,触控目标的尺寸需要增加到12毫米以上,按钮之间的间距也需要相应拉开,避免相邻按钮被同时触发。对于需要快速响应的紧急操作按钮,尺寸还要进一步放大,确保在任何状态下都能被准确命中。尺寸不是美学问题,是操作可靠性的基础。

20220508225420783.jpg

射频消融仪医疗交互UI设计

第二,按钮位置——高频操作要放在手指的自然落点

按钮在界面上的位置,决定了使用者操作时需要移动多少距离。在医疗场景中,高频操作的按钮应当放在手指自然落点处,减少手指的移动幅度。主操作按钮通常放在屏幕下方或右侧,因为这些位置在单手持握或双手操作时最容易触及。

按钮的位置还需要与使用者的操作习惯匹配。右利手使用者习惯从右向左操作,高频按钮放在右侧更容易被触及;左利手使用者则相反。如果设备面向的是混合人群,高频按钮的位置需要经过测试来确定哪个位置对多数人来说最顺手。按钮的位置一旦确定,在全系统中应当保持一致——同一类操作的按钮在界面的不同页面中出现在相同位置,使用者才能形成稳定的肌肉记忆,不需要每次重新定位。

20220508225502557.jpg

射频消融仪医疗交互UI设计

第三,颜色区分——功能色的含义不能随意更改

医疗UI中的颜色有明确的含义分工。红色用于危急报警和紧急停止,黄色用于警告信息,绿色用于正常运行状态,蓝色或灰色用于信息提示和中性状态。这套颜色对应关系来自行业标准,不能因为设计上的偏好而改变。红色不能用于普通按钮的装饰,黄色不能用于非警告信息的状态标识。

颜色区分还需要考虑色盲和色弱使用者。仅靠颜色来区分状态是不够的,必须配合文字标签、图标形状或位置差异来共同传达信息。报警区域用红色标识的同时,标注明确的文字说明;正常状态用绿色标识的同时,配合图标或文字确认。颜色是信息传达的辅助手段,不能成为唯一依据。对于需要在强光或弱光环境下使用的设备,颜色的对比度需要经过验证,确保在极端光照条件下仍能清晰辨认。

第四,图标设计——形状要能自解释,不依赖文字说明

医疗UI中的图标承担着快速传达功能的作用。图标的设计目标是让使用者看一眼就能理解其含义,不需要额外的文字说明。常用的功能图标——确认、取消、返回、设置、播放、暂停——应当采用行业通用的造型,让使用者能够凭借已有经验快速识别。

图标的大小需要与触控尺寸要求匹配。图标本身可能不大,但它所在的触控区域需要足够大,保证使用者点击时能准确触发。图标之间的间距需要拉开,避免视觉上混淆或操作上误触。图标的设计风格在全系统中保持一致,线条粗细、转角处理和填充方式遵循统一的规则,避免不同页面之间出现风格割裂。

202205082254207831.jpg

射频消融仪医疗交互UI设计

第五,布局的一致性——操作逻辑在全系统中保持稳定

界面布局的一致性是使用者形成操作习惯的前提。同一类操作在不同页面中应当出现在相同位置,使用相同的图标和颜色标识。使用者在一台设备上形成的操作习惯,应当能够迁移到同一品牌的其他设备上,不需要重新学习。

布局的一致性还体现在操作路径的规划上。高频操作在界面中始终保持在同一层级,不因为页面切换而改变位置。报警信息的显示区域在全系统中固定,使用者不需要在紧急情况下重新寻找报警信息的位置。设备状态的显示区域同样固定,使用者在任何时候都能在同一个位置找到当前设备状态。这种一致性让使用者在操作过程中不会因为界面的变化而产生困惑,能够保持连续的操作节奏。

soogotuiheng.jpg

国内知名医疗器械设计公司:上海维创索果设计咨询有限公司(索果设计SOOGOT)

医疗UI设计中的图标大小、按钮位置和颜色区分,不是可以凭感觉决定的视觉选项,而是有明确依据的操作规则。触控尺寸决定了操作能否被准确命中,按钮位置决定了操作是否顺手,颜色区分决定了信息能否被正确解读。这些规则在设计中落实到位时,使用者在操作过程中不会特别注意到它们的存在,只会觉得界面用起来顺畅、不需要额外适应。当界面上的每一个按钮都能被准确触碰、每一个图标都能被快速识别、每一种颜色都能被正确理解时,它就在医疗场景中完成了最基本的任务——让使用者把注意力留给患者,而不是消耗在操作界面上。

索果设计:「长期服务:上海微创、美敦力、凯利泰、思路迪、昊海生物等。十年专注医疗实验室仪器的设计、落地和创新,设计覆盖产品开发全产业链:设计分析、外观设计、结构设计、ui界面设计、样机制作、小批量生产、模具开发、大批量生产等


  2026-10-19    11
×
添加微信好友,了解我们

点击复制微信号

微信号:Shanghai_design

复制成功
微信号:Shanghai_design
添加微信好友,了解我们
去微信添加好友吧

电话

021-60445533

18301972234

微信

二维码扫一扫添加微信
TOP