蓝蓝设计-UI设计公司作品-博晖创新原子吸收光谱仪软件交互及界面设计

博晖创新原子吸收光谱仪软件交互及界面设计

图标设计 | 交互设计 | 界面设计

博晖公司拥有强大的自主研发实力,建立了专业的研发团队,通过不断的技术创新,形成了分子诊断、免疫诊断、原子吸收、原子荧光及质谱五大技术平台,并成功实现了上述技术平台产品的产业化,其中人体微量元素检测系统在全国7000余家医院得到了广泛应用,每年检测量高达2200万人次。

公司利用先进的微流控芯片技术开发的全自动核酸检测系统,被誉为"芯片上的实验室",服务于广大医疗及健康机构。此次和蓝蓝设计合作,原子吸收光谱仪器上触摸屏软件升级改版,难点是针对业务使用特点,重新进行用户体验,交互方式的优化,使逻辑更清晰,使用更方便。方案一

根据行业背景和仪器色调,方案一整体采用蓝绿色和白色为主,即和整体色调较为一致同时也突出了医疗行业的单净整洁。布局、交互按照沟通的进行设计,由于该界面是触屏操作,所以可操作按钮设计的偏大些,便于操作。界面最左侧是一排二级菜单,上侧是快捷导航和"调零""空烧""测量"三个较为重要的按钮。主要内容区的左侧为铅元素实时曲线、镉元素实时曲线,右侧为实时数据和两个测量数据的表格。仪器的状态显示放在页面的最下面。

方案二

该方案为深色版,医疗和科技的碰撞。深色版主要突出科技感,同时如果长时间看屏幕,深色有缓解视疲劳的效果。

布局、交互此方案与方案一较为相似,最大的改动是把进样、测量状态的提示放在了导航的右侧,把 "调零""空烧""测量"三个按钮放在实时数据的右侧。同时用较为突出的颜色来突出三个按钮。

方案三

该方案以蓝白为主,即和logo的颜色较为呼应,同时也体现了医疗行业的 、整洁。该方案的布局、交互和前两版有较大的改变,首先是左侧的二级菜单当选中某一个时三级直接下拉展开,然后菜单的下面是仪器状态显示。右侧用不规则的蓝色渐变做了一个区域分隔,上侧为快捷导航和"调零""空烧""测量"三个按钮。右侧把实时数据做成卡片突出一下。测样类型设置的下面为两个测量数据的表格。定稿

客户经过上机测试后,选中了方案二深色版,在初稿基础上增加了左边栏收缩,常用功能"新建曲线"等微调。

能量和标准曲线原型

设计稿 能量页面将原来右侧的按钮调整到上排,上下分隔为两个区域,上下无关联。将数量变化的下拉菜单改为+-号,并增加自动调整功按钮。

相关推荐
Aevget3 小时前
Kendo UI for jQuery 2025 Q4新版亮点 - AI 助手持续加持,主力开发更智能
人工智能·ui·jquery·界面控件·kendo ui
小雨下雨的雨5 小时前
Flutter 框架跨平台鸿蒙开发 —— GridView 控件之多维网格美学
flutter·华为·交互·harmonyos·鸿蒙系统
aitoolhub5 小时前
H5交互设计:从策划到上线的实用方法论与避坑要点
人工智能·计算机视觉·交互·视觉传达
小雨下雨的雨5 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:无限循环的 Banner 引擎
flutter·ui·华为·交互·harmonyos·鸿蒙系统
W***r267 小时前
服务器处理请求:服务器解析请求并返回响应
ui
小雨下雨的雨7 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:虚拟列表与百万级数据性能巅峰
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨7 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:Sliver 视差滚动与沉浸式布局
flutter·华为·交互·harmonyos·鸿蒙系统
工业HMI实战笔记7 小时前
拯救HMI×施耐德电气|以AI重塑工业人机交互新范式
人工智能·ui·信息可视化·自动化·人机交互·交互
小雨下雨的雨8 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:卡片堆叠与叠放切换动效
flutter·华为·交互·harmonyos·鸿蒙系统
小雨下雨的雨8 小时前
Flutter跨平台开发实战: 鸿蒙与循环交互艺术:分布式联动与多端状态同步
分布式·flutter·华为·交互·harmonyos·鸿蒙系统