SAP Mentor/ASUG志愿者Ingo Hilgefort上个月进行了ASUG网络广播。以下是我的笔记。
第1部分如何组织仪表盘,颜色、空间、主题的使用,下半部分包括性能
图1:来源:ASUG
仪表盘中的数字是否准确有关系?
图2:来源:ASUG
很多人听说过Stephen Riw;一些人听说过Hichert
图2是Stephen Riw对仪表板的定义——实现一个清晰的目标,一个单一的屏幕;你不应该在最近的出版物中滚动
–"一个有效的仪表板与仪表、仪表、交通灯无关……但是一门你应该如何交流数据的科学"
图3:来源:ASUG
仪表板是一种视觉显示;你应该将你在Design Studio中所做的事情与你在Crystal Reports中所做的事情进行比较。它们有不同的用途。它应该放在一个屏幕上,并且可以立即访问。用户的期望是实现的立即在桌面或移动设备上。
在构建仪表板之前,您应该确定目标。
您应该以有效的方式使用空间。
图4:来源:ASUG
另一个重要部分是一致性
企业字体、企业颜色,家居智能化系统价格,您想在哪里显示导航元素,在哪里会提醒
设计Studio提供创建模板的功能–定义一次并将其保存为模板
您可以选择使用样式表
使用有意义的颜色;如果构建一个列来绘制图表–可口可乐的颜色(百事可乐不是蓝色)
图5:来源:ASUG
图5显示了12个不同的图表;图5中突出显示的图表中有哪些是一致的框架?
颜色与框架中的颜色更柔和,标签的使用方式具有清晰的视觉一致性
图6:来源:ASUG
图6显示了糟糕的设计选择
这是SAP很久以前使用的示例仪表板之一
右侧显示仪表,黄色作为警告颜色,企业信息管理软件,人们使用它
预订和每日余额在中间用黄色
在左上角-客户满意度用黄色
现在颜色已经失去了意义
图7:来源:ASUG
你想避免一切看起来都一样的地方。你想突出重要信息-使用颜色,警告显示为红色
视觉吸引力大小不同-字体大小改变
横幅盲-如果你上网,会在网站上看到横幅。作为人类,我们避免横幅-我们避免。
图8:来源:ASUG
图8显示了良好的仪表板设计,面板标记清晰,但不铺天盖地-数字周围没有厚框,6组信息,颜色使用良好
红色仅用于突出显示和提醒
仪表大小不同,数字大小不同
感叹号用于吸引用户注意
图9:来源:ASUG
人们试图将信息压缩到一个页面中–信息是否属于同一个页面。使用属于同一个页面的数据,如收入和成本。
如果信息不属于同一个页面,您可以在Design Studio中使用选项卡/页簿。单屏方法仍然有效,网站用云服务器,但使用一页谈论收入和成本另一页封面采购
图10:来源:ASUG
仪表盘有销售,有10月份的数字,完整的年份,每天的销售,左边是产品列表
碎片化已经分解-用户无法比较产品
信息分离已经分解;无法比较不同的产品
仪表板的用途是什么?
与在售产品相比如何?
考虑仪表盘数据的分割程度
图表建议-思维启动者解释您试图获得的信息类型,并帮助您选择正确的图表选择。
时间序列上的任何信息都应位于水平轴上
如果比较非时间序列,则位于垂直轴上。以下这将有助于人们更快地感知物品。
图11:来源:ASUG
三维图表很流行,但如果你看图11,颜色无助于消耗信息,买云服务器,颜色明亮且分散注意力。没有必要使用三维视图
我们怎么样?你想比较实际和预算,但你不能这样做,因为他们不是紧挨着对方
图12:来源:ASUG
图12比较实际和预算,紧挨着对方
用户有兴趣比较吗?右边显示了实际与预算的百分比。
图13:来源:ASUG
图13讨论了文本信息的使用
文本信息有帮助吗?它可以帮助沟通数据——在右边,可以看到一个顾问打了多少电话的仪表盘,与团队相比。
11到20波段–显示的通话次数是12,而不是波段范围。
图14:来源:ASUG
Edward Tufte写书,其中之一是数据墨水比率。他说如果不使用墨水来交流信息,就不应该在仪表板上浪费墨水。
图15:来源:ASUG
图15显示了数据墨水比率
的一个实际示例,私有云市场,左边有网格线,在底部有一个粗体字的框架。你可以删除网格线和粗体字线来传达右侧相同的信息,这样沟通会更快。
图16:来源:ASUG
仪表板应该放在一个单独的屏幕上。使用移动BI,你不希望让你的用户上下左右移动右图
衡量标准需要背景-与其说是收入/成本,不如说是利润或利润率更容易沟通
所有图表都应该有刻度和标签-这是基本的,但很多图表都缺少这个
你想把数据放在一个相同的刻度上
用有意义的方式使用颜色-例如白色,黑色和灰色
图17:来源:ASUG
图17涵盖了糟糕的设计选择-在1中,图表中有一个元素未显示
数字2,气泡图有太多的颜色,因为人类无法记住颜色
数字3(中下方)看起来像一个缩小的维度塔,从顶部到顶部没有意义
数字5没有刻度,所以不确定数值
数字6有一个不完整的图例。
图18:来源:ASUG
图18显示了一个很好的例子,很少使用颜色
您看到的唯一真实颜色是红色,用作突出显示数字的警告
查看7组不同的信息没有方框;它有效地使用了空白
右上角有一个帮助选项;您需要仪表板中的帮助选项。
SAP BusinessObjects Design Studio培训–基础和高级
宣布ASUG SAP TechEd会前会议–开放注册
设计理念#1:移动设备中的应用程序可用性
CSS提示和窍门:SAP Design Studio中的滑动面板过渡
客户成功案例–张伯伦
ASUG BusinessObjects设计工作室会议在奥斯汀萨布克举行