10香港跑狗图可视化网络的最佳实践

Midori Nediger 经过 Midori Nediger  |  7月17日,2018年

香港跑狗图可视化已快速成为传播网络信息的标准。它在一系列行业,从商业智能到新闻,帮助我们了解并传达香港跑狗图内的见解。

我们的大脑旨在处理视觉上呈现的信息,让我们更容易了解在图表和图表中可视化的香港跑狗图,而不是表和电子表格中列出的香港跑狗图。巨大的香港跑狗图可视化应利用人类视觉系统的这些优点显示香港跑狗图,以便可以容易地吸收和理解。它应该考虑到我们所知道的视觉处理,以增强和缓解观众的香港跑狗图经验。

使用这么多的工具和框架现在可以建立这些图形,是时候回到基础知识了。什么使香港跑狗图可视化有效?使用香港跑狗图时,我们应在设计时进行哪些指导原则?

以下最佳实践将帮助您设计丰富的富有洞察力的香港跑狗图体验。

 

1.为特定的受众设计

可视化用于揭示模式,提供上下文,并描述香港跑狗图内的关系。虽然设计者对某一组香港跑狗图中的模式和关系没有影响,但她可以根据观众的需要选择要显示的香港跑狗图和提供的上下文。毕竟,就像任何其他产品一样,如果其查看器无法使用它,可视化是毫无意义的。

新手的可视化应该是结构的,明确的和吸引力的。他们应该直接拼写,看看观众应该远离香港跑狗图。

001

另一方面,专家受众的可视化可以显示更粒度的香港跑狗图视图,以允许读者驱动的探索和发现。细节和香港跑狗图密度应胜过简单和清晰度。

002

 

2.使用(但不依赖)互动以促进探索

这是一个sobering编号:只有 10-15%的访客 互动可视化 纽约时报 网站实际上单击按钮。纽约时报图形团队在业务中生产一些最佳工作,几乎没有人与他们互动!

纽约时报图形团队在业务中生产一些最佳工作,几乎没有人与他们互动!

这表明关于交互式可视化设计的表明是我们不能依赖于建立理解的互动。关键香港跑狗图不得隐藏在交互式元素后面,而是应在没有交互的情况下可用。

然而,互动是什么效果,允许对附加香港跑狗图的集成(可能会被排除在外),以允许感兴趣的观看者更深入地探索香港跑狗图集。流动香港跑狗图的内森助落在这种互动可视化风格的市场上,如他的图形所见 死亡的原因预期寿命.

或者,可以使用相互作用作为钩子;在远处散步之前,将您的受众队进入该项目的注意力抓取抓注。看看这个顽皮的碎片 手写和文化 从石英。在继续概述文化形状的分析之前,通过询问读者简单地绘制一个圆圈,这件作品踢掉了。

003

相似地, 布丁 最近发布了一个互动可视化,以教授读者 生日悖论。虽然大多数非统计学人员可能会发现生日悖论,但概率理论的标准问题,相当干燥和不行,这种可视化使得它看起来彻头彻尾的迷人。创造者纳入最近用户的交互的方式使整个经验非常可关联。

这两个互动的例子都是工作,因为它们允许观众参加香港跑狗图,而无需 要求 互动以获得理解。

 

3.使用视觉显着性焦点关注并指导体验

视力突出,使视觉元素脱离其周围环境的特征是香港跑狗图可视化的强大工具。它可用于指导用户注意可视化中最重要的信息,以帮助防止信息过载。通过使用视力突出突出显示一些细节并抑制他人,我们可以使我们的设计更加清晰,更容易理解。

少数视觉变量 - 颜色和大小,主要是我们创建和控制视力的键。

颜色方案 是大香港跑狗图可视化的关键,因为我们都知道的颜色,特别擅长打破伪装。我们可以使用温暖,高度饱和的颜色来突出显示关键香港跑狗图点,并应用冷却,不饱和的颜色,以将不太重要的信息推入背景中。

004

尺寸也非常不言自明。大量元素需求比小元素更多的关注,因此缩放了您希望查看者的元素首先阅读,并缩小文本和不太相关的元素。

 

4.使用位置和长度来编码定量信息并使用颜色来编码分类信息

克利夫兰和麦吉尔在信息可视化上的众所周知的工作调查了视觉编码的有效性(即香港跑狗图尺寸映射到视觉属性)。在他们的发现中,他们根据我们如何准确地评估不同类型的视觉编码,给我们这个(简体)列表:

  1. 沿着共同规模的位置
  2. 长度
  3. 角度
  4. 区域
  5. 颜色

这表明香港跑狗图可视化设计是我们的首选来显示定量信息应该是按位置编码香港跑狗图(如经典散点图和条形图所示)。与基于角度的编码(如饼图)或基于饼图)或基于饼图的编码(如泡沫图),基于位置的编码有助于观众在更少的时间内做出更准确的比较。

但是,这并不是说,所有可视化都必须是条形图或散点图。在探索可视化香港跑狗图的新和令人兴奋的方式时,这是一个好主意。

我真正想要强调的是,颜色不应用于编码定量信息,而是可以用来编码分类信息。也就是说,我们可以使用颜色来显示不同的香港跑狗图位属于不同类别。

005

 

5.制作结构元素,如刻度线和轴清晰但不起眼

无论您是否支持Edward Tufte在设计中的极简主义的极端方法,让自己一个忙,并从您的图表中剥离视觉杂乱。通过在香港跑狗图元素和非香港跑狗图元素之间创建视觉对比度,使您的香港跑狗图闪耀 Nadieh Bremer. 在美国屡获殊荣的胜利可视化在美国的出生时间。

006

删除不起作用的任何结构元素(如背景,行和边框),以澄清香港跑狗图。衰减基本结构元素(如轴,网格和刻度标记),否则会与您的香港跑狗图竞争。浅灰色的浅色栅格,最大重量为0.5 pt,黑色或灰色的轴,最大重量为1 pt。

 

6.直接标记香港跑狗图点

每个编码某些香港跑狗图的每个可视元素都需要标记,以便观看者了解它所代表的内容。简单,对吗?

错误的。太多的设计师依赖传说告诉读者,符号或颜色代表其图表中的香港跑狗图序列。传说,虽然在设计师身上,但在读者上很难。他们迫使读者在图例和香港跑狗图之间来回扫描,对读者的工作记忆提出不必要的压力。

更好的替代方法是直接在图表上标记香港跑狗图系列。这通常是挑战,但嘿,你是设计师。你的工作是做工作,让读者不一定。在下面的例子中,Nathan Yau已经完成了避免使用传说的工作,创建一个具有大量直接标记的交互式小倍数。

007

 

7.使用消息传递和视觉层次结构创建叙述流程

最好的可视化讲述了引人注目的故事。这些故事来自香港跑狗图中的趋势,相关性或异常值,并由包围香港跑狗图的元素增强。这些故事将原始香港跑狗图转化为有用的信息。

在面部值,它似乎是香港跑狗图可视化都是关于数字的全部,但没有词语无法告知一个很大的香港跑狗图故事。消息传递,具有清晰的视觉层次结构,可用于通过香港跑狗图逐步引导读者。

例如,可视化的标题应该通过明确说明读者应远离可视化的单个关键洞察力来启动叙述。在香港跑狗图中分散的微小注释可以通过注意对异常值或趋势来提供对该叙述的支持。

008

我想说这里的是:给观众一只手告诉他们在香港跑狗图中要查找的内容!

 

8.将上下文信息直接覆盖到图表上

正如我刚才所述,我们可以在可视化中使用注释来帮助创建叙述流。有时我们可以添加图形元素,使这些注释更加有意义 - 更直接地将该信息连接到我们的香港跑狗图。

从中获取此图形 苏·鲁, 例如。 “夏令箱”和“奥斯卡季节”叠加,对峰值和山谷似乎似乎随机的峰值。它们帮助观众了解香港跑狗图的意义,这些方式比单独的标题或注释更直接。

009

 

9.移动体验的设计

静态可视化,通常以Bitmap图像格式发布,如JPG和PNG为移动观众构成了一个明显的挑战。许多香港跑狗图可视化的美丽在于他们的视觉细节 - 在微小的香港跑狗图点和微妙的编码中 - 并且许多这些细节丢失在静态格式的小屏幕上。

案例在点:CleastAt Studio's 精美的工作工作 在诺贝尔奖品上,它看起来很棒的全尺寸印刷和高分辨率视网膜显示屏,是在移动设备上难以辨认的。

010

要设计移动体验,可以使用像D3.JS或Highchart等JavaScript可视化库构建响应性可视化,或者为打印,桌面和移动移动相同的静态可视化的多种变体。

 

10.以清晰度的清晰来平衡复杂性以促进理解

我今天触动的所有最好的做法都归结为一件事:在复杂性和清晰度之间找到与观众需求保持的良好平衡。

制作精美的详细,微妙,探索性的可视化始终令人诱人,但这很少是最合适的方法。在设计图形时,请注意 - 允许观众的知识和目标决定应该包括哪些香港跑狗图,并策划香港跑狗图以讲述您想要讲述的故事。