甘特圖是通過(guò)條狀圖來(lái)顯示項(xiàng)目，進(jìn)度，和其他時(shí)間相關(guān)的系統(tǒng)進(jìn)展的內(nèi)在關(guān)系隨著時(shí)間進(jìn)展的情況。利用甘特圖我們可以加快開(kāi)發(fā)速度，創(chuàng)造令人信服的、易于使用的可視化調(diào)度體驗(yàn)。同時(shí)，在使用智能甘特圖的過(guò)程中，規(guī)劃人員可以輕而易舉地采取糾正措施。

NETRONIC公司幾十年來(lái)一直致力于甘特圖的研究。其產(chǎn)品服務(wù)于軟件開(kāi)發(fā)人員、Microsoft Dynamics NAV可視化調(diào)度以及SMB終端客戶的生產(chǎn)調(diào)度等領(lǐng)域。

盡管可視化調(diào)度具有直觀性，但是我們知道這類更復(fù)雜的業(yè)務(wù)調(diào)度并不能通俗直觀的被人所理解。因此，為了更好的增強(qiáng)用戶的體驗(yàn)感，支持開(kāi)發(fā)出用戶喜愛(ài)的甘特圖，我們列舉了9個(gè)重要的設(shè)計(jì)技巧，與大家共享。

>>體驗(yàn)最新版VARCHART<<

技巧一：適應(yīng)現(xiàn)代UI

從Windows 8開(kāi)始，現(xiàn)代UI不僅對(duì)桌面或移動(dòng)應(yīng)用程序的設(shè)計(jì)，而且對(duì)網(wǎng)頁(yè)的設(shè)計(jì)都有重要的影響。現(xiàn)代UI最引人注目的元素是使用扁平的單色矩形(tile)，而不是由顏色漸變填充的3D形狀。

比如我們來(lái)舉個(gè)例子，將這個(gè)設(shè)計(jì)概念轉(zhuǎn)化為甘特圖:

• 使用單色矩形作為條形

  

• 不要用框架做邊框。當(dāng)然，在某些情況下，在bar中添加邊框是有意義的，例如，如果它們彼此緊密跟隨。在這種情況下，不要把它們涂成黑色，而是使用條形背景色，稍微調(diào)整一下色調(diào)，這樣圖層看起來(lái)就不會(huì)像塊了。

  

• 標(biāo)簽更多地使用白色。如果你想跟隨這一趨勢(shì)，在選擇背景顏色時(shí)，你必須確保白色密碼清晰可辨。如果你喜歡黑色字體，可以選擇深灰色，因?yàn)槿岷偷淖煮w顏色更適合眼睛。
• 對(duì)時(shí)間刻度和表區(qū)域使用相同的原則。

技巧二：彎曲層邊緣

如果操作被緊密地放置在彼此后面，一個(gè)扁平的左上角將有助于識(shí)別它們。在下圖中，彎曲的角落補(bǔ)充了一個(gè)有邊框的bar。所以單條更容易識(shí)別。

技巧三：小心使用陰影條

甘特圖中的陰影條會(huì)造成非常混亂的印象，因此應(yīng)該非常謹(jǐn)慎地使用。然而，在某些情況下，兩個(gè)不同的信息會(huì)顯示在一個(gè)表面上。下面的示例顯示了一個(gè)bar，它的顏色不能改變，因?yàn)閷宇伾蔡峁┝酥匾畔ⅲ允褂梅趸瘜⑹抢硐氲模蕾囉诔^(guò)到期日。

技巧四：表頭和時(shí)間刻度的統(tǒng)一

要想設(shè)計(jì)的甘特圖在視覺(jué)上看起來(lái)是統(tǒng)一的，其中一個(gè)重要技巧是合并表頭和時(shí)間刻度。

與此同時(shí)，你不應(yīng)該忘記使用一個(gè)愉快的對(duì)比色方案。例如，您可以使用灰色或藍(lán)色等暗而安靜的顏色作為背景，文本和時(shí)間刻度則使用白色。

技巧五：甘特區(qū)域設(shè)置中性背景

甘特圖由于包含了大量的信息，給眼睛帶來(lái)了真正的挑戰(zhàn):條形圖、符號(hào)圖、可視警報(bào)圖、網(wǎng)格圖、日期線、表示分組級(jí)別的縮進(jìn)圖等等。請(qǐng)確保為甘特區(qū)域選擇一個(gè)中性-白色背景。

技巧六：分組著色

在實(shí)踐中，許多甘特圖可視化了分組結(jié)構(gòu)。例如，操作按生產(chǎn)訂單分組，或者任務(wù)按分配給它們的資源分組。組的可視化得益于顏色的深淺，因?yàn)樗茏屢?guī)劃人員更快地識(shí)別子組。為頂層使用深色背景（通常也使用白色字體顏色），為底層使用灰色字體顏色。您還應(yīng)該在顏色方案的幫助下在表區(qū)域中創(chuàng)建“角度”，以便可視化子組的大小和結(jié)構(gòu)。

這種組的分級(jí)可視化還有一個(gè)好處:當(dāng)垂直滾動(dòng)時(shí)，即使有許多子組，用戶也總是能夠看到可視行的分組級(jí)別。

技巧七：在正確的地方添加更多細(xì)節(jié)

可視化條的開(kāi)始、結(jié)束和持續(xù)時(shí)間等特定信息有助于可視化整個(gè)活動(dòng)，盡管用戶通常需要來(lái)自計(jì)劃時(shí)間表和活動(dòng)的額外信息來(lái)完成信息的循環(huán)。考慮在什么情況下，在什么上下文中，某些信息與用戶相關(guān)，這通常是值得的。基本選擇包括：

1. 附加的細(xì)節(jié)放置在bars。
2. 設(shè)置工具提示。
3. 擴(kuò)展桌面區(qū)域。

請(qǐng)記住，這些更改是由上下文驅(qū)動(dòng)的，您不需要在任何地方每次都進(jìn)行更改。

技巧八：時(shí)間尺度的選擇

選擇一個(gè)最適合您的計(jì)劃范圍的時(shí)間尺度解決方案。例如，管理長(zhǎng)期項(xiàng)目的項(xiàng)目計(jì)劃人員將選擇顯示月份和天數(shù)的時(shí)間刻度。

另一方面，計(jì)劃每周訂單的生產(chǎn)計(jì)劃員很可能會(huì)從顯示天數(shù)和小時(shí)的時(shí)間尺度中獲益，甚至可能會(huì)細(xì)化到每分鐘。

如果您的計(jì)劃應(yīng)用程序需要一個(gè)擴(kuò)展的時(shí)間范圍，將需要調(diào)整日期格式，以便它們將動(dòng)態(tài)地切換到小的或大的統(tǒng)一。現(xiàn)在我們可以看到，在規(guī)劃中有可能有一個(gè)連續(xù)的進(jìn)-出縮放。您可以通過(guò)設(shè)置最小和最大解決方案來(lái)限制動(dòng)態(tài)，以防止規(guī)劃者提供對(duì)用戶沒(méi)有意義的解決方案。例如，以天為單位進(jìn)行計(jì)劃的用戶不需要以秒為單位的時(shí)間尺度。

技巧九：視覺(jué)警告

交付有被延遲的危險(xiǎn)，或者在給定的時(shí)間內(nèi)容量過(guò)載:這些沖突通過(guò)視覺(jué)輔助來(lái)發(fā)出信號(hào)。在開(kāi)發(fā)甘特圖時(shí)，您不僅必須考慮可視警告的外觀，還必須考慮要將其顯示在何處。一般來(lái)說(shuō)，當(dāng)超過(guò)截止日期時(shí)，受影響的條形圖會(huì)用紅線標(biāo)出，或者改變條形圖的顏色。如果許多進(jìn)程顯示在另一個(gè)進(jìn)程的下面，那么您還可以在頂層反映警告，或者在表區(qū)域中包含警告字段，這通常是有幫助的。