原文链接:3 Tips for Better Dashboard Design
原文作者:Joanna Ngai
创建高效的dashboard UI实践
Dashboard是一块将许多组件集成在一起显示的UI,用户可以收集很多关键的信息。
正确的设计,用户可以简单并且清晰地从大量的复杂信息中提取出有效的信息。作为企业或组织各种数据来源的工具。
这里有三个让Dashboard更佳高效的建议:
1.组织
Dashboard上的内容必须通过组织的方式反映信息的本质,并且支持有效和有意义的监测。
Dashboard上的信息不能被放置在任何地方,也不可以为了存入空间而放入简单不适合的信息。项目中相近的内容通常在位置上也应该靠近。
-Stephen Few,Information Dashboard Design的作者
信息组织应该遵循信息的层次结构:哪些对用户而言是重要的?突出关键信息,清晰,迅速。
通过web设计实践,搜集到的有效的指导是基于网格布局设计。
当你开始制定Dashboard时,你可以从下面这些角度考虑:
应该把最重要的信息放在哪里?二级信息的呈现应该是如何的?如何设计图表和文本内容?足够的一致并且清晰吗?留白部分如何帮助你的受众更好的吸收信息?
2.适当的可视化
适当的可视化
有一个神奇的图标,曲线的轮廓可以在一瞬间填充整个区域-流行病的真实历史,恐慌,或者一个时代的繁荣。曲线可以直达内心,唤醒想象力,具有说服力。
-Henry D.Hubbard
可视化是Dashboard设计中的关键部分,原始数据往往是复杂的,可读性差难以消化。可视化的目的在于,在很短的实践内揭示信息的内在联系,同时允许用户获得更多的细节,如果用户想这么做的话。
可视化应该是服务于一种特定的目的,比原始数据更加有效的传达出特定的信息。
可以想想哪类信息是你想通过Dashboard传递给用户的。
通过下面这些问题选择一个适合的可视化方案:
他们最关心什么信息?
他们还需要其他哪些重要信息?
你想要传达的信息类型是什么样的?
3.降低复杂性
可视化的目的是理解,而不是图片。
-Ben Shneiderman
选择合适的展示数据数量和正确的信息视觉表现方法。使用的颜色英国微妙,有目的性,减少视觉上的混乱和复杂性。
Dashboard应该呈现的是通过搜集处理后的高水平数据。可以通过导航元素,比如菜单或者过滤器来简化复杂的数据集合。