chart-checklist: cover

五彩繽紛的立體長條圖,有沒有什麼該注意的?

 

手機體驗、色盲測試 … 你的圖表 OK 嗎?統計圖表雖然可以用 Microsoft Excel 、 Google Spreahseet 之類的工具來製作,但圖表之外的地方他們可不管!所以這次我們收集了七個圖表製作注意要點,剛好是人類短期記憶的低標,方便大家在做圖表時快速查閱。那立刻就來看看吧!

1. 別忘了確認圖表的使用時機

with slideshow

做圖表記得問問自己,「這圖表會用在什麼場合?會如何展示?」萬一你花了半天終於找到有超棒互動效果的圖表工具,最後圖表卻是在電視上播放,那時間就通通浪費掉了!

使用圖表的情境相當多,重點是要確認各種情境下的不同限制,以確認圖表是否還有需要注意的細節。例如:

  • 使用投影機播放的話,圖表配色是否要更強烈?若環境光很亮的話,最好考慮使用亮底暗字製作。
  • 展示的時候使用滑鼠或是觸控?別忘了 滑鼠滑過 ( Hover ) 的效果在觸控螢幕上是辦不到的喔!
  • 使用紙本呈現的話, 移除互動性後圖表還剩下多少資訊?

簡單的列一些,相信大家一定能舉一反三吧!

2. 別忘了你的目標讀者是誰

target audience

圖表畢竟還是給人看的,所以受眾是一個很重要的因素。科學研究?那你大概不需要太多插畫。消費者?那線圖就太單調了。幼稚園小朋友?資訊量千萬不要太多。正要召開股東會?倒置線圖,立體圓餅圖,壓縮資料範圍… 可以把業績變好的招式全都用上吧!

資料不是給人看的東西,資訊才是,製作圖表可說是粹取資訊的方法,而粹取什麼樣的資訊便取決於作者。作者的職責就是提供目標讀者最適當的資訊。

3. 別忘了考慮到色盲讀者

color blind

地球上大約有 8~15%的人是左撇子,那你知道色盲佔多少比例嗎?答案是:100 個人就有 8 個是色盲!色盲其實還分成不同種類,例如紅綠色盲、色弱、全色盲等等… 搞不好比你網站上的色盲比 IE 使用者還多。所以在製作圖表時,記得使用 colorbind 測試工具確認看看用的配色在不同色盲的視界裡長得像什麼樣,以免有些人看不懂你的圖表喔!

除了色盲以外,老年族群也需要考慮,如果你的圖表內的文字太小往往不利於有老花眼的人閱讀。考量到讀者群跟使用情境,如果可以的話,就把字體做大一些吧!

4. 別忘了在手機上確認內容

Chrome Mobile Simulator

Chrome 提供的行動裝置模擬器

 

手機瀏覽網頁比例逐年增高,放棄手機讀者等於喪失掉一定比例的讀者,所以如果你的圖表會出現在網路上的話,記得確認一下手機上的表現,以免像很多圖表一到了手機上就「歪腰」了。有些字小不啦嘰、有些整張圖佔滿畫面、有的滑不太動、有的根本看不到 … 都是圖表製作的悲劇。

雖然市面上手機百百種,不太可能通盤測試,我們可以使用 Chrome Developer Tool 中的手機模擬器來預覽在不同解析度下的圖表畫面,這樣能省掉不少工,相當方便記得試試喔!

5. 別忘了提供足夠的說明

圖表的線條、大小、顏色通常對應到不同的資料,資料的單位、對應方式我們卻常忽略掉,使得讀者搞不清楚哪條線代表哪個數據,最後圖表完全失去了傳遞資訊的原意。所以最基本的 - 附帶圖例、單位、座標軸說明等等 - 是不可或缺的步驟。

其次,讀者看懂了圖表,但不一定能理解你想要傳遞的訊息。你是想說明失業率導致犯罪率攀升?想解釋網站改版提升了商城轉換率?不要讓讀者猜想你的心意,把你想要表達的寫成文字傳遞出來吧。

在圖表旁附帶適當的描述還有另一個優點。如果你製作圖表是為了曝光或行銷,搜尋引擎最佳化就不能不考慮,可是網路爬蟲不容易取得圖片中、或是程式產生的文字,所以常常搜尋結果都排不到前面。這時候,如果你的圖表旁已經有文字,那網路爬蟲就能夠利用文字內容了解你的圖表內容啦!

6. 別忘了做 Open Graph

Open Graph: Cover

現在在社群網站上分享的網頁比例越來越多,而這些社群網站會利用網頁中的 Open Graph 屬性來摘要網頁內容。沒有準備好 Open Graph 的話,很可能我們的圖表網頁摘要就會是一片空白。

辛苦製作的圖表如果是因為這樣的小問題導致擴散不出去,那就真是冤枉了,所以千萬別忘了要注意 Open Graph 的設定,可以參考我們先前整理的「Open Graph?跟資料視覺化有什麼關係?」一文。

7. 別忘了確認七個常見錯誤

7 Mistakes Cover

圖表的外部細節考慮好,別忘了也要確認圖表本身有沒有問題喔!幸好,前些日子我們整理了專文「千萬不要犯!七個常見的圖表錯誤」,同樣的七個要點方便讓你記憶,下次製作圖表的時候,這兩個表就一起拿出來吧。

結語

七個要點,容易記憶也容易實踐,你都記住了嗎?那麼也記住最後這一個要點吧:「下次要開工之前,別忘了打開這份檢查表再確認一遍喔!」


Written by infographics.tw

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *