網站Cookies的使用

我們與第三方合作,在我們的網站上放置cookies。 這些Cookies有助於提供使用者客製化內容、投放廣告和分析網站流量。以進而提供您更好的網頁瀏覽體驗。藉由點選“同意”或繼續瀏覽網頁的方式,您同意我們使用網站Cookies。之後,您仍可以管理是否要繼續使用網站與第三方合作的Cookies。

詳細資訊
善用圖表中的警戒色,為儀表板標出重點數據!
Judy 2021-8-26




  在儀表板進行數據分析時,有沒有注意過有時某些區塊會特別吸引你的注意力?能夠立即讓人聚焦並產生警覺性的色塊可稱之為「警戒色」。警戒色在儀表板中時常扮演重要角色,因為將這樣鮮明的顏色標示在儀表板上,通常代表該筆資料需要主管或負責人特別留意。

  根據資料視覺化專家Stephen Few所發表的文章(Dashboard Confusion, 2004),他曾提到:


  ❝ 儀表板(Dashboard)是一種視覺化的呈現,可以將為達特定目的所需的重要資訊呈現出來,且所有資訊皆能編排、整合在單一螢幕上,方便觀看者一眼掌握重點。 ❞


  可見抓出重要資訊是儀表板的其中一個主要目的,而警戒色就是能幫助觀者快速掌握重點的利器之一。

  由於資料特性或觀察目的的不同,大家會使用各式各樣的圖表或元件,例如:使用紅色在直條圖標出銷售量最高與最低的商品;又或者當工廠機台出現異常時,設定閃爍的黃燈圖示以提醒監控人員要查看機台是否出了問題。因此,本篇將依據控制項、圖表種類來為大家舉例警戒色可以如何使用。


  ◆ 燈號警戒 (視覺化控制項:Indicator)

  ◆ 儀表警戒 (視覺化控制項:Gauge)

  ◆ 表格警戒 (視覺化控制項:DataGrid、PivotGrid)


  不同顏色的燈號非常適合用於呈現製造流程中各階段的運行狀態,顏色組合可運用普遍熟悉的紅綠燈號,因為大家已有共識認為綠燈代表良好、黃燈代表警告、紅燈代表危險,當某階段出現異常時,可以黃燈或紅燈警告觀看者要注意這個階段的狀況。接下來,一起來看實際舉例:

食品工廠製造流程儀表板
圖1. 食品工廠製造流程儀表板

  一間食品工廠為了監控生產流程的每個階段,製作了上圖的流程儀表板,在每個階段都使用矩形燈號(視覺化控制項:Indicator)來顯示該階段的狀態,其中綠燈表示運作正常,黃燈表示警戒。目前的生產狀況如何呢?整個流程中,目前「成品冷卻」階段閃黃燈,表示這個階段可能出了問題,將滑鼠移到「成品冷卻」燈號上方,出現了冷卻溫度的儀表(圖2),顯示目前溫度為攝氏24度,位於警戒邊緣,因此相關負責人應密切關注此階段是否會過熱。

查看「成品冷卻」階段的溫度
圖2. 查看「成品冷卻」階段的溫度

  認識了此張儀表板的用途後,接下來了解燈號背後的設定。利用Indicator控制項,可選擇各色燈號所代表的溫度範圍,並選擇燈號是否閃爍,如下圖。(綠色:冷卻溫度小於24℃;橘色:冷卻溫度介於24~28℃,;紅色:冷卻溫度超過28℃)

燈號的設計畫面
圖3. 燈號的設計畫面

  儀表(視覺化控制項:Gauge)主要用來檢視某個數值是否有達標,或者是否有維持在特定範圍內,為了表示此數值所代表的不同狀態,通常會用紅綠燈的三色來表示其所介於的範圍。談到儀表,大家最先想到的無非是汽車駕駛座前的儀表,有刻度有指針,不過,其實儀表還有許多不同樣式,不妨來看看哪些儀表類型最適合您的資料。


  最常見的儀表類型就是大家所熟知有指針與刻度的儀表,並且會以顏色來區分每個數值範圍的狀態,如下圖。儀表上標出了四種飲料類別的金額、高標、低標,看指針所指的區塊能知道每項類別的達標狀況如何,奶茶類已達目標值,業績表現良好,而其他三類則介於目標值與低標之間,業績表現在標準之內。

儀表(Gauge)
圖4. 儀表(Gauge)
儀表的設計畫面
圖5. 儀表的設計畫面

  若想呈現百分比的資訊,適合使用此類型的儀表,此儀表可以運用在檢視專案進度、生產進度、KPI達成率、庫存空間等資訊。如下圖,可以看出KPI的達成率、專案進度完成了多少,或者庫存空間還剩多少。顏色設定 60%以下:紅色;60%-90%:黃色;90%以上:綠色。

專案進度
圖6. 專案進度
KPI達成率
圖7. KPI達成率
庫存空間
圖8. 庫存空間

  儀表在工廠裡很普遍,因此Smart eVision也有工廠風格的儀表提供給設計者使用,加上了工廠儀表或機台的圖示,能讓儀表板的觀看者快速理解目前正在檢視的數據屬於哪個機台。

工廠風格儀表
圖9. 工廠風格儀表

  表格雖然能夠一次瀏覽許多筆資料,但太多筆資料有時反而會讓人眼花撩亂,因此可以善用小圖示來清楚標示每筆資料的特性。

  以下表格列出了每條生產線的相關資訊,最後兩欄資料以圖示標出今年的銷售金額成長情形。透過燈號箭頭搭配警戒色,能讓成長情形一目了然,不用再自行比對今年「銷售金額」與「去年同期」兩者的變化,若要針對金額下滑的生產線進行分析,就能一眼找出資料。

表格中的圖示警戒
圖10. 表格中的圖示警戒

  以上圖表與控制項的設定多是運用「格式化條件」來設定顏色與高低標,在燈號(Indicator)、儀表(Gauge)、表格(DataGrid、PivotGrid)標示出警戒色,適時的顏色標示能讓畫面上的資料變得更加容易分析,更快速抓住關鍵資訊。


此篇分類於: #聯銓資訊 #Smart BI平台 #商業智慧 #Smart eVision #資料視覺化 #警戒色



我們的臉書粉絲團

我們的YouTube頻道

若有興趣請立即連繫:service@lcnet.com.tw

還沒有接收到聯銓最新消息?點選右上方的「註冊」加入會員,最新消息第一時間寄信通知您!