撰稿编者按:中控台是财务人员采用十分低频的组件,能同时实现图象的加速聚合和调查报告的选曲,和调查报告的递送和共享资源。责任撰稿译者从BI中控台GUI的机能情景、商品考察、操作方法等各方面,对BI中控台展开了预测,期望能给你带来协助。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第1张

一般情况下,子公司会优先选择外采BI辅助工具供外部采用,不过对许多子公司来说,外采BI不满足用户需求,统计数据又极为脆弱,业务规模规模也没所以巨大。所以能优先选择暗鞘灵巧BI,透过打造出MVP商品同时实现需求先期再逐渐插值。

建模预测是灵巧BI的重要能力,财务人员只需透过单纯的拖曳就能制做出各种类型图象和预测调查报告。其中中控台是财务人员采用十分低频的组件,能同时实现图象的加速聚合和调查报告的选曲,和调查报告的递送和共享资源。

责任撰稿将从BI中控台GUI的机能情景、商品考察、操作方法等各方面的认识论展开阐释,期望能够为大家提供许多自上而下的结构设计路子,详尽操作方法不做如是说。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第2张

图1 建模预测在BI工作过程中将的地位

1. 机能情景

在处置极少的统计信息量时,我们一般来说会采用Excel展开统计数据预测,先将统计数据引入工作表,选上要采用的统计数据,再透过图象机能聚合两个预测结论。

在采用BI辅助工具做预测时也是类似于的两个操作过程,首先要将统计管理辅助工具网络连接BI系统,然后将统计数据总线段态射到层次、分项上,预测结论最终以建模图象的方式展现出出来。

图象是统计数据建模后的直接乙醛,再将图象以一定的网页、产业布局、式样组织起来,就形成了预测调查报告、营运看版、液晶电视监视等预测乙醛。

图2 图象统计数据建模操作过程

再分拆来看,这个操作过程能分为两个部分:

  1. 图象制做:将统计数据绘制成预测中要采用到的各种类型图象,如折线图、扇形图等
  2. 调查报告制做:对图象展开组织、产业布局和网页式样调整,制做出预测调查报告、营运看版、监视液晶电视等情景的预测乙醛

这样我们就明确了图象制做、调查报告制做两大组件及其作用,对于没有BI商品结构设计经验的同学来说,无法确定两个组件内具有哪些机能,下一步就是展开商品考察。

2. 商品考察

在做商品考察时,途径不止体验商品机能,还能透过官方协助文档来了解其结构设计路子。

责任撰稿优先选择了国内头部的几家B/S架构BI商品,对其中控台GUI展开拆解,从以下几个各方面对其展开拆解:用户路径、图象制做、调查报告制做。

实际操作过程中要对大量的BI商品展开考察才可能总结出许多抽象结构设计方法,这里只举两个典型例子说明。

2. 1 机能预测

2.1.1 QuickBI

2.1.1.1 用户路径

这里的用户路径是指财务人员在制做预测调查报告时采用中控台的大致流程,结合自己实际采用情况和文档资料能看出QuickBI中控台制做流程(如下图3)。

打开撰稿界面,能看到图象制做、调查报告制做是在同个网页视窗。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第3张

图3 用户路径

先看最橙色矩形的链路,这条链路是制做调查报告的主路径。

新建中控台即新建两个预测调查报告,新建完成后跳转至中控台的撰稿界面(见上图3)。

在撰稿界面,从画布辅助工具栏中添加图象,在中控台配置区对图象展开统计数据、机能配置,最后在画布展示区域对图象展开建模选曲。

能将黄色矩形的链路看作是与图象制做相关的操作,如优先选择统计数据集,将字段态射到层次分项上,在画布上绘制出图象。

黑色矩形区域则是与调查报告相关的操作,如对图象展开产业布局、增设过滤组件等。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第4张

图4 撰稿操作流程

2.1.1.2 GUI结构

在这里初步对网页的自上而下结构展开梳理:

  • 系统辅助工具栏:作用于调查报告自上而下的机能选项,如预览、保存、发布等操作。
  • 画布区域:画布主要是作为图象、调查报告制做和展示区域。再进一步可分拆为画布辅助工具栏、画布撰稿区域,画布辅助工具栏承载着各种类型图象和筛选组件应用,画布撰稿区同时实现拖曳式产业布局。
  • 机能配置区:该区域主要是对图象和调查报告中的统计数据、式样等配置,可细分为图象配置、调查报告配置。
腾讯qq场景编辑器(qq编辑背景怎么设置)-第5张

图5 中控台撰稿界面

2.1.1.3 图象制做

上文如是说了GUI的机能配置区可细分为图象配置、调查报告配置,当选上图象时,机能配置区则切换到了图象配置。

能看到,图象配置又能分为两个部分,统计数据优先选择区、图象机能配置区。

  • 统计数据优先选择区:供用户优先选择统计数据集和展示字段。
  • 图象机能配置区:将字段态射到图象的层次、分项,在画布上绘制出图象,透过式样增设同时实现不同视觉。
腾讯qq场景编辑器(qq编辑背景怎么设置)-第6张

图6 图象制做

2.1.1.4 调查报告制做

当各种类型图象制做完成后,又回到了对调查报告整体展开配置。

调查报告配置:对调查报告整体的式样主题调节,能添加过滤组件对调查报告内任意图象展开查询等机能。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第7张

图7 调查报告制做

2.1.2 FineBI

2.1.2.1 用户路径

和QuickBI不同的是,FineBI图象与调查报告的撰稿是在两个网页GUI,在路径上多了两个环节。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第8张

图8 用户路径

2.1.2.2 GUI结构

创建调查报告之后,会进入空白画布区域,需要点击组件展开添加,能看出调查报告GUI的界面如下:

  • 系统导航:针对调查报告层面的机能选项和式样配置
  • 组件配置:展开图象、过滤组件等添加,组件的机能配置是透过弹窗形式
  • 画布区域:调查报告、图象的画布区域分开,选上图象撰稿后进入图象的画布撰稿区
腾讯qq场景编辑器(qq编辑背景怎么设置)-第9张

图9 调查报告GUI

FineBI的图象GUI在新的网页,机能与QuickBI大同小异,不再赘述。网页结构如下:

腾讯qq场景编辑器(qq编辑背景怎么设置)-第10张

图10 图象GUI

2.2 考察结论

透过大量商品考察能得出做许多抽象概念的总结,在BI中控台GUI以下几点常用结构设计模式。

2.2.1 两个流程和两种流派

透过以上考察能发现,不同类商品都有自己的结构设计理念和机能特点,但统计数据预测的流程是通用的。这个流程其实也是统计数据在系统内的流转操作过程,透过组件、GUI将统计数据组织起来,展示为需要的建模结论。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第11张

图11 预测调查报告制做流程

在中控台撰稿中,建模GUI分为两种流派,图象的绘制也分为两种流派,下面大致描述下。

2.2.1.1建模GUI

  • 图象、调查报告同个GUI视窗:用户采用路径短,在建模式样调整各方面更高效。在同个视窗内,对于制做看版、液晶电视、驾驶舱这类偏建模应用时,效率较为明显。
  • 图象、调查报告不同GUI视窗:用户路径较长,但用户预测时会比较专注,但会出现两个窗口来回跳转阻断。在不同视窗内,对于制做预测调查报告这类强预测模型较友好,展开图象探索预测时会更加专注。

2.2.1.2图象绘制

在图象类型优先选择时,能看出QuickBI是以分类的方式,先创建图象在展开撰稿。而在、FineBI、网易有数中有个图形属性的机能,不用预选图象类型,而透过改变几何形状来同时实现不同图象绘制。这里面就涉及了图象分类、图形语法两种流派。

  1. 图象分类:将图象按照自身特征,如折线图、柱状图、饼图等展开穷举分类列出所有的图象,每种图象都有自己的一套配置来修改其式样、统计数据等内容。
  2. 图形语法:这是由Wilkinson提出的,一套用来描述所有统计图象底层特性的语法规则。单纯来说,透过这套语法能够绘制出所有的统计图象且不受图象类型的限制。就像英语语法一样能由主—谓—宾构成两个完整句子,只要掌握一套语法就能够说出很多种正确语句。

2.2.2 网页结构

腾讯qq场景编辑器(qq编辑背景怎么设置)-第12张

图12 抽象出来的GUI结构

2.2.3 组件与画布关系

无论是图象、过滤组件和其他组件,都能将其视为一类对象组件,整个调查报告都是由组件在画布上展开组织产业布局、式样配置而来的。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第13张

图13 组件与画布

商品考察的抽象结论,有助于我们能够了解到BI建模GUI的核心机能,不需要照葫芦画瓢也能够结构设计出符合自己需求的MVP商品。

除了以上抽象总结出的内容外,还有具体机能也要详尽列出来,这里不再赘述,此时商品考察阶段结束。

3. 具体结构设计

3.1 Web结构设计原理

这里如是说几个做商品结构设计时可供参考的原则,防止在结构设计时出现错误。

3.1.1 Web界面结构设计原则

  • 直截了当:恰如Alan Cooper所言:需要在哪里输出,就要允许在哪里输入,这就是直接操作的原理。
  • 简化交互:结构设计师Ericson deJesus在重新结构设计Yahoo! 360时,曾用少费事这3个字来描述减少与站点交互操作的需求,而同时实现少费事的主要途径就是利用上下文辅助工具。
  • 足不出户:用户心流会因刷新网页而被打断,为避免每个操作都刷新一次网页的情况,能返璞归真,采用根据用户自然操作流程建模的方式。
  • 提供邀请:Web中的富交互结构设计面临的两个主要挑战就是易发现性,再好的机能,如果用户发现不了,结论仍然等于零。提供邀请是改善易发现性的重要途径,邀请能提示用户下一步交互操作是什么。
  • 采用变换:能够让界面具有魅力,增强与用户之间的沟通。
  • 及时反应:智能界面的特点是具有良好的反应能力,这个原理探讨了怎样透过响应操作为用户提供丰富的体验。

3.1.2 交互结构设计原则

  • 可视性:让用户有机会确定哪些行动是合理的,和呈现该设备的当前状态。
  • 反馈:关于行动的后果,和商品或服务当前状态的充分和持续的信息。当执行了两个动作之后,很容易确定新的状态。
  • 概念模型:结构设计传达所有必要的信息,创造两个良好的系统概念模型,引导用户理解系统状态,带来掌控感。概念模型同时包括可视性和评估行动的结论。
  • 示能:结构设计合理的示能,让期望的行动能够实施。
  • 意符:有效地采用意符确保可视性,并且很好地沟通和理解反馈。
  • 态射:使控制和控制结论之间的关系遵循良好的态射原则,尽可能地透过空间产业布局和时间的连续性来强化态射。
  • 约束:提供物理、逻辑、语义、文化的约束来指导行动,容易理解。

3.2 操作方法

比如,像QuickBI(网易有数、永洪)这类商品的调查报告和图象的撰稿在同个网页,而FineBI(观远、字节的datawind)是在两个网页,哪种方式更好呢?这个还真说不准,只能透过用户考察和业务情景展开预测。

能根据用户群体、采用情景作为两个参考方式,优先选择不同网页结构。

这里采用的是调查报告、图象制做在同一GUI下,主要是缩短用户操作路径,提高制做效率。图象绘制是优先选择图形语法流派,为用户提供灵活的图象类型时,也便于前端统一维护配置项。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第14张

图14 调查报告撰稿界面

腾讯qq场景编辑器(qq编辑背景怎么设置)-第15张

图 15 图象撰稿界面

这里忽略调查报告层面的内容制做,先看图象层面的制做层面。与图象制做相关的区域如下图所示,分为辅助工具栏、统计数据集展示与优先选择区、统计数据态射与式样配置区、图象绘制区四个部分。

腾讯qq场景编辑器(qq编辑背景怎么设置)-第16张

图 15 图象GUI结构分区

  • 辅助工具栏:作为GUI的保存、预览、返回和撤销还原操作区域。
  • 统计数据集展示与优先选择区:用户从最右侧选取统计数据集(大多数情况下是经过统计数据处置后的统计数据),然后在该区域会展示统计数据表内的所有统计数据总线段及其类型,并且自动区分为层次、度量。
  • 统计数据态射和式样配置区:该区域分为统计数据、式样两种属性配置,统计数据配置主要是负责将统计数据态射到图象的层次、度量上。式样配置主要是用来配置图象要展示的文字、图形等。
  • 图象绘制区:该区域一般称为画布,用来展示绘制出来的图象及其式样。当调查报告、图象撰稿在同一网页时,画布也会增加许多网页内容的撰稿属性,如上方除了图象组件外,多了许多容器产业布局组件。

4. 总结

在做整个中控台结构设计时,要考虑的因素很多,比如与其他组件上下游关系,统计数据在系统内流转的情况等。

在做商品考察时,不是根据自己喜好去优先选择参考的对象,而是透过大量样本考察能抽象出行业内商品结构设计的通用认识论,加以变通,结构设计出符合子公司需求的机能。

责任撰稿内容不足够细致,但大致描绘出了如何从0-1结构设计BI中控台GUI的路子,提供了译者认为比较好GUI结构设计模式,期望对大家有所协助。

译者:Shawn,两个成长中的统计数据商品经理;微信公众号:Shawn的商品笔记。

责任撰稿由 @Shawn 原创发布于人人都是商品经理,未经译者许可,禁止转载。

题图来自unsplash,基于CC0协议。