監管大屏系統 煤礦安全監管系統視覺化大屏展示設計

2021-10-13 00:12:55 字數 1814 閱讀 5358

專案背景

近年來隨著網際網路資訊科技的發展,各行業的遠端資料監控系統應用日益廣泛,在能源、礦產行業尤其突出。能源、礦產行業作業都在環境惡劣的偏遠地區進行,監管部門需要遠端實時掌握生產作業的安全情況,以實現風險監管、**以及處理。如何架構符合目標使用者習慣以及真實使用場景的資訊及互動介面,實現降低管理成本、提高作業效率的目的,成為了此次專案的初衷。

注:來自網路

視覺化資料需要基於使用者業務場景

本專案的核心工作是煤礦風險統計介面的互動及視覺定義,系統展示載體為大屏。大屏展示系統的核心是對資料資訊的處理及描述,最終以視覺化的方式呈現給使用者,又稱為資料視覺化。然而,若脫離真實使用者需求及使用場景,沒有依據的盲目設計,資料最終的呈現也無法滿足真實業務需求。簡立方以使用者需求為設計核心,幫助客戶重新梳理出業務目標使用者,圍繞使用者分析資料需求以及資料之間的展示層級關係,最終將需求落地到頁面, 合理的將風險統計資料在大屏上實現視覺化,把相對複雜、抽象的資料以目標使用者更易懂的方式呈現出來。

目標使用者分析

使用者角色不同,對同一產品的需求也會有差異,通過需求溝通以及訪談,我們最終確定產品核心使用者分為各級領導、監控作業人員兩類,並對兩類使用者的需求進行了差異化分析。領導主要關注概覽資料,而監控作業人員除了概覽總體資料之外,也有檢視詳細次級資料的需求,設計中我們需要圍繞這兩類使用者去平衡資料的呈現。

功能需求點分析

從原版介面資訊以及與客戶的溝通中我們得出,在大量冗雜資料中檢視需求,容易造成互相干擾以及認知的困惑,我們根據使用者需求以及場景關聯分析對頁面資訊進行了重新的歸類以及分級。

原版問題點分析

通過需求調研並配合快速走查,簡立方歸納出原版介面的問題點,有效指導後續設計,在後續設計過程中針對性的進行優化、規避以及反覆驗證,有效的指導整個設計流程。

原版大屏介面設計問題點如下:

重新定義資料呈現方式

結合大屏使用環境,我們對頁面配色進行了重新定義。保留使用者對風險等級的顏色認知習慣,對原始等級配色進行微調,以保證色相之間的和諧度。介面展示空間為室內,日常燈光採光均勻,介面以暗色白字為主色調可以在突出資料的展示的同時增加科技感,各風險資料圖表也更醒目。

資料的展示應該服務於內容、服務於需求,我們在設計中弱化了形式化的設計,以內容優先。同時好的設計也需要考慮技術的可實施性,設計中我們要應該更多的考慮降低實現成本,抓住重點,最終我們採用了扁平化的圖表處理,兼顧了實現成本與載入效率。

原版的資料圖表把所有資訊同時堆疊在介面中,大而全的做法看似能讓觀者看到更多資訊,其實無形中加大了觀者的閱讀成本,需要使用者自行比對不同圖表中相關資訊的關聯。同時除了一級風險,其他風險等級的城市排行是沒有辦法檢視的,進而喪失了排行資料檢視的意義。根據展示的資料型別和客戶資料檢視需求,我們進行了重新的資料圖選型,將原來圖表用型錯誤、資料混亂的資訊也重新整合,最終選定餅圖、條形圖以分別檢視檢視「構成型」資料和「比較型」資料(排行)。

本系統的使用者為「各級領導」和「監控作業人員」兩類,大屏系統資訊展示的原則為先總覽後細節,領導需要檢視的更多的是總覽資料,資訊過多反而造成閱讀的低效,因此我們將次級詳細資料設計成了滑鼠移入後可檢視的方式,滿足監控作業人員檢視詳細資料的需求。

大屏在資訊展示、資料分析以及監控預警三方面有豐富的應用,由於面積大、可展示資訊多的特點,通常給人以震撼的視覺感受,但是不能一味為了追求視覺上的酷炫效果而脫離業務場景、資訊展示邏輯,同時也需要考慮開發的可實現性。本案例也只是對執行過程的關鍵點做了簡單回溯, 簡立方通過在流程中介入專業分析研究方法,協助客戶挖掘出使用者分類以及真實的使用者需求,讓設計有據可依,最終實現業務目標,我們的方案也在獲得客戶「超預期」的評價。隨著大資料、企業資訊化的發展,大屏資料視覺化的應用一定會越來越廣。最後,結合我們其他大屏專案執行經驗,我們總結了「使用者分級、內容優先、架構清晰、資訊分級準確、技術可實現」五條視覺化大屏展示系統的設計原則以供共同**優化。

煤礦安全檢測技術與監控系統

安全生產監測檢測系統的組成 地面中心站 井下分站 感測器與控制器 未來發展趨勢 資訊化網路化自動化智慧型化 開拓方式 平硐開拓 立井開拓 斜井開拓 礦井空氣中的主要成分 氧氣氮氣 二氧化碳 一氧化碳最高允許濃度 0.0024 礦井氣候條件要求 安全監控檢測相關規定 備份3個月 儲存超過兩年 通訊電纜...

火車站資訊服務系統之LED大屏顯示

最近比較忙,有一段時間沒有更新blog了。一是忙隧道廣告通訊系統公升級工作 兩個方案同時做,linux和wince方案 二是忙北京南站的資訊服務系統,由於該專案我們介入的比較晚,主要是參與型廠商 系統方面是這樣,不過led大屏方面也許不錯,它是系統和led大屏分開招標的 不管怎麼樣,死馬也得當活馬醫...

火車站資訊服務系統之LED大屏顯示

最近比較忙,有一段時間沒有更新blog了。一是忙隧道廣告通訊系統公升級工作 兩個方案同時做,linux和wince方案 二是忙北京南站的資訊服務系統,由於該專案我們介入的比較晚,主要是參與型廠商 系統方面是這樣,不過led大屏方面也許不錯,它是系統和led大屏分開招標的 不管怎麼樣,死馬也得當活馬醫...