Axure项目实战:智慧城市APP(完整交互汇总版)

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

课程主题:智慧城市APP

主要内容:主功能(社保查询、医疗信息、公交查询等)、活动、消息、我的页面汇总

应用场景:各类政务型APP均可参考

案例展示:

案例视频:

智慧城市APP


正文内容:

整体APP介绍:为了更好的落实关于政务数据便民服务政策要求,汇聚社保中心、医保局、公交公司、发改委等相关部门公共服务数据,建立本市智慧城市便民服务平台(APP);平台打造"一个号码登录、一个服务入口、一个资源库、一个APP畅享"的四个一目标,建设政务服务、交通出行、社保服务、医疗服务、教育服务、就业服务、城市资讯、市民互动等8大功能栏目,建成后平台将为市民提供生活、出行、教育、就业等方面的便民服务事项,畅通政府与公众的沟通通道,展示城市形象新窗口。

功能要求:项目产出APP一个,需包含政务公告、公交查询、社保查询、医疗信息、教育成绩查询、就业信息、新闻资讯、市民互动八个功能;

效果要求:

  1. 政务公告、新闻资讯、就业信息、医疗信息四个功能需具有滚动式信息窗口,实现二级页面,可返回首页;
  2. 公交查询、社保查询、教育成绩查询三个功能需可跳转二级页面,三级页面,实现完整的查询结果和返回;
  3. 市民互动功能需提供录入弹窗,实现互动以及状态变更;
  4. 平台需建设注册登录入口以及密码修改重置;

1、首页原型及交互

2、政务公告

3、公交查询

4、社保查询

5、教育查询

6、医疗信息

7、就业信息

8、新闻资讯

9、市民互动

10、活动

11、消息

12、我的

本课小结:这个项目是几年前做的,政务型的APP业务逻辑不复杂,功能区分也很明确;主要应用的元件包括动态面板、热区、文本框、矩形、文本域、复选框、单选按钮等;主要交互包括显示与隐藏、设置选中、选中、设置动态面板状态、移动、设置文本等;从整体Axure设计角度来说,难度中等,因为没有涉及到中继器,页面较多,交互全部做完100+页面;关于没有页面的详细设计在下方直通车里有链接,可点击。


相关课程直通车:

Axure项目实战:智慧城市APP(一)首页(动态面板、拖动效果)_axure实现磁性拖动效果-CSDN博客

Axure项目实战:智慧城市APP(二)(动态面板叠加、移动、倒计时等高级交互)-CSDN博客

Axure项目实战:智慧城市APP(三)(显示与隐藏、单选按钮交互)-CSDN博客

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

Axure项目实战:智慧城市APP(五)新闻资讯、就业信息(动态面板)-CSDN博客

Axure项目实战:智慧城市APP(六)市民互动(动态面板、显示与隐藏)-CSDN博客

Axure项目实战:智慧城市APP(七)(显示与隐藏、动态面板)-CSDN博客

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

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

相关推荐
小薛博客14 小时前
3、整合前端基础交互页面
java·前端·ai·交互
Light6016 小时前
重塑界面交互新体验 —— 深度解析 Syncfusion EJ2 拖拽功能
状态模式·交互·前端优化·draggable·syncfusionej2·拖拽交互·droppable
智慧城市指北公众号16 小时前
数字孪生城市技术应用典型实践案例汇编(22个典型案例)(附下载)
智慧城市·数字孪生·典型案例
pink大呲花1 天前
使用 Axios 进行 API 请求与接口封装:打造高效稳定的前端数据交互
前端·vue.js·交互
大有数据可视化1 天前
智慧城市:如同为城市装上智能大脑,开启智慧生活
人工智能·生活·智慧城市
字节王德发2 天前
MyBatis如何配置数据库连接并实现交互?
数据库·mybatis·交互
异常驯兽师2 天前
JSON:数据交互的轻盈使者——从基础语法到实战应用
java·json·交互
emoji1111114 天前
vue3、原生html交互传值
vue.js·html·交互
全宇宙最最帅气的哆啦A梦小怪兽4 天前
【Axure绘制原型】图片切割、交互动效、热区、动态面板、元件显示隐藏、表单元件、表格、内联框架
产品经理·axure