• 阜阳五中成功举办第四届社团文化艺术节文艺汇演 2019-10-14
  • 明确网络游戏分级制 落实游戏注册实名制 2019-10-14
  • 庭审直播成常态 告别选择性公开 2019-10-09
  • 紫光阁中共中央国家机关工作委员会 2019-10-09
  • 安全生产月:铁路安全宣传走进车站 2019-10-07
  • 按照中华文化传统观点,发展的目的与手段就是所有都免费。它跟共产主义的蓝图所描绘的完全一样。之所以还有收费的东西,那只是权宜之计。 2019-10-07
  • 世界杯记者手记D6:带上足球,行走在静静的顿河 2019-10-06
  • “走,去正定!”系列宣传文化活动精彩纷呈 2019-10-03
  • 河曲警方开展遵纪守法、打击赌博违法犯罪宣传活动--黄河新闻网 2019-09-30
  • 马天宇《纳西索斯》首发 变身自恋狂魔马天宇 2019-09-28
  • 杭州西湖天气,杭州西湖天气预报,杭州西湖天气预报一周 2019-09-25
  • 1至5月我区为企业和社会减负4200余万元 2019-09-23
  • 韩消防直升机坠毁全程曝光[组图] 2019-09-23
  • 特金明日将通电话 提醒谁莫忘感恩? (原创首发) 2019-09-22
  • “一带一路”建设与网络媒体责任论坛 2019-09-22
  • 欢迎您,手机浏览好奇专题分享网首页:https://m.www.iqzus.tw! 手机访问本页: 甘特图的“图”有三种画法,你知道么? 网站地图
    耳后生风两码中特

    秋月骑楼两码中特:生活经验

    甘特图的“图”有三种画法,你知道么?

    邵鹤来自:辽宁省 铁岭市 银州区 时间:2018-11-03 02:43 坐标: 126079°

    耳后生风两码中特 www.iqzus.tw 我们找到第1篇与 甘特图的“图”有三种画法,你知道么?有关的信息,分别包括:

    以下是的一些我们精选的 甘特图的“图”有三种画法,你知道么?

    00. 万恶之源

    Boss:这回的主页包含一个甘特图,你看看要怎么设计。

    我(OS):甘特图啊,就是那几种呗,简单简单。

    Boss:这是需求文档中的甘特图单个信息内容,记得都加进去。

    我:一条信息里这么多内容?

    Boss:对啊。

    我:……

    简单地铺陈信息是最便捷的路径,绝对不会损伤功能性(Boss 你看,该加的我可都加进去了?。。?。但页面最终实现的标准,不仅仅是完善的功能,还应拥有良好、合理的用户体验。

    因此,我们把用户、操作流程、目的和使用场景等要素合理地整合到一起,分析信息优先级及呈现方式,试图探索该场景下甘特图的最佳设计。

    01. 工作流程重构

    该甘特图是民航排班系统的核心组件,具有任务派遣、实时查看等功能,对于工作流程中的不同角色来说,侧重点也各有不同。需求中已经将用户分为明确的三类:管理员、派遣员普通员工。每天 500-800 个航班任务将由这三类角色层层下达处理。除了查看任务,管理员与派遣员还拥有添加和修改任务的权限。整个工作流程如下图。

    一天的航班任务约有 500-800 条,在经过管理员审核后下达分配至 2-3 名派遣员,派遣员再分配给负责的各个员工。在该工作流程中可以看到,三种角色因其所在位置导致的信息优先级、信息流大小、操作方式各不相同,根据这一原则,我们对不同角色建模,深入探究使用场景及需求。

    02. 用户角色建立

    角色 1. 管理员

    - 处理信息数:500-800

    - 主要操作:更改任务(时间、人员等)/ 添加任务 / 批量发布至派遣员

    - 优先了解的信息:航班时间、人员、飞机信息

    角色 2. 派遣员

    - 处理信息数:100-200

    - 主要操作:更改任务(时间、人员、登机口等)/ 添加任务 / 批量发布至普通员工

    - 优先了解的信息:航班时间、人员、登机口、机位

    角色 3. 普通员工

    - 处理信息数:

    - 主要操作:查看任务

    - 优先了解的信息:航班时间、飞机信息、登机口、机位、人员

    《三个步骤设计高效 Dashboard》中提到,

    划分用户,一般会从业务线或岗位入手。不同业务线间,关注的核心指标自然不同,比如转转下面各种业务部门,即使大家都关注大盘数据,但每天更关心的,还是自己的业务细节指标。岗位也是同理,管理层重在把握全局,而执行层重在每个细节的执行效果,关注的数据层级和指标也会有所差异。

    尽管用户角色需求差异较大,但仍需整合在一个通用模板上,综合考虑可以得到如下需求:

    - 可以快速浏览大量信息条,每条信息内容集中、互不混淆。

    - 所有信息沿时间线流动,方便实时查看操作。

    - 每条信息内包含的数据要根据需求判定呈现优先级,确保查看与操作的最小路径。

    - 异常信息提示性强、操作方式直观易懂。

    03. 信息优先级权衡

    得到需求后,接下来可以对信息内容进行加工了。十几条信息很难直接展示在单个信息条内,设想中,我们要对信息进行层级划分,根据角色操作优先显示重要信息,折叠次级信息。

    根据主要操作判定,添加 / 修改内容的主要操作对象为 " 时间、机位、员工及工作时间 ",查看的主要操作对象为 " 飞机航班、始发地 / 目的地、员工及时间 ",因此这六项作为第一层级优先呈现;在添加 / 修改内容时,可以调用固定端登机桥、登机口编号等桥位及登机口信息,这几项作为第二层级;飞机型号等具体飞机信息不涉及到操作,也可以在库中直接调用,因此编为第三层级。

    04. 视觉设计原则

    确定信息层级,才进入了视觉设计阶段。航班系统数据多而繁杂,需要从排版、色彩和细节等方面着手,准确而高效地传递信息。

    排版布局四大基本原则:

    对比(Contrast): 如果两个项不完全相同,就应当使之不同,而且应当是截然不同。

    重复(Repetition):设计的某些方面在整个作品中重复。

    对齐(Alignment):任何元素都不能在页面上随意安放。每一项都应当与页面上的某个内容存在某种视觉联系。

    亲密性(Proximity):将相关的项组织在一起,使它们的物理位置相互靠近相关的项将被看作凝聚为一体的一个组。

    以下是可供选择的三种架构:

    架构 1:严格按照层级关系排布,第一层级全部展开,第二层级和第三层级编组,作为鼠标悬停在 " 航班信息 " 和 " 登机口 " 处时的弹出窗口。

    架构 2:考虑到对信息条的视觉精简,将第一层级的位置由图表转移到左侧表格项,甘特条与时间轴统一缩小,为了增强无文字甘特条的可读性,添加了一根时间线。第二层级同样部分展开,第三层级仍作为悬停弹出窗口。

    架构 3:极端简化的尝试,只提取第一层级的最重要部分 " 航班信息、时间 " 展开,其他信息隐藏到甘特条的弹出窗口。视觉>功能,在实际应用中,这种方案往往不可取。

    除了架构设计,我们还采用色彩来传递信息分类,避免了更多文字困扰,增强了信息可视化效果。在需求文档中,信息条一共有 6 种状态:

    已完成任务是不可编辑状态,颜色灰度高;正在进行的航班任务往往占数最多,和页面主体颜色相适应;预期延迟与不正常分别按提醒级别设定为黄色和红色,起警示作用。

    05. 备选方案评估

    方案 1 信息层级分明,能够保证最快了解基本信息。但在视觉上单个甘特条显得臃肿,信息量过大。

    方案 2 将所有信息全部展开以缩减甘特条部分,在信息量不特别大的时候是可取的,本例中对相似信息进行了合并,但总体占比过大,而且可拓展性不够强。操作按钮在甘特条悬停时出现。

    方案 3(私心还是把它做了出来)属于纯视觉优先,第一级展开的信息只有 " 航班信息、始发地 / 目的地 " 和较为模糊的 " 时间 "(通过时间轴判断)。在实际应用中,用户想要看到详细信息只能对单个甘特条悬停才可以,大大降低了易用性。

    06. 后记

    最终方案选择的是第一种。

    与各种前端不同,后台系统用户单一而固定,功能至上。形式往往要让位于功能。一个好的设计来应该让用户获得良好的体验感受,从这方面讲,功能易用性的比重确实是大于视觉美感的。我在做展示做界面时,最害怕的就是隐藏的界面没有被发现,空有完整的逻辑框架,但是用户只按照自己的需求流程一条线往前冲,然后一头雾水地抱怨为什么功能这么隐蔽。

    遇到这种情况,通过界面增强指示性其实是治标不治本的,每个需求都有不同的流程,总不能等着用户撞得头破血流再去发现吧?倒不如一开始就开陈布公,把用户最迫切最想看到的递到他眼前,然后按照使用思路一层层展开,就像这幅甘特图。但是信息要展开多少,展现次序是什么,就要好好琢磨了。

    好看未必好用,我觉得这种画法好,谁知道用户心中还有多少别的画法呢?

    07. 参考资料整理

    《如何设计成功而有价值的数据可视化?》杨进玉

    《三个步骤设计高效 Dashboard》陈新涛

    《交互设计:从物理逻辑到行为逻辑》辛向阳

    《发现最好的你 - 设计中如何打造最合适的组件》腾讯 CDC

  • CGU APAC 2017 中国区淘汰赛即将打响

    ::::
  • 农夫山泉网易云评论

    ......
  • 网易云音乐评论精选

    ......
  • 农夫山泉网易云

    ......
  • 网易云音乐神评论

    ::::
  • 网易云农夫山泉

    ::::
  • 网易云音乐热评

    ::::
  • 网易云音乐评论排行榜

    ......
  • 网易云音乐经典评论

    ::::
  • 网易云音乐精彩评论

    ::::
  • 网易云音乐感人评论

    ::::
  • 理想就是离乡: 网易云音乐神评论又来了!这次是出现在农夫山泉

    ::::
  • 网易云音乐评论

    ::::
  • 史上最全的表情拍照大全,从此再也不用尬笑了!

    ::::
  • 拍照表情: 史上最全的表情拍照大全,从此再也不用尬笑了!

    ::::
  • 甘特图的“图”有三种画法,你知道么?相关文章
  • 阜阳五中成功举办第四届社团文化艺术节文艺汇演 2019-10-14
  • 明确网络游戏分级制 落实游戏注册实名制 2019-10-14
  • 庭审直播成常态 告别选择性公开 2019-10-09
  • 紫光阁中共中央国家机关工作委员会 2019-10-09
  • 安全生产月:铁路安全宣传走进车站 2019-10-07
  • 按照中华文化传统观点,发展的目的与手段就是所有都免费。它跟共产主义的蓝图所描绘的完全一样。之所以还有收费的东西,那只是权宜之计。 2019-10-07
  • 世界杯记者手记D6:带上足球,行走在静静的顿河 2019-10-06
  • “走,去正定!”系列宣传文化活动精彩纷呈 2019-10-03
  • 河曲警方开展遵纪守法、打击赌博违法犯罪宣传活动--黄河新闻网 2019-09-30
  • 马天宇《纳西索斯》首发 变身自恋狂魔马天宇 2019-09-28
  • 杭州西湖天气,杭州西湖天气预报,杭州西湖天气预报一周 2019-09-25
  • 1至5月我区为企业和社会减负4200余万元 2019-09-23
  • 韩消防直升机坠毁全程曝光[组图] 2019-09-23
  • 特金明日将通电话 提醒谁莫忘感恩? (原创首发) 2019-09-22
  • “一带一路”建设与网络媒体责任论坛 2019-09-22
  • 广东福利彩票实体店微信 700注稳定平刷 分分彩反倍投绝对赚 二八杠顺口溜介绍 私彩漏洞 注册送178彩金的178棋牌 抢红包玩法 重庆时时龙虎合开奖结果记录 香港创富资料中心 2人斗地主规则知识