在前两篇文章中我们了解到颜色在甘特图中也有不同的作用。其中颜色在甘特图中扮演着三个角色,才能使甘特图对用户有意义。

  • 颜色决定甘特图的外观。
  • 颜色还可以用来定义甘特图的语义。因此,它们帮助用户更快地理解甘特图所呈现的完整且常常复杂的现实。
  • 颜色还可以为甘特图提供智能,从而使用户更快地做出关键决策。

我们接着来介绍如何使用颜色来更好的调整甘特图的外观。


如何使用智能颜色来调整甘特图外观?

Tip9:短小以及后续活动的着色

我们经常观察到许多活动(有时数千,甚至上万)都显示在甘特图中。这种情况在制造环境中很常见,用户通常需要一个“机器视图”来显示给定时间段内机器的繁忙程度。当生产订单或操作非常短(有时只需要几分钟就可以完成)时,就很难区分它们了。

我们有一个最佳实践的示例:为不同的生产订单使用不同的颜色,而不为节点使用黑色边框。这有助于创建对单个操作的关注,并更清楚地了解各种机器上正在发生的事情。

Tip10:使用自底向上和自顶向下的可视警报

如果您使用甘特图进行控制,那么您通常会对当前情况的清晰和精确的概述感兴趣。特别是在事情似乎失控的情况下,你需要立即看到问题。假设您有一个甘特图,其中显示了按资源分组的节点,每个节点表示一个生产订单的操作。现在可能是一个操作太迟了,因此相应的订单无法及时完成。

如何以一种容易注意到风险并找出造成延迟的操作的方式可视化警报?第一种方法是:如果操作太晚,则显示一个额外的红色层来警告延迟。

这种解决方案的缺点是,如果图表由许多行组成,并且图表跨度很大,则必须在水平和垂直方向上滚动很多。如果组崩溃,则根本看不到任何警报层。因此,下一步您可以在分组级别的灰色摘要栏顶部添加一个额外的红色层。

用同样的方法,您可以在每个上层分组级别上用红色警报层标记延迟。通过这种方式,警告将被推到最高的分组级别。这样,您可以确保在自顶向下视图中也能看到所有自底向上警报。

Tip11:使用上下文敏感的节点颜色和层

甘特图的目的不应该只是可视化数据,尤其是不应该可视化所有数据。然而,这是我们全面观察到的一种典型方法。我们认为应该构建甘特图来支持用户更快地做出业务关键决策。因此,不仅要将所有数据呈现给用户,而且要将用户的焦点指向与决策相关的信息。最终,用户应该只关注那些需要他注意的活动或任务,并为此采取纠正措施。下面是一些上下文敏感的节点颜色和层的例子。

并不是只改变颜色。在该栏的外观上,还可以向栏中添加符号,以提供与上下文相关的信息。

当然,对于每个甘特图,您并不局限于一种形式,您可以组合进行。但是,我们强烈建议您限制使用可视警告的数量。记住:您想要使用它们来显示计划中的关键异常,并且它们应该指出需要用户立即反馈的任务。如果每个任务都被标记为critical,那么您将无法实现这一点。

最后,您还可以使用额外的层将用户的注意力指向甘特图中表示的时间表的关键部分。同样,每个节点不限于一个层,但是可以应用不同的层。

Tip12:将用户警报应用到甘特图表

与警告颜色或警告层一样需要注意的是,它们也面临着一个固有的弱点:只有当实际的栏在屏幕上可见时,它们才可见。然而,有时甘特图必须掌握提供高层次图片的传播。

因此,我们的许多客户使用甘特图进行粗略的规划和详细的规划。在粗略的计划中,他们会查看多个星期甚至几个月的生产计划,而在详细的计划中,他们会关注几天或几个小时。当然,在详细视图中,bar级别上的颜色警告起着重要的作用。

然而,这些信息在粗略的规划中丢失了,因为用户永远不会在一个屏幕上看到所有的节点。因此,我们强烈建议将决策相关的信息(如交付时间承诺)作为指示器字段包含到甘特图的表中。

Tip13:如何可视化完成百分比

甘特图总是可视化与时间相关的计划数据。我们经常观察用例,在用例中,完成特定工作或任务的百分比对于计划者来说是一个重要的信息。

将完成百分比可视化的最佳实践建议是在任务层的顶部添加一个“信息层”。您可以从下面的示例中看到,可以选择多种替代方法。我们建议您结合“警报层”的设计来决定这些层,以便甘特图突出显示与用户相关的信息。

如果您专门为流程行业开发甘特图,那么这些层可能具有误导性。许多垂直领域的用户不会从左到右思考,而是从下至上思考:对他们来说,完成的百分比通常等于填充级别。在这些情况下,我们建议使用以下可视化方法。


掌握了这13点,你就能在甘特图中灵活的使用颜色去美化和完善你的甘特图。想要尝试一下吗?赶紧下载最新载试用版吧!

甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(三)相关推荐

  1. 甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(一)

    我们都知道香料及其巧妙的混合能对我们烹饪和食用的任何一餐产生巨大的影响.有时,只有不到一毫克的某种香料才会让一顿美味的.无味的或太辣的饭变得不同. 就像香料可以起到隐藏的.主导的或互补的作用一样,颜色 ...

  2. 甘特图看起来很生硬?教你使用智能颜色装饰你的甘特图!(二)

    在上一篇文章中我们了解到颜色在甘特图中也有不同的作用.其中颜色在甘特图中扮演着三个角色,才能使甘特图对用户有意义. 颜色决定甘特图的外观. 颜色还可以用来定义甘特图的语义.因此,它们帮助用户更快地理解 ...

  3. c java python go 哪种编程语言接近编程的本质_一图看懂编程语言迁移模式:终点站是Python、Go、JS...

    新智元报道 来源:apenwarr 编辑:元子 [新智元导读]有着20年编程经验的资深程序员,以自己多年来的经历,总结出程序员的编程语言切换规律,做了一个主流编程语言的进阶流程图,展示不同编程语言之间 ...

  4. 一图看懂编程语言迁移模式:终点站是Python、Go、JS

    [新智元导读]有着20年编程经验的资深程序员,以自己多年来的经历,总结出程序员的编程语言切换规律,做了一个主流编程语言的进阶流程图,展示不同编程语言之间的承接关系.程序员选择编程语言的方向和路径. 铁 ...

  5. 教你怎么把视频转换成gif动图

    教你怎么把视频转换成gif动图!作为一名互联网行业的运营人员,平时少不了使用gif动图,因为gif动图具有更强的穿透性,能够让用户从图片中接受到更多的信息,并且在脑袋里产生更深的影响力,例如产品介绍的 ...

  6. 设计,看上去很美 wayfarer

    设计,看上去很美 设计没有标准,模式充满变化,我们对设计与模式的探讨,就是希望能从没有标准的设计中体验设计的乐趣,从充满变化的模式中寻求问题的解决之道.     我这里所谓"设计没有标准&q ...

  7. 推荐几个常用在线图工具(支持时序图、用例图、类图、活动图、组件图、状态图、对象图、部署图等。同时还支持非 UML 图的甘特图、架构图等)

    推荐几个常用 '在线' 图工具(支持时序图.用例图.类图.活动图.组件图.状态图.对象图.部署图等.同时还支持非 UML 图的甘特图.架构图等) 软件项目开发过程中经常需要 画流程图.接口时序图.框架 ...

  8. 一张图看懂世界石油分布?用Python轻松搞定!

     CDA数据分析师 出品   [导语]:今天我们教你用Python画出世界石油分布桑基图,Python技术部分可以直接看第四部分. 作者:Mika 数据:真达   后期:泽龙  设计:一凡   Sho ...

  9. 一篇文章一张思维导图看懂Android学习最佳路线

    一篇文章一张思维导图看懂Android学习最佳路线 先上一张android开发知识点学习路线图思维导图 Android学习路线从4个阶段来对Android的学习过程做一个全面的分析:Android初级 ...

最新文章

  1. MongoDB readConcern 原理解析
  2. 【转】Weblogic的集群
  3. 【QA】Xcodeproj doesn't know about the following xxx 问题及解决方案
  4. 家装灯线走线图_电工装修走线图_电工装饰走线图
  5. MySQL表结构管理
  6. 在Linux-0.11中实现基于内核栈切换的进程切换
  7. MySQL子查询的使用
  8. Referenced file contains errors (http://JAVA.sun.com/xml/ns/j2ee/web-app_2_5.xsd).
  9. spoolqa果然是病毒!
  10. html如实现留言板功能,JavaScript实现网页留言板功能
  11. mysql5.7手册官方下载_MySQL官方手册5.7 PDF 下载
  12. java自定义异常必须继承什么类_49.Java-自定义异常类
  13. 开始学习英语的七个步骤。
  14. 网络流量采集(一)概述
  15. 计算机辅助翻译与人工翻译论文,浅析计算机辅助翻译与纯人工翻译的利与弊
  16. 如何获取任意小程序的AppId和页面路径?
  17. 5 RRC Measurement -- GAP
  18. erp系统 服务器在哪里的,云erp服务器在哪
  19. 2008年威客网站发展观察(排名分析)
  20. 轻松实现双重系统引导

热门文章

  1. 01背包的朴素解法及优化(C语言)
  2. Java并发基石CAS原理以及ABA问题
  3. Spark+Flink+Iceberg打造湖仓一体架构实践探索
  4. matlab sort三维_三维数组存储顺序
  5. 计算机的隐藏小秘密,手机里隐藏的小秘密,不看真的会后悔!(一)
  6. 区块链:从底层技术时代走向产品时代的跃进
  7. Java Web篇:导出等比例图片到Excel
  8. Python正则表达式中使用findall函数遇到括号嵌套的小坑
  9. spring boot 獲取屏幕寬度_Redmi K30S至尊纪念版的屏幕有多好?有些吓人
  10. 计算机教师招聘10分钟试讲,试讲10分钟,广东省教师招聘面试之浓缩的10分钟