高手练习案例复盘!我为北京协和医院设计了一个AI助理版

大家好,我是廖尔摩斯丨设计大侦探,一位从业超过 13 年的全链路产品设计师,同时也是一家为企业提供数字化产品设计服务的设计工作室负责人!今天我来分享一个北京协和医院的 AI 助理版设计方案,希望这篇文章对你有帮助!

往期干货:

概述

1. 这篇文章的主题是什么?

与过往的产品分析不同,这篇文章介绍的是北京协和医院AI助理版的设计方案。这个方案由我设计,但这并非商业项目,而是以北京协和医院为载体进行的设计实践。

2. 为什么会产生这样的想法?

过去几个月,我一直在体验国内的互联网医院产品。最初目的是寻找优质案例进行拆解分析,但我发现这些产品同质化严重——功能、视觉和交互几乎大同小异,分析价值有限。因此,我想亲自动手实现我对互联网医院这个场景的理解和愿景,于是便有了这个 AI 助理版的方案诞生。

3. AI 助理版是什么?

让我们先来简单介绍一下 AI-UX 这个概念。随着 AI 技术的精进,越来越多产品的交互形式正经历本质变革。过去需要遵循传统瀑布式流程的操作,在未来也许只需一条 AI 指令即可完成。我曾深度拆解过钉钉的 AI Agent,当时只是对 Agent 概念有了初步了解,但后来这让我强烈感觉到数字产品未来的交互形式将发生本质改变。简而言之,AI-UX 这一概念实质上是将 AI 融入传统产品进行重构设计,让用户能够通过更多元化的方式与数字产品互动,实现更轻松、更便捷的使用体验。

这就是我心目中构思的互联网医院 AI 助理版 —— 一种融合 AI Agent 的全新交互形式。它突破传统交互模式的限制,用户只需通过文字或语音与产品交互,即可轻松完成预约挂号、在线问诊等常见功能。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

4. 我的创作流程介绍

为了保持场景真实性,我所有的设计都以协和医院的VI系统和实际业务场景为基础,确保产品更贴近现实应用。

内容适度优化

受限于时间成本,整个产品的内容都是基于协和医院当前的功能内容进行适度优化,包括优化文案、增删功能等调整。

视觉体系重构

在保留品牌色的前提下,结合协和的VI,我重新制定了一套UI视觉规范,包含10个梯度的品牌色和中性色,主要应用于文字、填充和描边。我还通过Illustrator提取了协和logo的SVG格式,以增强整个app的品牌辨识度和差异化。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

操作交互重构

这是整个产品重构的核心和挑战。作为我首次尝试设计AI交互产品,我与ChatGPT讨论了所有交互步骤的技术实现可能性,确保设计方案不仅是视觉呈现,更具备合理性和可行性。

设计方案

1. 新用户首次访问

当新用户下载并登录APP后,我摒弃了传统互联网医院界面上铺满各种图标的设计方式,而是呈现一个极简的对话式聊天界面。这个页面,呈现给新用户的内容就是添加就诊人、就医指南和医院导航,以及输入框。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

为什么这样设计?

对于新用户而言,下载使用互联网医院APP的首要目标通常是预约挂号。然而,完成预约挂号的前提条件是添加就诊人信息。因此,我将添加就诊人这一步骤设计为核心关键动作。同时,就医指南和医院导航功能为用户提供全面的医院信息,使他们能够便捷地查询所需内容。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

用户如何完成就诊人绑定?

用户只需点击屏幕上的就诊人绑定选项,AI 助理便会立即发送绑定表单。整个过程在同一页面完成,无需页面跳转。当用户完成就诊人绑定后,AI 助理会刷新页面,并展示更新后的内容。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

门诊服务、住院服务、便民服务那些入口去哪里了?

虽然这些服务入口都被隐藏在左上角的侧边栏中,但用户完成就诊人绑定后,只需在对话框中输入相关关键词,就能直接进入对应的业务流程。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

导航栏有什么功能?

互联网医院面向的人群极为多样,包括国内和国外患者,以及学生、孕妇、成年人、老年人和残障人士等各类群体。我认为一个完善的互联网医院应当提供标准版、AI 助理版、英文版和长辈版,因此在 logo 右侧设计了下拉菜单,让用户可以切换不同版本,满足各类人群的需求。同时,我在界面右侧加入了中英文的切换,可以帮助用户随时切换语言浏览。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

对话框有什么功能?

对话框虽然占比空间很小,但实际上可以通过各种交互形式进行拓展,满足用户的多样化需求。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

  1. 文本输入:作为最基础的功能,用户只需在对话框输入关键词即可与 AI 助理交互,轻松实现预约挂号、找医生、问诊和查看报告等功能。
  2. 语音输入:语音交互将在未来发挥关键作用,因为它是最简便的交互方式,特别适合患者使用。目前,语音翻译技术已相当成熟,不仅支持普通话,还能识别各地方言以及英语、日语、韩语等主要语言。通过 AI 助理的处理,系统能将用户的口语表达转换为产品可识别的指令。
  3. 拍照/上传图片/视频:用户可上传图片、视频等多媒体内容,AI 助理能迅速评估患者的初步病情,并推荐相关科普内容、医疗百科、适合的科室和医生。
  4. 其他文件:如 PDF 格式的检查报告等,AI 助理能快速解读内容并提供及时反馈,这在复诊和康复阶段尤为重要。
  5. 快捷功能:对话框上方会根据用户的就诊状态智能推荐相应的关键操作,如添加就诊人、预约挂号等。

2. 预约挂号的交互流程

预约挂号是用户使用互联网医院的核心需求,作为最重要、最高频的功能,它是医院就诊服务的起点。当用户在界面点击「预约挂号」或在文本框输入「预约挂号」指令,AI 助理将会分为六个步骤来完成这个流程。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

第一步:阅读并确认挂号须知

这个环节AI 助理生成的内容可以根据固定的《挂号须知文档》而生成,避免每次 AI 生成的内容不同,对用户造成误解,另外,用户也不想等待。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

 

这一步可否省略?

答案是否定的。所有互联网医院在预约挂号前都必须要求用户阅读并同意挂号须知,否则无法继续操作。不过我构思了一个新方案:当用户为就诊人首次预约挂号时,AI 助理会先发送挂号须知文档,并要求用户阅读同意,然后才继续后续挂号流程。当用户查询或预约其他科室号源时,系统直接进入挂号流程,省略这一步骤。不过,如果更换就诊人,挂号须知内容会重新发送。

第二步:选择院区

用户需要亲自选择对应的院区。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

第三步:选择科室

用户需要亲自选择准确的科室进行挂号。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

用户可以在这个步骤中输入其他提示词获取帮助吗?

绝对可以,比如他可以描述病情,AI助理对病情进行判断以后直接推荐相应的科室和医生。

第四步:查看科室出诊信息

用户可以在这个步骤查看医生的号源。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

医生的数量过多怎么处理?

我加入了「查看更多」的入口,让用户可以进入医生排班的列表页去查看信息。我觉得AI 产品不能完全抛弃传统的UI 页面设计形式,两者应该是相辅相成,共同帮助用户完成高效的操作。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

第五步:预约医生就诊时间段

当用户确认预约好医生的就诊时间段以后,系统会自动生成订单让用户确认。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

第六步:确认预约或支付费用

用户需要确认是否预约以及支付费用。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

3. 预约挂号的其他指令方式

仅让 AI 助理按照常规流程完成预约挂号并不会提升效率。因此,我的设计方案允许用户通过多种 AI 指令来简化挂号流程。

描述症状后,让 AI 助理推荐相应科室或医生

"我最近有些头晕目眩,偶尔还会感到恶心,尤其是站起来的时候特别明显,这种情况持续了几天了。"

当用户描述症状后,AI 助理能快速识别并直接推荐合适的科室或医生。这里有个重要细节:用户仍需阅读并同意《挂号须知文档》。如前文所述,系统可通过识别用户是否首次预约来进行权限控制,实现高效的信息触达。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

向 AI 助理描述预约医生指定日期的号源

"帮我预约严晓伟专家 8 月 28 日早上的号源。"

AI 识别到这类精确指令后,会立即查询号源,若有可用号源,则生成预约订单供用户确认,点击后即可完成挂号。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

让 AI 助理查询最近一周皮肤科的可预约的号源

"帮我查询最近一周的皮肤科号源。"

AI 助理会查询皮肤科最近一周的号源情况,并向用户提供查询结果。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

4. 传统的预约挂号流程回顾

在结束这个部分之前,让我们再来看一下北京协和医院传统版本的预约挂号流程,这样更能理解 AI 助理版的交互形式差别。

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

北京协和当前版本

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

我的优化版本

5. 其他业务流程

受限于时间成本和产品权限,我并未深入构思其他业务流程的设计,但通过预约挂号这个流程,我们可以看出 AI 助理能帮助用户实现各种服务。无论是门诊缴费、住院服务、体检预约,还是更复杂的健康管理、术后康复等,都可以通过 AI 助理来完成。

总结与思考

1. AI 助理版可以帮助用户解决什么?

第一,极大提升就诊效率。用户只需输入"帮我预约严晓伟专家8月28日早上的号源"这样的指令,AI便能完成挂号流程——这种高效的交互方式谁不喜欢呢?用户还可以直接向AI助理发送图片、视频、检查报告等资料,让AI为其推荐合适的科室和医生。

第二,提供更个性化的定制服务。AI Agent与对话式AI有本质区别,虽然本方案中未完全体现,但Agent能感知用户行为、数据和习惯,这对康复、复诊、术后恢复等医疗场景具有极大帮助。

第三,创造更友好的服务体验。对老年人、肢体障碍者或外国患者而言,他们可通过语音交互简化传统数字产品的操作步骤,有效解决使用障碍问题。

2. AI 助理版有落地的技术可能性吗?

目前市面上已有大量成熟的大语言模型API和Agent框架,比如OpenAI的GPT-4、Anthropic的Claude等。同时,医疗领域的知识图谱和专业数据集也相当丰富,只需对模型进行行业特定的微调即可。事实上最大的挑战是目前的医院和相关技术公司是否有意愿去尝试全新的产品形式。

3. 为什么花时间做这样一件事?

如前文所言,这并不是一个商业项目,而是基于对AI产品和互联网医院产品调研分析形成的纯概念方案。于我而言,这是一次AI与传统数字产品结合的设计练习,通过系统性实践,我对AI-UX这种全新交互形式有了更深刻的理解。

另外在我的职业生涯中,很难有机会服务像北京协和医院这样的头部品牌,但我希望这种大胆的产品设计创新能为互联网医院等传统产品带来启发。无论它是否只是我的一种设想,我都希望这个行业能认真审视AI带来的变化,拥抱AI,为用户带来更大的利益。

最后,分享一下我的设计价值观——设计,就是要享受过程,而非结果!

欢迎关注作者微信公众号:「设计大侦探」

高手练习案例复盘!我为北京协和医院设计了一个AI助理版

收藏 3
点赞 19

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。