微纳动力芯片检测细胞分析软件界面设计

发表于:

交互设计 | 界面设计 | 图标设计 | 细胞检测

01

项目背景

该软件由微纳动力研发,依托自主可控的光电镊 - AI 纳米生物芯片技术,为单细胞功能研究提供核心解决方案。可实现单细胞功能表征与筛选,单芯片支持 13000 + 细胞的导入、分选、分析、培养与导出。产品优势显著:高效提升细胞回收率与序列多样性,大幅缩短抗体发现周期;广泛应用于抗体发现、细胞株筛选、CAR-T 疗法等前沿领域;设备与耗材成本较进口产品降低 80%,助力降本增效。

本项目是兰亭妙微(蓝蓝设计)与微纳动力团队的再度携手。在正式签约前,客户希望先看到首页设计方案,我们基于前次合作的良好基础,快速输出了设计初稿。 在设计过程中,我们深度拆解业务逻辑,始终以 “显而易见” 的用户体验为核心,同时充分发挥团队在医疗软件领域的丰富设计经验。最终方案凭借专业严谨的视觉表达与清晰易用的操作逻辑,获得客户高度认可,为双方后续深度合作奠定了坚实基础。

02

项目概述

产品定位

该软件的本质是 “光电镊硬件能力的延伸 + 单细胞筛选效率的倍增器 + 数据驱动决策的支撑平台”,通过高效协同硬件、智能处理图像与信号、适配多元场景,帮助用户从海量细胞中快速获取高价值目标,支撑科研创新与生物制药产业升级。

目标用户

本软件核心目标用户为生物制药、细胞治疗企业,高校 / 科研院所单细胞研究实验室,三甲医院转化医学中心及第三方临床检验所的研发科学家、实验员、质控工程师等专业人员,这类用户均有单细胞高通量无损筛选需求,部分需符合 GMP/GLP 合规要求。

设计风格

该界面采用深色工业风设计,以深灰、黑色为底色,搭配高对比度的功能按钮与状态指示,视觉层次清晰。功能模块分区明确,整体风格专业严谨,兼顾了科研场景下的操作效率与数据可读性,突出了功能性与实用性。

03

设计亮点

以人为本的专业设计,让严谨的科研界面兼具人文关怀与操作便捷性

首页的原型比较简单,整体布局不是很合理,“实时监测”是客户比较常看信息,原型放在右下角不便于用户查看,设计后”实时监测”模块放在了页面左侧,且采用卡片式布局,同时增加该模块的展开收起功能。

“流程操作”和设备配置“区域是根据用户权限决定展示模块内容,设计后采用tab切换的形式,后期无论增加或减少设置模块,总的布局可以保持不变。 减少“用户操作区”的位置,用一列图标表示,鼠标划过会显示具体文字,同时和“相机视图区”放在一起,便于用户操作。

设计前后对比
UI设计公司案例展示:设计效果对比指示图标

从用户视角出发,实现数据信息的清晰化与易用性

模块化分区更清晰: 将观察仓、培养仓、试剂仓做视觉分区,用深色标题栏明确模块边界,让用户快速定位不同功能区域,避免信息混杂。

数据可视化更直观: 温度、CO₂浓度等关键参数用图标 + 大字号数字呈现,冰阀状态用开关式图标直观反馈;试剂仓用柱状图和绿条显示余量,比纯文字更易读取。

视觉层次与交互友好: 采用深色背景 + 浅灰卡片的对比设计,突出核心数据;每个芯片和仓体信息独立成卡,搭配统一的视觉语言,既符合专业设备的严谨性,又降低了认知和操作成本。

设计前后对比
UI设计公司案例展示:设计效果对比指示图标

视觉层次更清晰: 通过卡片式分区、深浅色块对比,将 “操作流程”“设备配置” 等功能模块直观区分,核心操作按钮采用高辨识度的图标 + 文字组合,降低了视觉认知成本。

交互体验更高效: 芯片状态用颜色和图标实时反馈,“自动配准” 等高频功能增加开关控件,减少点击层级;环形进度图替代静态饼图,动态数据可视化让任务进度更直观。

信息密度与美感平衡: 深色背景搭配高饱和度功能按钮,既突出操作焦点,又通过渐变和阴影营造出层次感,整体风格更符合专业医疗设备的科技感与易用性需求。

设计前后对比
UI设计公司案例展示:设计效果对比指示图标

04

界面欣赏