防汛資訊系統 UI 優化UI optimization of flood control information system
By Robben HsiehUI/UX Designer
Translated by GoogleShow original (zh-TW)
我的角色：UI Flow、Wireframing、Mockups、Prototyping、Visual Graphic Design。 在政府有意推動中央管區域排水治理計畫下，桃園市政府積極執行智慧水管理的計畫。而該地方政府針對各地河川感測器所收集的資料，希望能夠將數據視覺化並有設計出一套有利於遠端判定汛期危險程度的系統。 在傳統汛期判斷時，大多倚靠現場人員的災情回報，以及依據短時降雨量進行預測，但是無論是前者或者是後者判斷的準確性都有待商榷。長官可以依據經驗來進行預測，但是設備管理人員或者是現場管理人員就顯得很被動。因此規劃出的系統需要有幾點功能「利於預測判斷」、「歷史資訊對比」、「感測器分布」等。 而我們針對相關人員訪談後，我們得出以下幾點需求: 我們需要視覺化資訊來呈現 IoT 後數據的意義。我們需要確保資料的完整度，包含傳訊期間不掉包以及數據完整度。我們需要 GIS 來呈現點為分布，迅速掌握汛期概況。我們需要資料搜尋功能，來網羅歷史資訊以製作報告或研究。我們需要 CCTV 來觀看即時影像，從影像與資訊雙向判斷汛期危險程度。 經過 Surveys, Sketches, Wireframing, User Testing, UI Design (Mockups), Prototyping 後製成 3 次迭代設計，53 張 Mockups 並增加 20% 操作易用性。
My role: UI Flow, Wireframing, Mockups, Prototyping, Visual Graphic Design. As the government intends to promote the central management of the regional drainage management plan, the Taoyuan City Government actively implements the smart water management plan. The local government hopes to visualize the data collected by various river sensors and design a system that is conducive to remotely judging the degree of danger during flood season. In the traditional flood season judgment, most of them rely on the disaster return of the on-site personnel and forecast based on the short-term rainfall. However, the accuracy of the judgment of either the former or the latter is open to question. The chief can make predictions based on experience, but the equipment management personnel or on-site management personnel are very passive. Therefore, the planned system needs to have several functions "facilitate prediction and judgment", "historical information comparison", "sensor distribution" and so on. After we interviewed relevant personnel, we came up with the following requirements: We need visual information to show the meaning of post-IoT data. We need to ensure the integrity of the data, including packet loss during transmission and data integrity. We need GIS to present the distribution of points and quickly grasp the overview of the flood season. We need a data search function to collect historical information to produce reports or research. We need CCTV to watch real-time images, and judge the degree of danger in flood season from both images and information. After Surveys, Sketches, Wireframing, User Testing, UI Design (Mockups), Prototyping, 3 iterations of the design, 53 mockups and 20% increase in ease of use.