彩票走势图

如何开发用户青睐的甘特图?9个重要技巧来帮忙!

翻译|行业资讯|编辑:莫成敏|2020-05-13 15:10:18.793|阅读 230 次

概述:尽管视觉调度具有直观的本质,但我们知道,这类更复杂的业务调度并非总是被直观地理解。因此我们总结了9个重要的设计技巧,可帮助您开发用户友好的甘特图。

# 慧都年终大促·界面/图表报表/文档/IDE等千款热门软控件火热促销中 >>

甘特图是通过条状图来显示项目,进度,和其他时间相关的系统进展的内在关系随着时间进展的情况。利用甘特图我们可以加快开发速度,创造令人信服的、易于使用的可视化调度体验。同时,在使用智能甘特图的过程中,规划人员可以轻而易举地采取纠正措施。

尽管视觉调度具有直观的本质,但我们知道,这类更复杂的业务调度并非总是被直观地理解。因此我们总结了9个重要的设计技巧,可帮助您开发用户青睐的甘特图。

1、适应现代UI

从Windows 8开始,现代UI(以前称为Metro)不仅对台式机或移动应用程序的设计有重要影响,而且对网页的设计也有重要的影响。现代用户界面最引人注目的元素是使用扁平的单色矩形(平铺),而不是用渐变色填充的3D形状。

将此设计概念转换为甘特图:

  • 使用单色矩形作为条


  • 不要用框架做边框。当然,在某些情况下,在条形上添加边框可能是有意义的,例如如果他们彼此紧紧跟随。在这种情况下,请勿将其涂成黑色,而应使用条形背景色并对其进行轻微调色,以使该图层看起来不像块。


  • 标签越来越多地使用白色。如果要跟随这种趋势,则必须确保在选择背景颜色时清楚地识别出白色密码。如果您喜欢黑色字体,请改用深灰色,因为柔和的字体颜色更适合眼睛。
  • 时标表区域使用相同的原则。

2、弯曲层边缘

如果操作被紧密地放置在彼此后面,一个扁平的左上角将有助于识别它们。在下图中,弯曲的角落补充了一个有边框的条。所以单条更容易识别。


3、小心使用舱口

甘特图中的阴影线条会给人留下非常动荡的印象,因此应谨慎使用。 然而,在某些情况下,两个不同的信息要显示在一个表面上。下面的示例显示了一个工具条,其颜色不能更改,因为图层颜色还提供了重要信息,因此使用阴影将是理想的选择,它依赖于超过到期日。


4、表头和时间刻度的统一

设计甘特图时,应使其在视觉上看起来是统一的。其中一个重要的技巧是合并表头和时间刻度。

同时,您不应该忘记使用一种对比鲜明的配色方案。例如,您可以将灰色或蓝色等暗而安静的颜色用作背景,将白色用作文本和时间刻度。


5、甘特区域的中性背景

甘特图由于包含大量信息,给眼睛带来了真正的挑战:条形图、符号、视觉警报、网格、日期线、用于指示分组级别的缩进等等。请确保为甘特图选择中性的白色背景区域。


6、分组着色

在实践中,许多甘特图可视化了分组结构。例如,操作按生产订单分组,或者任务按分配给它们的资源分组。组的可视化得益于颜色的深浅,因为它能让规划人员更快地识别子组。为顶层使用深色背景(通常也使用白色字体颜色),为底层使用灰色字体颜色。您还应该在颜色方案的帮助下在表区域中创建“角度”,以便可视化子组的大小和结构。

这种对组进行分级显示的另一个优势是:垂直滚动时,即使有很多子组,用户也始终可以看到可见行所属的分组级别。


7、在正确的地方添加更多细节

可视化条的开始、结束和持续时间等特定信息有助于可视化整个活动,尽管用户通常需要计划时间表和活动中的其他信息来完成信息循环。通常可以考虑在某些情况和上下文中某些信息与用户相关。

基本选项包括:

  • 其他详细信息放置在栏中。
  • 设置工具提示。
  • 扩展表格区域。

请记住,这些更改是上下文相关的,您无需每次都在任何地方进行更改。

(1)bar

所添加的信息自然取决于具体情况。当细节依赖于时间时,例如,关于操作是否会延迟或任务的进展程度的信息,应该在bar区域中表示。


(2)工具提示

当需要复杂或全面的细节时,工具提示文本通常很有帮助。


将工具提示文本格式化为一个表,以便于阅读。

(3)表格

表中应列出一般感兴趣的资料,或与可见的时间范围无关的资料。


8、时间尺度的选择

选择最适合您的计划范围的时间尺度解决方案。例如,管理长期项目的项目计划者将选择显示月和日的时间范围。


另一方面,计划每周订单的生产计划者最有可能受益于显示天数和小时数的时间刻度,甚至可能精确到分钟。


如果您的计划应用程序需要扩展的时间范围,则需要调整日期格式,以便根据解决方案将它们动态切换为小型或大型单位。现在,我们可以看到规划中可以进行连续的进-出缩放。您可以通过设置最小和最大解决方案来限制动态,以防止计划者提供对用户没有意义的解决方案。例如,以天为单位计划的用户不需要以秒为单位的时间范围。

9、视觉警告

交付有被延迟的危险,或者在给定的时间内容量过载:这些冲突通过视觉辅助来发出信号。在开发甘特图时,您不仅必须考虑可视警告的外观,还必须考虑要将其显示在何处。一般来说,当超过截止日期时,受影响的条形图会用红线标出,或者改变条形图的颜色。如果许多进程显示在另一个进程的下面,那么您还可以在顶层反映警告,或者在表区域中包含警告字段,这通常是有帮助的。

例:警告指示活动将在所需的到期日期之后结束…


也显示在最高级别...


…这样一来,即使在折叠视图中,计划人员也可以意识到即将到期。

甘特图可以高端定制其他功能,或根据您的需求进行开发,并且可应用到磁电/装备制造/食品工业/建筑等行业,帮助您的资源规划及调度生产排程、项目管理、人力资源规划及排班等工作内容~


标签:

本站文章除注明转载外,均为本站原创或翻译。欢迎任何形式的转载,但请务必注明出处、不得修改原文相关链接,如果存在内容上的异议请邮件反馈至chenjj@cahobeh.cn

文章转载自:NETRONIC

为你推荐

  • 推荐视频
  • 推荐活动
  • 推荐产品
  • 推荐文章
  • 慧都慧问
相关产品
VARCHART XGantt

用于工业4.0项目管理、交互式的甘特图绝佳解决方案,世界级甘特图大师

phGantt Time Package

phGantt Time Package控件包集合了时间块处理控件,能为应用程序加入甘特图表设计和日程计划设计的功能。

AnyGantt

基于JavaScript的高级解决方案,用于构建复杂且信息丰富的甘特图。

jQuery Gantt Package

jQuery Gantt控件功能丰富,帮您实现工业4.0生产任务分层列表的可视化,及资源利用视图。

DHTMLX Gantt

针对您的解决方案的交互式JavaScript / HTML5甘特图

title
title
扫码咨询


添加微信 立即咨询

电话咨询

客服热线
023-68661681

TOP