翻譯|行業資訊|編輯:莫成敏|2020-05-13 15:10:18.793|閱讀 288 次
概述:盡管視覺調度具有直觀的本質,但我們知道,這類更復雜的業務調度并非總是被直觀地理解。因此我們總結了9個重要的設計技巧,可幫助您開發用戶友好的甘特圖。
# 界面/圖表報表/文檔/IDE等千款熱門軟控件火熱銷售中 >>
甘特圖是通過條狀圖來顯示項目,進度,和其他時間相關的系統進展的內在關系隨著時間進展的情況。利用甘特圖我們可以加快開發速度,創造令人信服的、易于使用的可視化調度體驗。同時,在使用智能甘特圖的過程中,規劃人員可以輕而易舉地采取糾正措施。
盡管視覺調度具有直觀的本質,但我們知道,這類更復雜的業務調度并非總是被直觀地理解。因此我們總結了9個重要的設計技巧,可幫助您開發用戶青睞的甘特圖。
1、適應現代UI
從Windows 8開始,現代UI(以前稱為Metro)不僅對臺式機或移動應用程序的設計有重要影響,而且對網頁的設計也有重要的影響?,F代用戶界面最引人注目的元素是使用扁平的單色矩形(平鋪),而不是用漸變色填充的3D形狀。
將此設計概念轉換為甘特圖:
2、彎曲層邊緣
如果操作被緊密地放置在彼此后面,一個扁平的左上角將有助于識別它們。在下圖中,彎曲的角落補充了一個有邊框的條。所以單條更容易識別。
3、小心使用艙口
甘特圖中的陰影線條會給人留下非常動蕩的印象,因此應謹慎使用。 然而,在某些情況下,兩個不同的信息要顯示在一個表面上。下面的示例顯示了一個工具條,其顏色不能更改,因為圖層顏色還提供了重要信息,因此使用陰影將是理想的選擇,它依賴于超過到期日。
4、表頭和時間刻度的統一
設計甘特圖時,應使其在視覺上看起來是統一的。其中一個重要的技巧是合并表頭和時間刻度。
同時,您不應該忘記使用一種對比鮮明的配色方案。例如,您可以將灰色或藍色等暗而安靜的顏色用作背景,將白色用作文本和時間刻度。
5、甘特區域的中性背景
甘特圖由于包含大量信息,給眼睛帶來了真正的挑戰:條形圖、符號、視覺警報、網格、日期線、用于指示分組級別的縮進等等。請確保為甘特圖選擇中性的白色背景區域。
6、分組著色
在實踐中,許多甘特圖可視化了分組結構。例如,操作按生產訂單分組,或者任務按分配給它們的資源分組。組的可視化得益于顏色的深淺,因為它能讓規劃人員更快地識別子組。為頂層使用深色背景(通常也使用白色字體顏色),為底層使用灰色字體顏色。您還應該在顏色方案的幫助下在表區域中創建“角度”,以便可視化子組的大小和結構。
這種對組進行分級顯示的另一個優勢是:垂直滾動時,即使有很多子組,用戶也始終可以看到可見行所屬的分組級別。
7、在正確的地方添加更多細節
可視化條的開始、結束和持續時間等特定信息有助于可視化整個活動,盡管用戶通常需要計劃時間表和活動中的其他信息來完成信息循環。通??梢钥紤]在某些情況和上下文中某些信息與用戶相關。
基本選項包括:
請記住,這些更改是上下文相關的,您無需每次都在任何地方進行更改。
(1)bar
所添加的信息自然取決于具體情況。當細節依賴于時間時,例如,關于操作是否會延遲或任務的進展程度的信息,應該在bar區域中表示。
(2)工具提示
當需要復雜或全面的細節時,工具提示文本通常很有幫助。
將工具提示文本格式化為一個表,以便于閱讀。
(3)表格
表中應列出一般感興趣的資料,或與可見的時間范圍無關的資料。
8、時間尺度的選擇
選擇最適合您的計劃范圍的時間尺度解決方案。例如,管理長期項目的項目計劃者將選擇顯示月和日的時間范圍。
另一方面,計劃每周訂單的生產計劃者最有可能受益于顯示天數和小時數的時間刻度,甚至可能精確到分鐘。
如果您的計劃應用程序需要擴展的時間范圍,則需要調整日期格式,以便根據解決方案將它們動態切換為小型或大型單位?,F在,我們可以看到規劃中可以進行連續的進-出縮放。您可以通過設置最小和最大解決方案來限制動態,以防止計劃者提供對用戶沒有意義的解決方案。例如,以天為單位計劃的用戶不需要以秒為單位的時間范圍。
9、視覺警告
交付有被延遲的危險,或者在給定的時間內容量過載:這些沖突通過視覺輔助來發出信號。在開發甘特圖時,您不僅必須考慮可視警告的外觀,還必須考慮要將其顯示在何處。一般來說,當超過截止日期時,受影響的條形圖會用紅線標出,或者改變條形圖的顏色。如果許多進程顯示在另一個進程的下面,那么您還可以在頂層反映警告,或者在表區域中包含警告字段,這通常是有幫助的。
例:警告指示活動將在所需的到期日期之后結束…
也顯示在最高級別...
…這樣一來,即使在折疊視圖中,計劃人員也可以意識到即將到期。
甘特圖可以高端定制其他功能,或根據您的需求進行開發,并且可應用到磁電/裝備制造/食品工業/建筑等行業,幫助您的資源規劃及調度、生產排程、項目管理、人力資源規劃及排班等工作內容~
本站文章除注明轉載外,均為本站原創或翻譯。歡迎任何形式的轉載,但請務必注明出處、不得修改原文相關鏈接,如果存在內容上的異議請郵件反饋至chenjj@fc6vip.cn
文章轉載自:NETRONIC