年终决算指标监控
年终决算关注全行经营指标。经讨论，移动端不沿用大屏的分区地图，首屏集中呈现资产、收入、存款和贷款，数量指标与经营趋势随后展开；分支行排行与明细在对应模块查看。
00 / 广东农信 · 可视化移动端
让数据更便携
把大屏上的业务监控，延伸到手机。
面向领导与运维人员移动查看的竖屏 H5，让关键指标与保障进度在手机上也能清晰呈现。
- 产品定位
- 业务监控可视化移动端 H5
- 使用对象
- 领导与运维人员
- 项目状态
- 六个主题已全部上线并通过验收
01 / 背景与目标
项目背景与设计目标
项目简介
广东农信数据可视化平台为领导与运维人员提供业务监控与决策支持，覆盖双十一、春节、年终决算等业务保障场景，以及系统、网络和同城切换演练，集中呈现关键指标、运行状态与执行进度。
建设背景
原有大屏用于指挥室的集中监控与调度。为满足离开现场后的查看需求，项目将业务内容延伸到手机，形成“大屏集中指挥、移动端随时查看”的配合方式。
设计目标
沿用大屏的业务内容与模块关系，针对竖屏与触控重新安排信息顺序、图表和导航，支持从整体情况进入具体机构、系统或任务。
载体变化设计处理
横向全景变为竖向小屏
按业务重点安排顺序，保留核心信息。
鼠标操作变为手指触控
调整图表选时与导航，给操作留出空间。
集中观察变为随时查看
先呈现整体情况，再继续查看具体对象。
02 / 统一入口与查看方式
进入主题，再按需切换模块
首页集中组织六个主题。进入后直接阅读监控内容，上滑收起品牌区域，再通过目录定位同级模块。
01 首页选择主题
02 上滑继续阅读
03 菜单定位模块
模块导航的方案选择
机构排行与任务清单的数量不固定，长页面难以直接定位，因此在上滑后的页头提供模块目录，方便按需查看。
主题选择
首页按业务保障与切换演练组织六个主题。
同级切换
目录切换同一主题中的模块，保留当前保障或演练场景。
对象详情
从列表查看机构、系统或任务，返回后继续原列表。
03 / 主题转换
同一套查看规则，适配六类业务场景
界面数值为设计示例。
04 / 图表与信息表达
图表优化
主题解决不同业务场景；图表则按排行、进度、趋势与关系等信息任务统一处理。下面集中说明共用规则。
图表类型梳理
基础图表类
- 曲线图
- 柱状图
- 环形图
- 条形图
- 堆叠柱状图
特殊结构类
- 链路结构图
文字列表类
- 任务列表
- 排行列表
减少重复理解
设计目标是统一不同主题下同类图表的表达，让用户切换主题时沿用已有的阅读方式。
便于开发复用
统一同类图表的样式与交互规则，为开发复用提供一致的设计依据。
便于维护和更新
将数值、单位、状态与选中反馈纳入共用规则，便于后续更新。
排行列表
任务列表
曲线图
条形图与环形图
链路结构图
柱状图与堆叠柱状图
05 / 整体界面与视觉一致性
六个主题的界面呈现
六个主题沿用共同的导航、指标与图表样式，同时保留各自的地图、节日装饰和设备素材。
标题与指标层级
模块标题、指标标签和数值采用分级字号，数值与单位分开处理。
状态颜色与图形
涨跌变化用颜色与箭头标记；演练进度和设备状态结合文字、色彩与图形呈现。
主题素材延续
品牌标识和主题数字样式延续到移动端，节日装饰、地图和设备图形按场景保留。
年终决算
双十一
春节保障
三月切换
七月切换
六月切换
