江海堤防综合治理智慧大屏可视化设计

发表于:

交互设计 | UI设计 | 大屏设计 | 图标设计

01

项目背景

为进一步加强沿江沿海岸堤安全防范和综合治理工作,根据市委市政府部署牵头打造江海堤防综合治理智慧工程。按照坚持“立足预防、综合施策”总原则,运用互联网、大数据、云计算、人工智能等技术手段,围绕沿江沿海生态保护、禁渔禁采、船舶管理、防汛防台、打击走私、旅游安全管理、滩涂管理、日常风险防控等重点工作,切实提升综合治理水平与应急处置能力。

堤防综合治理的实际需求,包括防洪、排涝、水资源管理等方面的需求,设计时主要考虑实时数据、监测信息应准确、及时地展示在界面上,方便用户了解堤防状况。利用图表、地图等可视化手段,将复杂的数据和信息以直观的方式呈现给用户。注意信息的层级和优先级,确保重要信息能够突出显示,预警信息要突出显示以便操作人员快速解决。

02

项目概述

产品定位

建设“全域覆盖”技防体系,建立专职巡防队伍,推行网格化服务管理模式, 努力打造“一键联动、一图展示、一屏指挥”现代化江海堤防综合治理模式,实现沿江沿海“全天候、全时段、全过程”巡防监控,及时发现、处置各类违法违规行为和风险隐患,构建职责清晰、分级负责、上下贯通、部门联动、运行高效的江海堤防综合治理体系。

目标用户

工程管理人员:负责监督和管理整个堤防治理工程,需要实时监控各项指标和数据;

政府监管部门:相关环保、水利或城建等部门的监管人员,需要监控工程进度和效果,确保符合标准;

紧急应急人员:负责处理突发事件和紧急情况的人员,需要快速获取现场信息做出相应反应;

研究人员:从事相关领域研究的学者或科研人员,可能需要获取实时数据进行分析和研究。

设计风格

蓝色科技感设计风格以蓝色为主导色调,突出冷静、专业和现代感。运用深浅不同的蓝色调配合白色字体,呈现出科技感强烈的视觉效果。高对比度的设计风格使关键信息更突出,GIS动态效果和互动元素增加用户体验。蓝色科技感设计常见于科技产品、数字平台,传达着稳健、创新与可靠性的形象,吸引注重技术与现代感的受众,展现出科技与未来的融合之美。

03

设计亮点

数据信息整合,增加关键数据,助力用户风险管理

左侧信息之前有“风格不统一、图表样式不美观、环形图颜色搭配不协调、有些文字在深色界面上显示不清晰”等痛点。

在设计过程中增加了「气象要素」模块,因为提防发生灾害多半可以和天气相挂钩的,增加气象要素可以很好的预测未来的天气现象,在有极端天气的时候可以提前做预防工作,最大程度减少损失。同时将巡更、巡检和视频的统计整合在一起轮播显示,可以增加显示数据的区域。

案例
箭头

设计前后对比

案例详情

清晰化数据展示提高可读性

右侧主要是原型主要是平台视频的统计,主要有显示数据比较单一,模块排版不清晰,数据展示不清晰等痛点。

调整后增加了「物资情况」「巡查打卡明细」「人员职责表」等模块,在减少操作的技术上展示更多的信息量。最上边的视频区域分成「视频监控」「PPT展示」和「无人机」展示三个部分。整个右侧模块排版清晰,便于用户查找信息,从而提高工作效率。

案例
箭头

设计前后对比

案例详情
微信二维码

快速咨询

欢迎进群每天推

送国际优秀设计

立即咨询

将您的信息告诉我们,我们将尽快与您联系!或发需求至邮箱weihua@lanlanwork.com