美文网首页交互设计设计设计
提升Dashboard设计的三个技巧

提升Dashboard设计的三个技巧

作者: 青春是打了鸡血的明天 | 来源:发表于2016-11-23 14:40 被阅读262次

Dashboard是用户界面的一种,它将纷繁零碎的信息整合成一块显示,让用户一目了然地收集关键信息。

设计得当的话,Dashboard可以将庞大复杂的信息简单清晰地展示出来。因此,Dashboard成为企业和所有设法从各种来源传输数据的组织的杰出工具。

这里有三个技巧可以让Dashboard更有效:

1.组织

Dashboard的内容必须以反映信息本质并支持有效和有意义的监控的方式进行组织。

不能随便把信息放在Dashboard的某处,也不能将可用空间的大小简单地定为显示器的大小。相关的信息应该比邻而居。

——Stephen Few,《信息仪表盘设计》作者

应该按照对用户的重要程度来组织信息。重要的信息应该能被清晰、快速地辨认。

通过查看网页设计的例子,可以收集关于使用网格设计布局的有益指导。

当你开始设计布局Dashboard时,思考以下问题:

应该把最重要的信息放在哪里?辅助支持的信息呢?该如何设计布局图表和文本才能保持清晰度和连贯性?如何利用留白给你的用户讲一个清晰的故事,并帮助他们获取信息?

2.适当的可视化

图表有一种魔力。曲线的轮廓揭示了整体情况——流行病生命史、恐慌,或一个时代的繁荣状况。曲线调动思维,唤起想象力,说服力。

——Henry D.Hubbard

可视化是Dashboard设计的一个关键部分。原始数据通常十分复杂难懂,很难消化,而且冗长乏味。可视化的目的就是在短时间内展现有关的信息,同时让用户在想要时获得更多细节。

可视化应该服务于特定目的,并用比基本原始数据格式更有效的方法传达特定的高级信息。

考虑你在通过Dashboard给哪类用户传达哪种类型的信息。

思考以下问题,然后选择一种合适的可视化方案:

用户最关心什么信息?

除此之外他们还需要什么重要的细节?

你试图传递什么类型的信息?

3.减少迷惑

可视化的目的是洞察,而不是图片。

——Ben Shneiderman


有选择性的选取你需要展示的数据以及突出数据的可视化方法。使用颜色减少可视化的杂乱和复杂是很精妙很有意义的方法。

Dashboard应该用于传递从可操作的结果内提取的高级信息。通过使用导航元素(例如菜单或者过滤器)来简化复杂数据集,从而降低复杂性。

欢迎关注公众号 1660,不仅有译文哦:

相关文章

  • 提升Dashboard设计的三个技巧

    Dashboard是用户界面的一种,它将纷繁零碎的信息整合成一块显示,让用户一目了然地收集关键信息。 设计得当的话...

  • 【笔记 | 翻译】Information Dashboard D

    《Information Dashboard Design》是2006年出的一本关于dashboard设计的书籍,...

  • dashboard设计

    整体的设计是卡片式的metro风格 基础理念: 1.选择excel的50列,控制列的宽度,每个单元格为正方形,其他...

  • Dashboard设计

    1.Dashboard含义 Dashboard的中文是“仪表盘”,与汽车仪表盘相同——反映车辆各系统工作状况的装置...

  • Dashboard设计

    一、Dashboard的概念 翻译成中文可以是仪表盘,虽然我不是特别满意。汽车的仪表盘,手机的首页,网站的首页(带...

  • 全新展示界面-HA Dashboard架设

    HA 的dashboard 是用类似metro的设计语言展示HA中的组件的界面。dashboard项目基于appd...

  • 持续提升学习能力的三个技巧

    技巧之于人,则是如登天之阶梯,飞鸟之翅膀。提升学习能力三个技巧:记录、定期回顾及付费购买。 提升学习能力技巧之一:...

  • 关于Dashboard设计的总结

    作为一个TOB产品的设计师,一定设计过仪表盘(Dashboard)无论是哪一种数据产品,仪表盘(Dashboard...

  • 关于dashboard的设计

    写在前面: 数据一贯是我的弱项,今天摘录一些和数据看板设计相关的内容 不定期摘读一些对自己有用的文章,用于分享学习...

  • 如何设计Dashboard

    1.为谁设计,用户想要什么 角色、岗位的不同就造成了他们所关注的重点、立场不同,不同人所发现的信息、得出的结论也是...

网友评论

    本文标题:提升Dashboard设计的三个技巧

    本文链接:https://www.haomeiwen.com/subject/zgkvpttx.html