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

發(fā)表于:

交互設計 | UI設計 | 大屏設計 | 圖標設計

01

項目背景

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

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

02

項目概述

產(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)出科技與未來的融合之美。

03

設計亮點

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

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

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

案例
箭頭

設計前后對比

案例詳情

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

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

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

案例
箭頭

設計前后對比

案例詳情
微信二維碼

快速咨詢

歡迎進群每天推

送國際優(yōu)秀設計

立即咨詢

將您的信息告訴我們,我們將盡快與您聯(lián)系!或發(fā)需求至郵箱weihua@lanlanwork.com