医疗预约小程序原型设计

目录

  • 第一部分:患者端小程序
    • [1. 首页:医院门户](#1. 首页:医院门户)
    • [2. 搜索与医生主页](#2. 搜索与医生主页)
    • [3. 挂号全链路闭环](#3. 挂号全链路闭环)
    • [4. 个人中心](#4. 个人中心)
    • [5. 排队候诊及诊疗服务](#5. 排队候诊及诊疗服务)
    • [6 消息中心](#6 消息中心)
  • 第二部分:管理后台
    • [1. 科室管理](#1. 科室管理)
    • [2. 用户档案](#2. 用户档案)
    • [3. 经营概况](#3. 经营概况)
    • [4. 医生与排班管理](#4. 医生与排班管理)
    • [5. 排队管理](#5. 排队管理)
    • [6 订单中心](#6 订单中心)
    • [7. 医生工作台](#7. 医生工作台)
    • [8 消息中心](#8 消息中心)
    • 总结

今年AI编程工具热度比较高,各个厂商都纷纷推出了自己的编程工具。有不少观点认为,有了AI辅助,编程的门槛大大降低了,低代码工具已经没有存在的必要。

认为软件只需要写出提示词,完全委托给AI编程工具就可以自行完成,期间完全不需要懂任何编程的基础知识。

在我看来这种更像一种营销的话术,22年低代码工具的大热的时候也持这种观点,但时至今日,低代码工具已经变成了一种开发方式的选择,再无人提及他曾经喊过的口号。

其实软件开发,主要还是先要有设计,你先把业务逻辑想明白了,后续是选择低代码搭建还是AI coding,那就需要结合自身的需求来进行选择。这一次我们的实战课,还是以医疗预约场景为案例,先讲清楚原型,然后用低代码重头到尾拆解一遍,供有学习需求的参考。

我们的原型分为两部分,患者端和管理员端下边进行详述。


第一部分:患者端小程序

1. 首页:医院门户

首页是医院的互联网诊疗门户,提供卡片式的设计引导患者使用医院的各项服务。

  • 医院信息:展示医院名称,医院特点,点击后可以看到院区的详细信息。
  • 金刚区导航:预约挂号、门诊缴费、报告查询等高频功能一触即达。
  • 名医推荐:横向滑动的医生卡片,让专家资源触手可及。

2. 搜索与医生主页

提供便捷的搜索入口。

  • 全局搜索:支持搜索科室、医生姓名。
  • 医生主页:不仅展示医生的专业职称和擅长领域,还集成了多院区排班信息,患者可以直接在这里完成预约。


3. 挂号全链路闭环

从预约到支付,详细设计了每个环节的页面。

  • 首页引导:提供清晰的导航菜单,让患者可以找到挂号的入口。
  • 科室选择:提供侧边栏导航和列表查询,支持多级科室展示。
  • 医生列表:列表上直观的显示医生是否有号可以进行预约。
  • 医生主页:显示医生擅长的领域,可供预约的时间段和余号情况。
  • 确认订单:可行选择就诊人,选择支付方式完成在线支付。
  • 预约成功:显示就诊信息,预约顺序号方便患者就诊。




4. 个人中心

在个人中心提供预约时必要的就诊人维护功能,查看历史的挂号情况。

  • 就诊人管理:支持多就诊人绑定。针对新用户,我们设计了"在线建档"流程;针对老用户,提供了"绑定医院账号"功能,实现线上线下档案互通。
  • 地址管理:为药品配送服务提供了完善的地址簿功能。
  • 我的挂号:查询历史预约记录。




5. 排队候诊及诊疗服务

延伸服务场景,减少线下奔波。

  • 排队候诊:实时展示当前的叫号状态和前方等待人数,缓解患者候诊焦虑。
  • 报告查询:检验检查报告出具后自动推送,患者可随时在线查看 PDF 报告单。
  • 门诊缴费:提供各类检查、化验、药品的在线支付功能。



6 消息中心

提供在线业务提醒,方便患者在约定时间进行就诊


第二部分:管理后台

后台系统的设计目标是降低运营成本,提升管理效率。

1. 科室管理

设计了多级科室维护的后台功能。

  • 无限级结构:左侧树形导航清晰展示科室层级(内科 -> 呼吸科)。
  • 便捷操作:支持直接在树上新增子科室,右侧实时编辑科室名称、编码、图标和状态。所见即所得的操作体验,大大降低了上手门槛。

2. 用户档案

为了更好地服务患者,我们构建了简易的 CRM 系统。

  • 用户画像:列表展示注册用户的基本信息、最后登录时间。
  • 关联数据:展开详情即可查看该账号下绑定的所有就诊人以及历史挂号订单,帮助客服人员快速排查问题。


3. 经营概况

数据驱动决策,一屏掌握医院运营脉搏。

  • 核心指标:实时展示今日挂号量、门诊收入、新增用户数等关键 KPI。
  • 趋势分析:通过可视化图表(折线图/柱状图)展示近一周的业务趋势,辅助管理层进行资源调配。

4. 医生与排班管理

灵活的人力资源配置中心。

  • 医生档案:统一管理全院医生信息,支持关联科室、职称及擅长领域。
  • 排班设置 :可视化的排班日历,支持按周/月视图查看,灵活调整医生出诊时段(上午/下午/夜诊),自动生成小程序端号源。


5. 排队管理

提供便捷的叫号管理功能,提供签到、复诊、过号各种操作。

  • 队列监控:实时展示各诊室的候诊队列、过号队列。
  • 叫号操作:护士可一键进行"顺呼"、"重呼"、"优先"或"过号"操作,数据实时同步至诊区大屏和小程序端。

6 订单中心

为管理员提供订单查询功能,可以在线发起退费

7. 医生工作台

专为门诊医生打造的轻量级工作站。

  • 患者列表:左侧自动同步待诊患者队列,支持快速切换。
  • 电子病历:结构化录入主诉、现病史及诊断结果。
  • 处方开立:支持药品检索与添加,自动计算费用,一键生成电子处方并推送至患者端缴费。

8 消息中心

提供在线消息查看的功能

总结

这套原型通过 C端服务的深度场景化 和 B端管理的精细化,构建了一个完整的互联网医院服务闭环。

  • 对患者:是省时省心的就医助手。
  • 对医院:是降本增效的管理工具。

希望这个案例能给大家在医疗数字化产品的设计上带来一些灵感!欢迎在评论区交流讨论。

相关推荐
长沙三为智能科技9 小时前
家政小程序门店运营模块设计:会员、下单、派单、结算四段链路的落地拆解
python·小程序·内容运营
weixin_1772972206910 小时前
回收小程序做自营还是撮合?先看你手里有什么
小程序
andrsted11 小时前
练题簿在线免费刷题:Word、PDF 导题与预览补全,把现成资料变成可练习题库
微信小程序·小程序·pdf·word·学习方法·刷题
AI行业应用研究11 小时前
会务信息载体的演进:纸质、PDF 与结构化数据源的分发成本与版本一致性
大数据·人工智能·安全·小程序·架构·pdf
Geek_Vison11 小时前
保险APP已经用了Flutter,还能接入小程序吗?
flutter·小程序·uni-app·mpaas·小程序容器
Geek-Chow19 小时前
05.03 · n8n 源码剖析:Webhook 接入层 Webhook Ingress
低代码
加班循环20 小时前
前端嵌入低代码页面:iframe与微前端的取舍
低代码
内存过载20 小时前
流程实例状态追踪:事件溯源模式的应用
低代码
像素是个问题20 小时前
慢查询排查实战:业务报表SQL优化路径
低代码
FX1317887KP_20 小时前
从KET到PET口语进阶:词汇量翻倍后,口语如何跟上?
小程序·ket口语·pet口语·fce备考·剑桥英语