如何为您的网站制作漂亮的图表和图表?

不推荐使用:_usort_terms_by_ID为 不推荐使用 从4.7.0版开始!请改用wp_list_sort()。在 /home/218053.cloudwaysapps.com/wmdtwanpyt/public_html/wp-includes/functions.php 在线 4713


如果互联网是一回事,那么它就是视觉.

人们喜欢快速,易于访问的信息,而信息图表仅提供这种类型的数据可视化。与饼图,图形或照片结合使用时,即使是复杂的数据也更易于理解.

根据顶级营销学院的信息图表,信息图表有可能覆盖约1500万人.

为什么选择信息图表?

营销公司Bell Pottinger看到,信息图表等数字产品的业务预算增长了55%.

在有关信息图表的信息图表中,反跳指出在过去两年中搜索信息图表的人数增加了800%。借助这样的统计数据,很难否认信息图表形式的数据可视化是网站和博客的良好内容/市场营销.

好处1-新访客

添加图表可以通过几种方式吸引新的网站访问者.

  • 网页搜寻:互联网用户可能正在研究您的信息图表所在的主题。如果您是唯一拥有蓝莓为何能使您变得更聪明的信息图的网站,那么搜索该主题信息图的任何人都将吸引您流量。那些专门搜索图像的人可能也会在您的信息图表中看到它们.
  • 社交媒体:来自顶级营销学院的信息图表明,传统帖子大约发送75条推文,而信息图则获得近600条信息。由于人们在Twitter上分享您的信息图的可能性比简单帖子要高得多,因此您有潜力通过社交网络吸引新访客媒体巨大.

Nielson / Norman Group估计平均页面访问持续时间不到一分钟。除非您引起读者的兴趣,否则她会浏览您的页面并转到下一个站点.

网站访问者习惯于滚动浏览信息和新闻。这就是信息图表如此出色地吸引读者兴趣的另一个原因。视觉上有趣的事实表示比文本段落是一种更快地显示信息的方法。读者可以快速浏览您的信息图,吸收所需的信息,并停留更长的时间以查看您还需要提供什么,或者可以为您的网站添加书签以备后用.

提供信息丰富的信息图表的技术挑战

但是,要记住的另一件事是,虽然信息图表可以增加价值,但需要花费较长时间才能加载的沉重图像可能会导致游客离开。皮尤互联网(Pew Internet)的研究估计,普通的网站访问者期望在不到三秒钟的时间内加载页面。网站加载的速度越快,转化率就越高.

确保您的站点在保持闪电般快速加载的同时,提供视觉上丰富的体验是一种平衡的行为。最好的方法是使用快速的服务器和优化的映像。您会在我们的网络托管评论中注意到,我们在评估网络主机时非常注重速度并进行了许多速度测试.

好处2-留住访客

Nielson / Norman Group估计平均页面访问持续时间不到一分钟。除非您引起读者的兴趣,否则她会浏览您的页面并转到下一个站点.

网站访问者习惯于滚动浏览信息和新闻。这就是信息图表如此出色地吸引读者兴趣的另一个原因。视觉上有趣的事实表示比文本段落是一种更快地显示信息的方法。读者可以快速浏览您的信息图,吸收所需的信息,并停留更长的时间以查看您还需要提供什么,或者可以为您的网站添加书签以备后用.

但是,要记住的另一件事是,虽然信息图表可以增加价值,但需要花费较长时间才能加载的沉重图像可能会导致游客离开。皮尤互联网(Pew Internet)的研究估计,普通的网站访问者期望在不到三秒钟的时间内加载页面。网站加载的速度越快,转化率就越高.

确保您的站点在保持闪电般快速加载的同时,提供视觉上丰富的体验是一种平衡的行为。最好的方法是使用快速的虚拟主机服务器和优化的映像。您会注意到,我们在托管评论中非常注重速度–例如,请参阅A2托管评论,或查看我们的其他评论,以了解哪个虚拟主机最符合您的速度需求.

好处3 –增加权限

我们50%的大脑参与视觉处理(来源).

大多数人都是视觉学习者。 NeoMam从Google趋势,尼尔森和皮尔森等来源收集的研究表明,70%的感觉受体位于眼睛中,人们可以在不到1/10秒的时间内进入并理解视觉场景.

人们倾向于相信自己看到的东西,因为他们对它的理解更好。进行研究并将其备份到您的信息图中可以为您的品牌增加授权。务必:

  • 提供可靠的统计信息
  • 在信息图的底部添加备受尊重的资源
  • 添加图形和图表以可视方式显示这些统计信息

当您将视觉效果与互动功能(例如,来自这些统计信息的NeoMam信息图)结合使用时,您不仅可以吸引读者的兴趣,还可以吸引他们的兴趣.

您还注意到什么?您是否注意到页面上有一个普通图形,还是移动,闪烁或开始播放视频的图形??

什么使一个好的信息图?

展望未来,我们将研究当今用于数据可视化的一些最佳资源和工具。无论您是只是为了创建品牌目的而创建一些精美信息图表的休闲博客作者,还是需要深入研究该领域的职业图形设计师,无论您是男性还是女性。我相信您会发现这篇文章有用.

信息架构

通常,一个好的数据可视化包含三个主要元素:

  1. 有意义的数据,
  2. 适当的信息设计,以及
  3. 漂亮的图形.

请记住,尽管信息图表往往吸引博客圈和社交媒体用户的关注;他们不仅仅应该做品牌推广工作-图表和图表首先应该以用户友好的方式提供无聊和混乱的数据.

因此,在创建图形或图表之前,您需要1)组织,过滤和优化数据; 2)决定如何呈现数据(又称数据可视化设计).

数据挖掘

输入OpenRefine-一个强大的数据挖掘工具,可避免我们在Excel Worksheet上逐行组织数据。此工具以前称为Google Refine(和Freebase Gridworks),可帮助用户浏览和清理数据,将数据从一种格式转换为另一种格式,并通过各种Web服务进行扩展。.

如果您要处理大量无序数据,则绝对必须在您的工具包中包含OpenRefine。该工具当前托管在GitHub上,您可以访问此页面以获取所有必要的信息和帮助。有关更多后续消息和最新消息,您还应该访问其新推出的网站,网址为http://openrefine.org/。

资料呈现

准备好数据后,就该决定如何向观众展示数据了.

完成此操作有无数种方法:饼图,图表,折线图,直方图,热图,流程图,元素周期表等。这些方法中的每一种都非常适合某些类型的数据(如果使用不当,则会很臭).

您应该如何呈现数据,以使统计数据美观,醒目且易于理解?

在此问题上,Visual Literacy在可用于可视化数据的所有选项上构建了非常方便的元素周期表(如下图).

请注意,将鼠标悬停在元素周期表上会显示许多有趣的示例,因此请确保您在站点上查看了实际的表。.

周期表上的数据可视化

如果您正在寻找非传统方法,那么您应该在Smashing Magazine上查看这篇很棒的文章。该帖子是在一段时间前发布的,但我仍然认为它非常有帮助.

信息图表和收费工具

一旦您完成了信息体系结构,就可以进行一些实际的生产了。用原始数据制作漂亮的图表绝非易事,幸运的是,有无数种工具可以完成工作.

是的,有无数种用于数据可视化的工具。有很多综合工具可以根据复杂数据生成交互式图形。还有一些简单的Web应用程序,除了生成简单的2轴折线图外什么也不做.

出于实际原因,我们将研究双方并列出面向高级用户和临时用户的多种图形工具.

先进的制图工具

首先,让我们看一些高级的东西.

1. ggPlot2和R

R和ggplot2

R是一种计算机语言,是用于数据操纵,计算和图形显示的环境。 ggplot2是R的绘图系统,可帮助生成复杂的多层图形。例如,上面的HeatMap是使用ggplot2和R构建的.

如果您热衷于学习R和ggplot2,LearnR是一个不错的博客,可以进一步阅读(尽管博客已有一段时间没有更新了).

2. jqPlot

jqPlot

jqPlot是jQuery Javascript框架的绘图和制图插件。 jqPlot生成漂亮的折线图,条形图和饼图。该工具具有一些不错的功能,例如生成可以由用户在Web浏览器上调整的交互式点。但是,值得注意的是,此工具尚未经过全面测试,并且某些Web浏览器可能不支持该工具,即低于7的Chrome和IE。.

3. JP图

JP图

JP Graph是一个PHP驱动的图表工具,支持各种绘图类型。如果您正在编写一个需要图形创建库的PHP程序,则应注意这一点。我不会说JP Graph对于初学者来说是一个简单的工具,但是当您需要从Web服务器生成图形和图表时,该工具(或PHP库)确实非常有用。 JP Graph可免费用于非商业用途,并且您需要支持PHP 4.3.x或更高版本的Web服务器.

4. JS InfoVis工具包

JavaScript InfoVis工具包

JavaScript InfoVis Toolkit是Nicolas Garcia Belmont开发的库。该库具有多种可视化选择,并且完全免费使用.

 5. IBM Analytics(以前称为Many Eyes)

IBM Analytics是一个免费工具,使用户能够从几乎任何类型的数据集中创建可视化.

托管在IBM服务器上的Many Eyes不仅可以进行数据可视化-它还允许用户上传自己的数据集以及根据服务器中存储的任何数据生成新的可视化模型.

6. Google图表

谷歌图表

Google Chart是免费,强大,灵活的,并受许多其他开发人员工具的支持.

Google Chart上的图表完全基于HTML5 / SVG技术;该工具通过精美的动画和交互式控件帮助创建各种格式的图表.

7.轴

轴

Axiis是由Tom Gonzalez和Michael VanDaniker开发的开源数据可视化框架。该工具是专为初学者和专家开发人员设计的。 Axiis提供了预建的可视化组件以及抽象的布局模式和渲染类,可让您创建自己独特的可视化.

面向初学者的简单信息图工具

诚然,大多数博客作者(包括我本人)在日常的博客操作中都不需要上面的综合图表工具。通常,我们需要的是一个简单的Web应用程序或一个简单的工具来快速完成工作.

话虽如此,以下是创建工具的列表,这些创建工具需要很少的学习工作并且对用户友好.

1. Visme

粘液

Visme是一个DIY平台,允许用户创建专业的演示文稿和信息图表.

超过350,000个个人和组织(包括IBM和Disney等大公司的用户)使用该工具通过交互式图形和演示更好地进行沟通.

2.参与

Venngage是一种用户友好的可视化工具,自2011年以来一直存在。该工具提供了一种简便的方法,可通过拖放编辑器,自由格式的画布以及1,000多个示例和预构建模板来创建信息图.

3.轻松

轻松地

Easel.ly帮助轻松地在线创建和共享可视数据。该Web应用程序具有一个简单的界面,其中包含一些预设模板和拖放功能。虽然Easel.ly目前仍处于beta模式,但它已经在其服务器上拥有超过130,000个用户创建的视觉效果.

4. Vizualize.me

VIsualize.me

Vizualize.me帮助创建有关个人的漂亮信息图表(是的,因此名为Vizualize Me)。这是一个有趣的工具,只需单击几下即可创建漂亮的简历或个人资料。如果您使用的是LinkedIn,则应该真正尝试一下-该工具能够链接到您的LinkedIn个人资料并根据您的数据生成精美的图形.

5. Hohli

霍利

需要一个简单的图表构建器?然后,Hohli是参观的地方。该Web应用程序支持十二种不同大小的各种类型的图表-所有用户需要输入的数据和设计详细信息.

6.皮克托哈特

Piktochart是基于模板的信息图表工具,可帮助非设计师创建漂亮的图形和图表.

该工具支持拖放功能,并在预设模板,图标,矢量和图像中提供了广泛的选择。如果您正在寻找一种简单的图形工具,并且不介意为此服务支付少量费用,Piktochart绝对是您最佳的选择之一.

开始之前:信息图表的启示

那么,您准备好创建自己的信息图表了吗?等待。我们还有更多要去的地方.

这是从互联网上捕获的一些最受欢迎的信息图和图表.

我敢肯定,您过去在社交媒体网络上看到过其中的一些内容-这证明了带有有意义数据棒的精美图形!

另外,这些天信息图表画廊的流量如此之大也是有原因的.

通过参考他人的作品,我们可以了解哪些内容适合观众.

  • 热门信息图表的平均大小是多少?
  • 观众最欢迎哪种主题?
  • 您是否应该在图表中包含尽可能多的数据?
  • 您应该在图表中覆盖多少个要点?
  • 是什么使这个信息图表受欢迎?

现实生活中的例子:信息图表的类型

这些是您浏览样本时要问的问题.

咖啡饮料说明

咖啡饮料说明资源: lokeshdhakar.com

球迷男孩实地指南 

PC World粉丝男孩现场指南资源: PC世界

2008年美国最佳啤酒

美国最好的啤酒资料来源:Mikewithart.com

字体周期表

字体表

救援跟踪

救援跟踪资料来源:《纽约时报》

电话的演变

时间线图表资料来源:《战俘》

签入图

图图资料来源:四方

深层发掘

在研究这篇文章时,我碰到了许多有趣的博客和与我们的主题相关的网站。认真地说,有很多东西可供阅读,学习和玩耍!我从来不知道在Gap Minder和Better World Flux上可以免费获得如此多的数据;我已经在UX Booth等内容丰富的网站/博客上阅读了很多(并不完全与数据可视化有关,但是有很多关于可视化如何改善Web用户体验的有用文章),动态图,数据流;我非常欣赏兰迪Pinterest板上展示的所有令人惊叹的作品和《 Chart Porn》.

如果您只是开始进行数据可视化,我强烈建议您访问上面列出的网站和博客.

如果您尚未在营销活动中利用数据可视化的功能,那么现在是时候开始了.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map