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