AI医疗病理影像系统设计

解决B端产品用户体验问题,用设计驱动产品发展。

项目简介

智能病理分析系统是一套病理切片图像的多层特征分析计算机辅助诊断系统。基于计算机自动分析系统将包括以下主要功能,包括细胞,细胞核分割 ,癌变区域识别,细胞核特征提取及病理切片分级鉴定。

这些病理诊断功能能极大丰富当前病理诊断的结构,能够为病理医生提供快速与准确的病理量化信息反馈,精准定义疾病的多层信息。

同时,也是一套病理智能辅助诊断全流程平台,集数字切片扫描、病例管理、智能诊断、报告编辑、报告审核与打印为一体,可辅助从事宫颈液基细胞学诊断的病理科医生快速精准地完成多种细胞病变和感染的诊断,即时生成诊断报告,供医生复核并签发打印。

项目角色

我在项目中的位置

对于这个项目,我与其他产品经理一起与客户密切合作,参与产品设计过程。为病理系统带来一个符合场景,经过验证的设计。

并领导项目的UI/UX设计,完成所有页面视觉设计及交互设计,跟踪前端开发,配合测试完成视觉可用性测试。

预先研究

与医生面对面,找出问题所在

第一步是收集信息。我和很多人做了深入的交流,包括北京协和医院的病理博士,广州南方医院的资深病理医生,盐田区人民医院的病理科主任,在病理行业中待了很多年的人。

主要关注她们日常所使用的系统,以及所遇到的关键性问题。

病理科诊断流程
AI病理系统工作流程

逻辑梳理

根据梳理的医院标准诊断流程,我和团队设计了病理系统的工作逻辑,每个子逻辑分别对应医院的每一个诊断流程。系统中的逻辑判断一定程度上规范了诊断流程,并且可对每个病例做到溯源。另外,系统中的流程都是可以灵活配置的,比如某些二级医院,科室医师力量薄弱,如果仍使用复杂审核流程,反而会降低医生的诊断效率,无形给诊断带来了更多的成本。

我在1周内收集了超过100多项验证研究。这些调查帮助我确定医生关心的一些问题,大多数医生认为审核流程在系统中非常重要。此外现行系统中的信息杂乱仍然是最令人沮丧的部分。

图:部分调研问题截图
系统架构图

确定用户场景

根据所积累的有效信息,我确定了3个最关键的用户场景:

用户痛点

在对人们使用产品的方式达成一致的理解后,我需要了解现有用户体验中的痛点。

根据我的研究和访谈的基本问题,我意识到

行业痛点

调查结果和设计要求

实际上,我遇到很了很多问题,比如传统的方式根深蒂固,用户可能在使用电子阅片时,可能会遇到很多问题,比如操作习惯上。所以,我把AI诊断模块的重要性放在第一位,因为产品核心就是AI智能辅诊,医生只需要在系统内关注有问题的地方就好了,正常的筛选工作由AI系统辅助完成。

设计思维

在了解了用户的使用目标和痛点之后,设计思维自然会更加清晰。我从调研阶段以及团队对话中吸收了大量的信息,并据此总结出了主要的设计思维。

通过聚集的研究和设计要求,我开始集思广益,探讨如何通过设计来处理潜在的解决方案。

原型测试

这个是项目初期的原型设计,它诞生于我对此项目的初步设想,我参照了医院现有的系统做了一些简单设计,布局和流程都没有很好的经过验证。

在用户访谈时,我会拿着这个原型去医院与专业人员沟通。我得到了一些很好的建议和反馈,比如在待诊断患者查询这个场景里,医生期望是能够在当前页面上直接查看他待诊断的患者列表,而不用返回上一级页面。

这些细节上的反馈对我来说相当重要,这会直接反应我原型上的问题,得到一些很好的测试结果。让整个系统更符合医生的操作。

原型经过医生测试后,我得到了十分珍贵的测试反馈,于是原型改进版本诞生了。

左:初期原型 右:改进版本

界面设计

原型改进完成之后,UI设计开始了,在复杂庞大的信息面前,要保持“简洁干净的设计”是不容易的。

视觉上,浮层底色都采用背景模糊,目的是保证文字的可读性;根据影像的色值背景色会相应的变化,形成鲜明对比,突出信息,便于用户浏览;并且提升了界面的专业性和美观性。

在页面上内容布局上,我将病理图像作为页面背景,其他页面元素都浮在病理图像之上。用意是减少医生阅片时的干扰,使用浮层可以让页面布局更加灵活。优化了页面布局,使用抽屉式隐藏低频率操作,还原影像诊断的本质。