千万别忘记,製作图表要确认的7个要点

2020-06-20浏览量684 收藏量116 363热度

千万别忘记,製作图表要确认的7个要点

手机体验、色盲测试 … 你的图表 OK 吗?统计图表虽然可以用 Microsoft Excel 、 Google Spreahseet 之类的工具来製作,但图表之外的地方他们可不管!所以这次我们收集了七个图表製作注意要点,刚好是人类短期记忆的低标,方便大家在做图表时快速查阅。那立刻就来看看吧!

1. 别忘了确认图表的使用时机
千万别忘记,製作图表要确认的7个要点

做图表记得问问自己,「这图表会用在什幺场合?会如何展示?」万一你花了半天终于找到有超棒互动效果的图表工具,最后图表却是在电视上播放,那时间就通通浪费掉了!

使用图表的情境相当多,重点是要确认各种情境下的不同限制,以确认图表是否还有需要注意的细节。例如:

简单的列一些,相信大家一定能举一反三吧!

2. 别忘了你的目标读者是谁
千万别忘记,製作图表要确认的7个要点
图表毕竟还是给人看的,所以受众是一个很重要的因素。科学研究?那你大概不需要太多插画。消费者?那线图就太单调了。幼稚园小朋友?资讯量千万不要太多。正要召开股东会?倒置线图,立体圆饼图,压缩资料範围… 可以把业绩变好的招式全都用上吧!

资料不是给人看的东西,资讯才是,製作图表可说是粹取资讯的方法,而粹取什幺样的资讯便取决于作者。作者的职责就是提供目标读者最适当的资讯。

3. 别忘了考虑到色盲读者
千万别忘记,製作图表要确认的7个要点

地球上大约有 8~15% 的人是左撇子,那你知道色盲佔多少比例吗?答案是:100 个人就有 8 个是色盲!色盲其实还分成不同种类,例如红绿色盲、色弱、全色盲等等… 搞不好比你网站上的色盲比 IE 使用者还多。所以在製作图表时,记得使用 colorbind 测试工具确认看看用的配色在不同色盲的视界里长得像什幺样,以免有些人看不懂你的图表喔!

除了色盲以外,老年族群也需要考虑,如果你的图表内的文字太小往往不利于有老花眼的人阅读。考量到读者群跟使用情境,如果可以的话,就把字体做大一些吧!

4. 别忘了在手机上确认内容
千万别忘记,製作图表要确认的7个要点
Chrome 提供的行动装置模拟器

手机浏览网页比例逐年增高,放弃手机读者等于丧失掉一定比例的读者,所以如果你的图表会出现在网路上的话,记得确认一下手机上的表现,以免像很多图表一到了手机上就「歪腰」了。有些字小不啦叽、有些整张图佔满画面、有的滑不太动、有的根本看不到 … 都是图表製作的悲剧。

虽然市面上手机百百种,不太可能通盘测试,我们可以使用 Chrome Developer Tool 中的手机模拟器来预览在不同解析度下的图表画面,这样能省掉不少工,相当方便记得试试喔!

5. 别忘了提供足够的说明

图表的线条、大小、颜色通常对应到不同的资料,资料的单位、对应方式我们却常忽略掉,使得读者搞不清楚哪条线代表哪个数据,最后图表完全失去了传递资讯的原意。所以最基本的 - 附带图例、单位、座标轴说明等等 - 是不可或缺的步骤。

其次,读者看懂了图表,但不一定能理解你想要传递的讯息。你是想说明失业率导致犯罪率攀升?想解释网站改版提升了商城转换率?不要让读者猜想你的心意,把你想要表达的写成文字传递出来吧。

在图表旁附带适当的描述还有另一个优点。如果你製作图表是为了曝光或行销,搜寻引擎最佳化就不能不考虑,可是网路爬虫不容易取得图片中、或是程式产生的文字,所以常常搜寻结果都排不到前面。这时候,如果你的图表旁已经有文字,那网路爬虫就能够利用文字内容了解你的图表内容啦!

6. 别忘了做 Open Graph
千万别忘记,製作图表要确认的7个要点

现在在社群网站上分享的网页比例越来越多,而这些社群网站会利用网页中的 Open Graph 属性来摘要网页内容。没有準备好 Open Graph 的话,很可能我们的图表网页摘要就会是一片空白。

辛苦製作的图表如果是因为这样的小问题导致扩散不出去,那就真是冤枉了,所以千万别忘了要注意 Open Graph 的设定,可以参考我们先前整理的「Open Graph?跟资料视觉化有什幺关係?」一文。

7. 别忘了确认七个常见错误
千万别忘记,製作图表要确认的7个要点

图表的外部细节考虑好,别忘了也要确认图表本身有没有问题喔!幸好,前些日子我们整理了专文「千万不要犯!七个常见的图表错误」,同样的七个要点方便让你记忆,下次製作图表的时候,这两个表就一起拿出来吧。

结语

七个要点,容易记忆也容易实践,你都记住了吗?那幺也记住最后这一个要点吧:「下次要开工之前,别忘了打开这份检查表再确认一遍喔!」

上一篇: 下一篇:
相关推荐