江海堤防綜合治理智慧大屏可視化設計

發(fā)表于： 2024-05-14

項目背景

為進一步加強沿江沿海岸堤安全防范和綜合治理工作，根據(jù)市委市政府部署牽頭打造江海堤防綜合治理智慧工程。按照堅持“立足預防、綜合施策”總原則，運用互聯(lián)網(wǎng)、大數(shù)據(jù)、云計算、人工智能等技術手段，圍繞沿江沿海生態(tài)保護、禁漁禁采、船舶管理、防汛防臺、打擊走私、旅游安全管理、灘涂管理、日常風險防控等重點工作，切實提升綜合治理水平與應急處置能力。

堤防綜合治理的實際需求，包括防洪、排澇、水資源管理等方面的需求，設計時主要考慮實時數(shù)據(jù)、監(jiān)測信息應準確、及時地展示在界面上，方便用戶了解堤防狀況。利用圖表、地圖等可視化手段，將復雜的數(shù)據(jù)和信息以直觀的方式呈現(xiàn)給用戶。注意信息的層級和優(yōu)先級，確保重要信息能夠突出顯示，預警信息要突出顯示以便操作人員快速解決。

項目概述

產(chǎn)品定位

建設“全域覆蓋”技防體系，建立專職巡防隊伍，推行網(wǎng)格化服務管理模式，努力打造“一鍵聯(lián)動、一圖展示、一屏指揮”現(xiàn)代化江海堤防綜合治理模式，實現(xiàn)沿江沿海“全天候、全時段、全過程”巡防監(jiān)控，及時發(fā)現(xiàn)、處置各類違法違規(guī)行為和風險隱患，構建職責清晰、分級負責、上下貫通、部門聯(lián)動、運行高效的江海堤防綜合治理體系。

目標用戶

工程管理人員：負責監(jiān)督和管理整個堤防治理工程，需要實時監(jiān)控各項指標和數(shù)據(jù)；

政府監(jiān)管部門：相關環(huán)保、水利或城建等部門的監(jiān)管人員，需要監(jiān)控工程進度和效果，確保符合標準；

緊急應急人員：負責處理突發(fā)事件和緊急情況的人員，需要快速獲取現(xiàn)場信息做出相應反應；

研究人員：從事相關領域研究的學者或科研人員，可能需要獲取實時數(shù)據(jù)進行分析和研究。

設計風格

藍色科技感設計風格以藍色為主導色調(diào)，突出冷靜、專業(yè)和現(xiàn)代感。運用深淺不同的藍色調(diào)配合白色字體，呈現(xiàn)出科技感強烈的視覺效果。高對比度的設計風格使關鍵信息更突出，GIS動態(tài)效果和互動元素增加用戶體驗。藍色科技感設計常見于科技產(chǎn)品、數(shù)字平臺，傳達著穩(wěn)健、創(chuàng)新與可靠性的形象，吸引注重技術與現(xiàn)代感的受眾，展現(xiàn)出科技與未來的融合之美。

設計亮點

數(shù)據(jù)信息整合，增加關鍵數(shù)據(jù)，助力用戶風險管理

左側信息之前有“風格不統(tǒng)一、圖表樣式不美觀、環(huán)形圖顏色搭配不協(xié)調(diào)、有些文字在深色界面上顯示不清晰”等痛點。

在設計過程中增加了「氣象要素」模塊，因為提防發(fā)生災害多半可以和天氣相掛鉤的，增加氣象要素可以很好的預測未來的天氣現(xiàn)象，在有極端天氣的時候可以提前做預防工作，最大程度減少損失。同時將巡更、巡檢和視頻的統(tǒng)計整合在一起輪播顯示，可以增加顯示數(shù)據(jù)的區(qū)域。

設計前后對比

清晰化數(shù)據(jù)展示提高可讀性

右側主要是原型主要是平臺視頻的統(tǒng)計，主要有顯示數(shù)據(jù)比較單一，模塊排版不清晰，數(shù)據(jù)展示不清晰等痛點。

調(diào)整后增加了「物資情況」「巡查打卡明細」「人員職責表」等模塊，在減少操作的技術上展示更多的信息量。最上邊的視頻區(qū)域分成「視頻監(jiān)控」「PPT展示」和「無人機」展示三個部分。整個右側模塊排版清晰，便于用戶查找信息，從而提高工作效率。