按关键词阅读:
同样,这也是问题结构起作用之处。如果您已经确定了主要问题,那么首先展示回答它所需的内容,这就是你的Dashboard默认显示的内容。不在页面加载最初就渲染大量的图表,前端开发人员也会很乐意。
对于次要问题和其他问题,您可以默认情况下将它们折叠,或者将它们移到单独的可导航仪表板上,从而逐步显示它们。在使用辅助仪表板时,请确保导航清晰并可访问。做决策时需要认识到每一种选择的利弊:
- 导航似乎很容易,但是维持上下文往往很困难。
- 折叠看起来也很容易,但是页面超载可能会给用户和呈现Dashboard的系统带来压力。
1)颜色
跨图表进行比较最常见的元素之一就是数据源。 重要的是,多个图表(甚至不同图表类型)上的数据应以相同的方式表示相同的来源,尤其是在颜色方面。
此外,请注意颜色本身的象征意义。例如,许多用户会将红色图表理解为错误,或将绿色图表理解为正常和健康。红色和绿色也提出了另一个需考虑的因素:可访问性。红绿色盲(全色盲和全色弱)影响多达7%的男性人口,因此使用模拟工具来验证您的图表是否可区分非常重要。

文章插图
以上相同的图表使用色觉模拟器后…哦豁…
2)字体
为界面选择合适的字体,这本身就够困难的了,但图表却提出了自己的特定挑战。图表显示的文字比大多数正文要小得多,因此找到一个小尺寸的可读字体是关键。
此外,图表的字体用于数字值的频率远高于界面的其他部分,因此请仔细考虑如何呈现数字。例如,许多字体给0加上斜杠或点,用以与字母“O”区分开,但是如果字体较小,它们可能看起来会像数字“8”。
数据可视化对于设计人员来说是一个关键挑战,有效设计Dashboard的能力是一项有价值的工具。与任何工艺一样,重要的是不仅要有正确的工具,而且要知道如何有效地运用它。
制作一个漂亮的图表需要专业的技能,但要想制作一个解决用户问题的Dashboard,并能让用户以愉快的方式使用,则需要思考和规划。
原文链接:https://medium.com/vmwaredesign/5-steps-to-effective-dashboard-design-c1813455e159
本文由 @Hitomi 翻译发布于人人都是产品经理,未经作者许可,禁止转载
【 用户|有效设计Dashboard的5个步骤】题图来自 Pexels,基于CC0协议
稿源:(人人都是产品经理)
【傻大方】网址:http://www.shadafang.com/c/102c3F1H021.html
标题:用户|有效设计Dashboard的5个步骤( 三 )