甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

mnrssj發表於2019-04-17

在前兩篇文章中我們瞭解到顏色在甘特圖中也有不同的作用。其中顏色在甘特圖中扮演著三個角色,才能使甘特圖對使用者有意義。

  • 顏色決定甘特圖的外觀。
  • 顏色還可以用來定義甘特圖的語義。因此,它們幫助使用者更快地理解甘特圖所呈現的完整且常常複雜的現實。
  • 顏色還可以為甘特圖提供智慧,從而使使用者更快地做出關鍵決策。

我們接著來介紹如何使用顏色來更好的調整甘特圖的外觀。

如何使用智慧顏色來調整甘特圖外觀?

Tip9:短小以及後續活動的著色

我們經常觀察到許多活動(有時數千,甚至上萬)都顯示在甘特圖中。這種情況在製造環境中很常見,使用者通常需要一個“機器檢視”來顯示給定時間段內機器的繁忙程度。當生產訂單或操作非常短(有時只需要幾分鐘就可以完成)時,就很難區分它們了。

我們有一個最佳實踐的示例:為不同的生產訂單使用不同的顏色,而不為節點使用黑色邊框。這有助於建立對單個操作的關注,並更清楚地瞭解各種機器上正在發生的事情。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

Tip10:使用自底向上和自頂向下的可視警報

如果您使用甘特圖進行控制,那麼您通常會對當前情況的清晰和精確的概述感興趣。特別是在事情似乎失控的情況下,你需要立即看到問題。假設您有一個甘特圖,其中顯示了按資源分組的節點,每個節點表示一個生產訂單的操作。現在可能是一個操作太遲了,因此相應的訂單無法及時完成。

如何以一種容易注意到風險並找出造成延遲的操作的方式視覺化警報?第一種方法是:如果操作太晚,則顯示一個額外的紅色層來警告延遲。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

這種解決方案的缺點是,如果圖表由許多行組成,並且圖表跨度很大,則必須在水平和垂直方向上滾動很多。如果組崩潰,則根本看不到任何警報層。因此,下一步您可以在分組級別的灰色摘要欄頂部新增一個額外的紅色層。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

用同樣的方法,您可以在每個上層分組級別上用紅色警報層標記延遲。通過這種方式,警告將被推到最高的分組級別。這樣,您可以確保在自頂向下檢視中也能看到所有自底向上警報。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

Tip11:使用上下文敏感的節點顏色和層

甘特圖的目的不應該只是視覺化資料,尤其是不應該視覺化所有資料。然而,這是我們全面觀察到的一種典型方法。我們認為應該構建甘特圖來支援使用者更快地做出業務關鍵決策。因此,不僅要將所有資料呈現給使用者,而且要將使用者的焦點指向與決策相關的資訊。最終,使用者應該只關注那些需要他注意的活動或任務,併為此採取糾正措施。下面是一些上下文敏感的節點顏色和層的例子。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

並不是只改變顏色。在該欄的外觀上,還可以向欄中新增符號,以提供與上下文相關的資訊。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

當然,對於每個甘特圖,您並不侷限於一種形式,您可以組合進行。但是,我們強烈建議您限制使用可視警告的數量。記住:您想要使用它們來顯示計劃中的關鍵異常,並且它們應該指出需要使用者立即反饋的任務。如果每個任務都被標記為critical,那麼您將無法實現這一點。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

最後,您還可以使用額外的層將使用者的注意力指向甘特圖中表示的時間表的關鍵部分。同樣,每個節點不限於一個層,但是可以應用不同的層。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

Tip12:將使用者警報應用到甘特圖表

與警告顏色或警告層一樣需要注意的是,它們也面臨著一個固有的弱點:只有當實際的欄在螢幕上可見時,它們才可見。然而,有時甘特圖必須掌握提供高層次圖片的傳播。

因此,我們的許多客戶使用甘特圖進行粗略的規劃和詳細的規劃。在粗略的計劃中,他們會檢視多個星期甚至幾個月的生產計劃,而在詳細的計劃中,他們會關注幾天或幾個小時。當然,在詳細檢視中,bar級別上的顏色警告起著重要的作用。

然而,這些資訊在粗略的規劃中丟失了,因為使用者永遠不會在一個螢幕上看到所有的節點。因此,我們強烈建議將決策相關的資訊(如交付時間承諾)作為指示器欄位包含到甘特圖的表中。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

Tip13:如何視覺化完成百分比

甘特圖總是視覺化與時間相關的計劃資料。我們經常觀察用例,在用例中,完成特定工作或任務的百分比對於計劃者來說是一個重要的資訊。

將完成百分比視覺化的最佳實踐建議是在任務層的頂部新增一個“資訊層”。您可以從下面的示例中看到,可以選擇多種替代方法。我們建議您結合“警報層”的設計來決定這些層,以便甘特圖突出顯示與使用者相關的資訊。

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

甘特圖看起來很生硬?教你使用智慧顏色裝飾你的甘特圖!(三)

如果您專門為流程行業開發甘特圖,那麼這些層可能具有誤導性。許多垂直領域的使用者不會從左到右思考,而是從下至上思考:對他們來說,完成的百分比通常等於填充級別。在這些情況下,我們建議使用以下視覺化方法。

掌握了這13點,你就能在甘特圖中靈活的使用顏色去美化和完善你的甘特圖。想要嘗試一下嗎?趕緊下載最新載試用版吧!


相關文章