Axure项目实战:智慧城市APP(四)医疗信息(动态面板、选中交互应用)

亲爱的小伙伴,在您浏览之前,烦请关注一下,在此深表感谢!

课程主题:智慧城市APP医疗信息模块

主要内容:医疗信息模块原型设计与交互

应用场景:医疗信息行业

案例展示:

案例视频:

屏幕录制 2025-03-23 163712


正文内容:

医疗信息模块包含本市整体医院分类查询、预约挂号、医保查询、医疗政策信息等内容,使用者可以通过本模块快速了解本市医疗行业基本信息,进行医疗就诊服务。

主要功能:医疗政策、医院查询、预约挂号、医保查询、寻医问诊

医疗信息首页:建设标题、Banner图区、功能区以及最新政策等栏目;比较简单,参照图例制作即可;

图28

医院分类页面:建好其他功能的页面,医院分类页面中包含搜索、分类检索;分类检索通过动态面板来实现;

图29

图30

图31

检索结果页面设计:这部分内容比较多,从State1-8,分别对应条件筛选的每一种结果输出,页面默认结果=State1;医院性质(公立医院、民办医院)=State2、State3;医院等级(三级甲等、三级乙等)=State4、State5;所属地区(裕华区、新华区)=State6、State7;搜索结果=State8;

图32

图33

参照图33,依次做出其他搜索结果页面;

医保查询页面:包含参保信息、缴费信息、消费信息、账户明细四个功能;

图34

因为业务逻辑关系,医保查询下的功能实现需要通过页面跳转来实现更能达到好的用户体验,所以我们还要建设四个子页面,具体内容如下:

参保信息页面:

图35

缴费信息页面:

图36

消费信息页面

图37

账户明细页面

图38

预约挂号页面

图39

图40

寻医问诊页面

图41

本课小结:在医疗信息模块中较多使用了显示与隐藏、移动、选中等交互效果,动态面板作为主要使用元件;之前两节课也较多的应用了动态面板,可以看出动态面板作为优秀的承载动态内容的重要性,希望大家勤加练习,照着案例多做几次,熟能生巧,理解动态面板的价值。


相关课程直通车:

Axure设置面板状态------元件动作二-CSDN博客

Axure重要元件一------动态面板_axure面板-CSDN博客

Axure常用交互效果四------移动效果_axture-CSDN博客

Axure常用交互效果三------隐藏与显示_axure密码框怎么隐藏和显示-CSDN博客

如有其他相关问题,欢迎私信沟通,关注 结构化知识课堂-CSDN博客

明天的产品大咖就是你,创作不易,麻烦关注一下,点赞+收藏,感谢大家!

相关推荐
newsxun4 小时前
光智融合,空间新生|Jupiter SR 亮相光博会CIOE 2026
大数据·人工智能
海宇数据4 小时前
零信任架构实战:基于海宇柠檬查出险-登记证构建自动化残值评估网关
人工智能·python·架构·自动化
深度学习lover4 小时前
<数据集>蚜虫识别<目标检测>
人工智能·深度学习·yolo·目标检测·计算机视觉·蚜虫识别
孙启超4 小时前
【AI开发之Rust】第 1 课:认识 Rust 与开发环境 —— 装好工具链,跑通第一个程序
开发语言·人工智能·后端·ai·rust·安全架构
桃西西呀4 小时前
GPT-6 Astra 强到被锁起来:拆开它的 computer-use 架构、可搜索记忆与计费悬崖
人工智能·gpt·llm
开发笔记-阿牛4 小时前
嵌入式蓝牙开发:AC2005B 芯片技术解析 —— 省晶振设计、13dBm 射频与 Auracast 广播音响开发指南
人工智能·单片机·音视频
大树884 小时前
液冷系统的真正瓶颈,藏在那层不到1毫米的材料里
大数据·运维·服务器·人工智能·ai
ChampaignWolf4 小时前
SAP 官方 ABAP MCP Server 正式落地:ABAP 开发进入 Agentic AI 时代
人工智能·sap·abap·人工智能ai·mcp
Beyond_System|系统之外4 小时前
ChatGPT5.2_Codex_零基础图文手册
人工智能
码农哈丁4 小时前
用 Trait 给系统留出后路:RAG 存储层如何做到 5 种后端可插拔
人工智能·知识图谱·rag