Tag Archives: 新聞圖表

新制勞工退休金績效的圖表應該怎麼畫?

今天早上打開聯合報,看到一張描述平均每個勞退新制投保者的勞退基金績效圖。

折線圖的侷限

先講好的部份。這張圖有將負數的地方特別標示,同時數值也改成紅色,並且將最新一年特別強調出來,方便讀者看到負數的表現。我早上簡單翻了幾報,好像只有聯合報處理,要先鼓鼓掌。

IMG_20160202_091217

但是這張圖是否適合用折線圖來畫呢?我重新用Excel把聯合報的這張圖繪製一次,得到下面的結果。第一眼會看到數值高高低低變化,這是折線圖的特性,但是我們遇到負數數值的時候,可能直條圖會更為清楚。

勞退基金平均每人績效折線圖

 

直方圖的特性

上下兩圖比較,首先,直方圖在負數時,表現特別明顯,其次,我們可以針對正值與負值標記不同顏色,所以直方圖要比折線圖更容易看出新制勞退基金2005年開辦以來,有4年大好,2年大壞,2015年的表現微不足道。

勞退基金平均每人績效直條圖

 

瀑布圖可以拆解長期數值

當然,如果你是一個跟我一樣上了年紀,從2005年開辦第一天就開始加入勞退新制的好青年,其實你比較關心的不會是去年一年的賺賠,而是累積的數據,這時候我們要請出「瀑布圖」(Waterfall Chart),利用這種方式,我們可以看到累計起來,平均每個人10年下來的獲利是2萬元,當然這個數值與真實狀況有點出入,畢竟每個人投保金額都不一樣,每個人有沒有自己加碼也不一樣,而且每年投保人數都不同,但是你還是可以看得出來,長期下來勞退基金是賺的。瀑布圖以前要自己慢慢拆數字畫,但在Excel 2016年之後是內建的圖表。

 

勞退基金平均每人績效瀑布圖

 

找到讀者可能想看的視角

所有圖表當然都不只是拿到數字後就重新繪製這麼簡單,我每次在圖表課當中都會強調「視角」的轉變,瀑布圖就是一種視角的轉變,下圖又是另外一種視角轉變。台灣有非常多人不是在2005年加入勞退新制的,如果他在2006年加入的呢?2008呢?2014呢?所以我們利用同樣的數字,又可以得到不同加入年的累積獲利。上圖呈現的是2005年加入的投保者的狀況,下圖可以讓不同年份加入的人,看到自己的情形,同時也可以發現其實2005年加入與2007年加入好像差不多,最好的是2009年初加入的,因為2009年大賺,同時又逃過2008年的大跌。

勞退基金不同加入年平均每人績效直條圖

中古車報廢免貨物稅的新聞中,車齡分布圖表要怎麼畫?

今天(2015/11/13)幾乎各報都有一則新聞,6年以上的中古車如果報廢或者出口,再買新車可以免貨物稅。我個人是不開車也希望大家減少開車,所以不知道政府在想什麼,但據說對於新車市場很有幫助(但台灣車有三分之一的車是進口的哦)。

圖表永遠是公關的好工具

我在8年前的動腦雜誌上寫過一篇文章,「公關人,你會用圖表嗎?」,建議公關界的朋友多在新聞稿或者Press Kit當中放入圖表,因為媒體使用圖表的機會越來越大,而且視覺溝通有一個可怕的地方在於先入為主,如果你已經把一種資訊選擇了特定方式繪圖,通常媒體就會跟著你的圖來畫,這是所有溝通的素材當中,最不容易被扭曲的一環。

中國時報、工商時報、經濟日報,基本上圖表都一樣

我雖然沒有去昨天的記者會或者拿到新聞稿,但我可以知道交通部一定有提供一張圖表給各大媒體使用,因為以下各大報,幾乎都畫出類似的圖表。資料的欄位一模一樣,而且排序的邏輯也一樣。當然,中國時報(第一張)的美邊一定收到了「畫好看一點」的指令,然後就沒有按照通用的排序方向排序,而且又變成立體橢圓圓餅圖,讓讀者更不容易看懂。至於經濟日報(第二張)與工商時報(第三張),本質上是一樣的,只有著色方式不一樣而已。

國內汽車車齡分布圓餅圖

中國時報國內汽車車齡分布圖

台灣現有車輛車齡分布圓餅圖

經濟日報台灣現有車輛車齡分布圖

小客貨車保有車齡的圓餅圖

工商時報小客貨車保有車齡分布圖

畫圖表前請先思考

畫圖表一定有目的,遇到這個題目、這些數據,你想呈現給讀者什麼?這是繪圖者、簡報者、編輯永遠要思考的問題。同樣的數字,我丟到Excel,你會得到這樣的圖表。是的,你可以畫出跟報紙一樣的圖表,但是你到底要表現什麼?

Excel自動產生的圓餅圖

Excel自動產生的圓餅圖

重點著色圖表

圖表的顏色永遠是需要規劃的。這則新聞是說出廠車齡6年以上的小客車、小貨車,可以減免貨物稅,所以6年以上是一個分水嶺,所以我應該把6年以上的幾個區塊都標註類似的顏色,我選擇綠色,然後按照不同連ㄌㄧ

重點著色後的圓餅圖

重點著色後的圓餅圖

重新思考排序

上面那張圖雖然感覺來了,但我們要想看看到底想呈現什麼。如果重點是呈現「可以減免貨物稅的車子有多少比例」,這樣我應該反過來排序,從最可能被車主拿去報廢或出口的車子來排,依序排到最新的,所以我應該這樣排序,而不是從新車排到舊車。

重新排序後的環圖

重新排序後的環圖

簡化所有數據

再來,我們還要思考,到底這麼多車齡的分段有沒有必要。只有少數文章有提到,車齡15年以上的車子,可能車子殘值不到5萬元,但這也沒一定,而且沒有其他數據說明不同車齡的換車率有多少,所以我判斷對讀者而言,車齡分段對於理解這件事情的意義不是很大,可以合併、簡化。下圖可以看出來,「哦,有71%的車子符合政府新的規定」。

簡化資料環圖

簡化資料環圖

資訊滿載的雙環圖

如果同時要滿足一眼就能看出大概(可讀性),同時又保留細部資料(準確性),雙環是一種選擇。下圖只是要解釋雙環長什麼樣,由於Excel不能個別調整外環與內環的寬度,所以長得醜些,但大致上就是這個感覺。但就這則新聞而言,我不會選擇這種方式。

雙環圖

雙環圖

圖表是假的,故事才是真的

這張圖其實在整則故事當中,只是一個小敘事環節而已,主要能夠讓簡報者、演講者、編輯翻譯這句話「7成以上的車子可以減免貨物稅」,但這個故事很重要的論證還有「汽車換車數量會大增」、「未來車市看好」,最後回到論點就是「車廠賺翻了」,這些論證其實也都很適合繪製圖表,才能把故事說完。

跟大師學網路互動多媒體報導:紐約時報Archie Tse

台灣最近對於資訊視覺化及新聞圖表的風氣越來越興盛了,想來也是極好的事。繼去年邀請國家地理雜誌的設計總監Juan Velasco來台後,今年林照真老師又邀請了紐約時報的Archie Tse來台授課,相信對台灣新聞界會有不同的刺激。

在國外通常是越專業的報紙在新聞圖表上投資越多,其中最厲害的當屬紐約時報。紐約時報從紙本圖表開始就已經引領全球報業,不管是形式上的創新或者敘事方法的多元,都在在顯示王者風範,不論在SND或者Malofiej都得獎無數,也是我一直想要學習的對象。之前雖然從很多資料大概得知紐約時報的新聞圖表產製方式,但都只是非常片面的資訊。

這次Archie Tse來台,安排在許多大學與媒體演講。我因為工作時間有點忙,所以無法每個學校的演講都去聽,感謝聯合報願意收容我,所以我是去聯合報旁聽。這次Archie Tse在大學的課程題目分別是「有關視覺圖表與互動新聞的個案研究」、「視覺圖表如何改變我們報導的方式」、「網路時代的資訊設計」及「有關視覺圖表與多媒體的有效使用」,但我想講的內容大體上應該跟我在聯合報聽到的差不多。

過去幾年我聽了很多新聞圖表大師的課,但實際上很少課程真的在講圖表怎麼畫,第一次2009年在重慶聽到的是最基本的視覺新聞報導,2011年去上海我最大的收穫是如何用全媒體(但還是紙本)來報導新聞,這次對我意義比較大的,是如何結合資料、科技與設計來報導新聞,對於一個實際在從事新聞圖表教學、當過文字記者、曾經利用網路來處理新聞、經營過網路新聞平台的我而言,Archie Tse這次根本就是來傳福音的,同時也展現了紐約時報利用網路科技報導多媒體新聞如何再次領先全球網路媒體。

他這次來台灣介紹的新聞圖表,原則上都是紐約時報的作品,本來就公開在網路上,他另外有整理出主要介紹的案例放在Delicious上,大家可以參考看看。

以下是我主要的心得,圖表繪製或資訊呈現那種基本的我就不講了:

沒有資訊,就沒有圖表

紐約時報在報導911新聞的時候,那個積累的功力真的是嚇死人,在台灣真的不太可能這樣處理新聞。而且繪製圖表之前,是真的有大量的資料表在背後支撐。

圖表中心自行收集資訊

這是我原本私下問的問題,不過他後來希望我公開問。原則上紐約時報圖表中心是自行收集數據與資料,如果是很複雜的數據,另外有資料中心協助。我聽過所有的新聞圖表課,新聞圖表中心雖然也把採訪與寫作放到自己的工作項目中,但資料原則上來自於第一線的記者,有必要時才自己採訪,但紐約時報又往前跨一步了,看起來是新聞圖表中心自己負責資料收集與採訪,並不仰賴文字記者。Archie Tse的說法是因為文字記者很難知道最後資訊會被如何呈現,不如圖表與多媒體的製作者自己收集來得快。他們的同事中有大約20%具備統計軟體與資料庫的能力,所以可以自己收集、分析。

知無不言,言無不知

他講這個的時候我其實很感慨,因為在上海聽Juan Velasco的課的時候他也一再強調這一點,國家地理雜誌因為已經100多年了,又有這麼多讀者,所以絕對不能犯錯。而Archie Tse的說法則有一點不一樣,他認為如果這個媒體的聲譽是來自於信任,那麼記者與媒體不知道的東西,就不能寫出來也不能畫出來。紐約時報只會報導紐約時報 可以查證並確認的內容,他舉了這個深海油井漏油為例,雖然紐約時報也有能力製作3D的動畫,但描述原油洩漏時就只有標示油路,而不會採用3D動畫的方式把油畫出來。油井員工逃生也只有繪製路徑,而不會放一個小人在油井上面揮手呼救然後跑來跑去。

紐約時報在新聞圖表上也只願意繪製確實已知的資訊,所以漏油的方式只願意以路徑呈現。

新科技應用在對的事情上

這點我感慨很深,工具是中性的,落在什麼人手上則會有不同的應用。動作擷取系統沒有什麼了不起 的,黎智英的動新聞把動作擷取器放在演員身上,然後快速產生模擬強暴、偷竊、打人等動畫並以此為傲。紐約時報的動作擷取器是放在指揮家與奧運選手身上,讓 讀者看到指揮家的手勢或了解體操跳馬選手在短短的幾秒鐘,如何做出最困難的Amanar跳然後獲得金牌。紐約時報也將網路技術用在版面呈現上,Archie Tse介紹的Snowfall專輯(拜託務必點看看,還有這一頁The Descent Begins也很厲害),今年才剛獲得SND的Best of Digital Design獎,就是利用大量網頁前端的技術來改善多媒體報導的一個精采範例。

紐約時報利用動作擷取器來捕捉體操運動員的移動,說明跳馬最難的Amanar跳如何完成。

紐約時報利用動作擷取器來捕捉體操運動員的移動,說明跳馬最難的Amanar跳如何完成。

不斷創新呈現方式

紐約時報每一次的選舉都會嘗試新的結果表現法,而且一直試圖用更好的方法讓讀者理解選舉背後的故事。我也是從2000年開始觀察美國處理選舉新聞的方式,他說的跟我的觀察一樣,紐約時報確實一直走在前面。

紐約時報嘗試用這張圖說明在2012年美國總統大選時,大部分的地區選民都往共和黨移動。但可以看到非裔美國人密集的地區則是往民主黨移動。

紐約時報嘗試用這張圖說明在2012年美國總統大選時,大部分的地區選民都往共和黨移動。但可以看到非裔美國人密集的地區則是往民主黨移動。

使用者參與

紐 約時報的互動圖表從以前就開始很重視使用者的參與,這個我從Juan Velasco那邊已經聽過一次,但這次因為有實際的小Workshop,所以從Archie Tse的評圖就可以看出他們確實很希望讀者能夠在故事中投射自己,而網路多媒體報導又特別適合讓讀者看到他處在故事中的何處。

後勤扎實

紐約時報當初要派他去伊拉克採訪前,竟然還安排了「軍訓課」,讓他知道武器與彈藥實際上長什麼樣子,殺傷力如何,也安排了實際的逃生與救生課程。他的投影片標題是「Preparing for The worst」。

這次聽完之後,我最大的心得是,雖然紐約時報視覺化與多媒體的功力很強,但徒有技術也沒有什麼用,而且懂技術的人有錢不難找到,只有同時把故事說對與把故事說好的強大信念,才是他們產出極致作品的最大關鍵。

 

其他苦學經驗

台灣第一次高中英聽測驗結果成績圖表

Do you speak English?

我們那個年代考大學是不用會說、聽英文的,甚至也不太需要寫,只要會背誦單字、片語及文法,考大學就可以高標了,然後出社會一個字都聽不懂、一句話也不敢說,加上我在留學德國的時候幾乎自廢英文,所以我年紀已經不小了,一直都還在彌補「少小不努力」,每天學一點英文。

為了不讓這種悲劇代代複製,所以政府也還算勇敢,從今年起舉辦高中英語聽力測驗,這個學年度與103學年度先當成大學「甄選入學」審查資料之一,從104學年度,高中英語聽力測驗成績就會變成大學「甄選入學」與「考試入學」之檢定項目,也就是說,考不好有可能有些科系就進不去了。

身為一位「前教育記者」,我覺得這大概是實施九年義務教育、實施九年一貫、大考廣開側門(簡稱多元入學方案)後,台灣升學教育制度比較大的變化。加上今天剛好去台大新聞所幫同學上新聞圖表,圖表魂還沒有消散,所以趁著晚上有精神,把圖畫一畫。

原始數據很單純,其實只有北中南東等等的各種成績分布。我想呈現不同地方的英聽成績會有不同的結果。所以打算將數據直接壓在台灣地圖上。但要壓什麼,我得先測試看看,因為分布在台灣地圖後,數據之間比較遠,沒辦法讓讀者看出細微的差距,所以一定要找看看哪種方法視覺上比較有效,加上這考試是新的,數據我沒有看過,單看數字我也不知道看起來感覺如何,所以只能測試。

我測試了幾種圖型,包含圓餅圖、直方圖與堆疊橫條圖,不怕你笑,每一種圖的每一個數據我都全部畫出來,所以總共先畫了3組共15張小圖。後來發現這套數據用圓餅圖效果最好,但因為我中間要壓字,所以改用環圖。有媒體朋友問我繪圖的工具,其實我的工具大家都有,就是Microsoft Office(版本著實無關)。

其實北中南三地的差距沒有很大,倒是東部、離島比較不一樣。

把數據放上台灣地圖後,結果就是這個樣子。

 

但如果我沒有要放在台灣地圖上,我可能會這樣畫:

測驗結果比較有趣的是,成績在B區間也就是「大致聽懂」的學生在北中南都差不多在46%,所以這是一個基準,比B好(差不多完全聽懂)或比B差(略懂或有聽沒有懂)的,就可以以B為參考線。我最後取B、C之間當成參考線,畫出來的結果可以看得出來好學生北部還是明顯多很多,中南部差不多,東部又比離島好。

你說這個英聽測驗納入大學升學檢定標準後,對北部學生有沒有優勢呢?我沒有答案。但我相信台灣的年輕人因此英文會變得更好。

設計的邏輯 – 新聞圖表入門新經典

早年新聞圖表剛開始成為一個行業與一門學問時,整個產業最重要的經典莫過於 Peter Sullivan 的 Newspaper Graphics,以及追加的Information Graphics in Colour。這兩本書影響整個產業之大,以至於全世界新聞圖表最大獎Malofiej Competition的首獎叫做Peter Sullivan獎。兩本書我當初是直接寫信到德國去買的,可惜家中書很多,目前找不到。

前一陣子又看到了一本「設計的邏輯:Infographics 深入人心的視覺法則」,也是談新聞圖表的。台灣的書名現在為了SEO,都有很多不相關的字在裡面,原來的書名是「インフォグラフィックス―情報をデザインする視点と表現」,大概的意思是「Infographics – 資訊設計的視角與呈現」,講的不是「設計」,而是資訊視覺化,特別又著重在「視角」這件事情上。

作者木村博之是我2009年第一次去重慶參加SND信息圖表課程時的講師之一,他的公司「Tube Graphics」世界知名,我在去重慶之前就聽過。他那次講的課不多,重點主要放在「視角」上面,強調繪製圖表時,應該知道自己從哪個角度來看,與「觀察的藝術」(The Art of Seeing)不同,木村當時強調的不是形而上的角度,而是真正的三次元角度、高度,反而比較類似我們以前讀建築時畫圖的方法。因為木村博之在日本已經是大師了,所以他還分享了很多以前錯誤或者不好的作品給我們參考。

重慶歸來,我也學習將視角納入繪製圖表、分析資訊的過程當中,但重新閱讀此書後,對於視角又有更多的體悟與想法。

在「設計的邏輯:Infographics 深入人心的視覺法則」中,木村依舊提到了許多不同的視角,但實體與虛擬都有,而且他將各種資訊圖表可能用到的體例都放進去了,如果你無法取得Peter Sullivan那兩本元祖經典,那麼木村這本書拿來當新的經典算是相當合適。書中大概涵蓋了90%以上的常見新聞圖表呈現方式,有些是他自己的作品,有些則是收錄他人作品。

這本書主要分五個項目,我覺得地圖尤其值得台灣同業或愛好者參考,因為台灣的媒體向來非常少用地圖,但地圖又是如此重要,透過木村博之以「視角」的方式來說明地圖,是再恰當不過了。示意圖的部份也應用了大量的「視角」原則,包含實體與心理的視角,也相當不錯,而且例子大部分都是他自己的作品,所以他也知道到底當初的「視角」是什麼。

在書中某處有一張照片,如果仔細找,可以發現我在照片某處,但難度跟Where’s Wally差不多。

台灣第一次視覺新聞研習營後記

最近年紀快到某個關卡,做事情越來越看大不看小,知道有些細節再怎麼爭也沒有什麼大影響,反而是大方向比較重要。還好,在這個年紀的關卡往回看,覺得自己也還算做了些大方向的事。

認識我的人都知道我已經對(新聞)圖表「有興趣」十幾年了,不但在商業界辦教育訓練,也在政大、輔大等新聞傳播科系演講或者教授過新聞圖表,但這十幾年下來,我觀察到台灣媒體利用視覺化手段來處理新聞的程度卻沒有什麼實質的進展,編輯台長官不論學歷不管資歷,對視覺的理解一律停留在校刊插圖的階段,差別只是2D或3D而已,如果這方面的能力也有全世界排名,我們一定可以破百。很多重大新聞如果只用文字描述,確實無法精準溝通,也很難增加讀者的理解,最後的結果就是公共議題、重大新聞事件只能輕描淡寫。

我2009年擔任雅虎全球新聞產品規劃總監的時候,剛好看到SND與重慶時報合辦了華語區第一次的新聞圖表研習營,雖然全部得自費但還是衝過去了。回來之後印象是非常深刻的,除了上了專業的課程外,更重要的是感覺到一個追求進步的社群對產業有多大的正面影響。

之後我在台灣就(不怎麼)積極地推銷在台灣辦類似的營隊,除了接受國外的最新思維外,就整個產業而言,培養社群、提高整個業界的整體水準也很重要。可惜的是我自己服務的單位不可能自己辦這種營隊,被我推銷的人也沒有同時具備興趣與資源的,當時我一度還打電話到聯合報給台灣第一個獲得SND設計獎的董谷音,但陰錯陽差就是沒找到人。雖然還是沒有找到人要辦,但SND後來在上海的研習我又去了一次,上了更多的課,在經營媒體的視野又提昇的更高,更確信台灣必須要辦這樣的活動。

我自己雖然圖表的能力還算可以,但我個人能力再強,最後幾乎也都只有我受益,加上我的工作是經營媒體,距離新聞工作第一線已經越來越來越來越遠了,工作上畫的都是協助資訊分析與決策的商業圖表,而非給一般大眾看的新聞圖表。台灣新聞圖表要進步,我一個人再怎麼推廣、上課都沒用,一定要發展出一個專業社群才行。

還好,我雖然不是一個好的商業業務員,但Thought Leadership也還是有一點,最後終於遇到了交大林照真前輩,她的興趣在調查性新聞,但調查性新聞的好作品很少不靠視覺來解釋的,所以當我去年把華文區SND的主席陸嶺立給她後,她剛好去了趟上海,在有興趣、有資源、有團隊的情況下,就決定今年在台灣辦第一次的視覺新聞(Visual Journalism)的研習營。台灣的新聞界如果以後在視覺新聞上有什麼正面的發展,林照真老師要記上一筆!非常感謝她!

經過幾次與上海、交大之間的溝通,由於我自己在台灣的傳統媒體工作過,知道現場的情況,加上去過很多媒體短暫地教過圖表,也還算清楚現在大家的問題在哪裡,這次要來上課的老師Juan Velasco我也聽過他的課,所以建議這次的課程以「Why」與「What」為主,讓台灣的新聞界有機會看看視覺可以在新聞當中扮演什麼樣的角色,畢竟我們這個領域跟國外隔閡有一百年了(實際上就是從來沒有接觸過),大部分的人不知道SND,也沒聽過Malofiej獎,一開始講太多執行的細節與技巧,並不實際。

我兩次去對岸參加研習時,都跟陸嶺立說一定要來台灣辦,今年4月當這麼多台灣新聞界的同業一起在台灣參加視覺新聞研習營的時候,按照對岸的口氣,我的心情還是相當激動。參加的人裡面有些是長年第一線繪製圖表的,有編輯台的長官,也有很多是看到我部落格自己去報名的,當然我景仰的董谷音也去了。這次課程的意義不在於繪製出好的新聞圖表,畢竟視覺語言也是一種語言,5天學會一種語言是不切實際的。但這5天可以知道視覺化的新聞報導應該怎麼規劃,這才是課程的最重要的目的。

根據SND在中國大陸的經驗,視覺新聞研習營辦過一年之後,整個產業就會開始有變化,我自己也看到從2009年之後,對岸在國際的設計獎上得獎作品越來愈多、越來越好。這次視覺新聞研習營的學員主要來自於聯合報系、天下雜誌、中時報系,還有財訊與國語日報,當我看完台灣同業上完五天課之後的新聞圖表專題後,我相信台灣的視覺新聞也會從以前的校刊裝飾性插圖慢慢走向資訊性內容,或許過一年大家再看到台灣的報紙、雜誌時,就會陸續看到精采的新聞圖表,我們對公共議題的討論也可以更深入,對世界的了解也更全面。

[圖表]台電電價調漲圖表怎麼畫?中油油價調漲圖表怎麼畫?油電雙漲圖表怎麼畫?

最近一段時間油價調漲(又調降),然後電價也要調漲(合理化),民眾都很關心到底什麼東西漲價,又漲了多少錢。

電價的圖表要怎麼畫呢?我想我們應該思考讀者要看到什麼,怎麼樣與讀者產生關連,讀者之後的行為是什麼。這是解釋性新聞的基本。

首先,我們假設讀者對於整體調整的全貌會有興趣,也想知道什麼電價會調整到多少錢。其次,讀者也想知道自己家中平常花多少錢,然後這次漲完之後要多多少錢。讀者到底知不知道自己家中每個月用電多少度呢?可能是不知道的,所以這個參考指標或許不一定有效,但我們可以反過來看,讀者或許知道自己家中雙月電費繳多少錢,然後可以讓他們知道以後用電量不變的狀況下,每個月可能多繳多少錢。

處理這種新聞,一定要讓讀者知道「漲價的全貌」是什麼,看熱鬧的,一般家用電價有分兩種,夏日電價跟非夏日電價,夏天的比較貴。由於一共有調漲前跟調漲後的兩種電價,加上還有非夏日電價與夏日電價,所以一共有四個數據。如果都畫在一起,讀者勢必會混淆,所以最好分類。我希望看到的差異是調漲前後,所以決定夏日電價一張、非夏日電價一張,這樣可以分別看到各漲多少,至於夏日與非夏日之間的差異,就先略過,然後得到下列兩張圖。

第一張是非夏日電價,可以看得出來在120度之下是沒漲的,中間甚至還有10度是跌價的,其他都漲。以下圖表的數據來源都是台電與中油,但因為經過大量計算,所以不保證數據一定正確。

非夏日電價階梯圖

下一張是夏日電價,可以看得出來在120度之下也是沒漲的。如果我真的要在平面上印刷,我會將兩圖左右並排,這樣還可以看出夏日電價比較高,所以我保留了最高座標是7元。

非夏日電價

其次,就要來看所謂的漲幅是多少。看每個間距之間的漲幅沒有用,因為你也不是這樣在繳電費的。台電漲價一定還是整包計算,所以你繳電費也是整包來看。

如果讀者知道自己家中每個月用多少度(基本上很少),又很關心調整多少「百分比」(實際上是沒有這種主婦的。主婦不會說:「老公(嗲),我們下個月的電價會增加15.32%,帶動總支出成長1.253%,所以你的零用錢下個月起減少3.42%」),我們可以給他看這張表。雖然如此,我們還是可以從這張圖看出來一種資訊,那就是你家用電越兇,電費漲幅就越高。所以你的行動是,多賺一點,或者少用一點電。

電價漲幅趨勢折線比較圖

下面這張,則是比較精明的家庭主婦會許會用到的圖。你知道你家每個月用多少度電嗎?我是不知道的。但可能有家庭主婦知道。這種圖除了看到「用越多漲價金額」越多的趨勢外,也可以當簡單的Reference,如果貴戶每個月用500度電,那電價就會增加200多元。但這條線其實斜率挺固定的,如果我沒有算錯,夏日電價跟非夏日電價的線幾乎是重疊的,所以我只取一條。

電費調漲金額參考折線圖

當然,不是每個人都知道自己家中到底用了多少度的電。那電費帳單總看過吧?所以,還是可以給讀者一張電費帳單金額(這是雙月的帳單,兩個月算一次)與每個月帳價金額的對照表(因為家計通常是用月為單位,可能外商退下的主婦還會算Quarterly與YoY及YTD的數據,但這不常見)。因為懶,我就畫一張非夏日電價的。中間會有一段是負的,我大膽省略了,想說這種人不多,而且真的發生了也不會計較。如果你家現在非夏日的電費一次就要繳5000,那恭喜你,每個月以後要增加600元(不保證我有算對)。

雙月電費帳單對照電費帳價金額折線參考圖

以上,就是從媒體編輯的角度來思考,讀者可能會從什麼樣的角度會需要什麼樣的圖表,需要什麼資料、呈現什麼角度、促成什麼行為的基本套路。其實從台電網站上還有很多數據可以畫有趣的圖表,不過台電自己也沒有畫,也沒有人叫我畫,所以以後有緣再處理。

既然電費都畫了,那麼油價也順便,因為大家都喜歡說「油電雙漲」,讓郵局很高興,以為可以「郵電雙漲」!油價的圖就很有趣了。到底這次漲的高不高呢?過去「一次漲齊」之後發生了什麼事情呢?這次大家哇哇叫,是什麼歷史新高之類的嗎?

以下就是以95無鉛汽油中油原始資料畫出來的油價走勢圖,長期看起來油價是在漲(難不成你期待會越來越便宜?),而且這一次的漲幅也挺驚人的沒錯。不過我們也可以看到,上一次總統當選後也搞過這麼一次(選民的眼睛是雪亮的!但大腦是健忘的!),一次漲完之後也很快掉到很低的價格,而且上次的金額比這次更高是哪招?

中油95油價長期趨勢階梯圖

如果要細看馬總統任內的漲價風格,我們可以把圖的時間縮到2008年起到今天為止,那麼我們可以得到下面這張圖,然後開放大家自由想像。

中油95無鉛汽油短期趨勢階梯圖

會寫這篇的原因是最近好多人說:「我看過你的部落格圖表文章」,然後我就一陣羞意上心頭,因為我已經好幾年沒有寫這種文章了。既然大家都在問,豈能辜負讀者?

台灣第一次!SND的視覺新聞營在台灣舉辦。國家地理雜誌藝術總監來台授課

過去幾年我自費去對岸上過兩次SND(國際新聞設計協會)的營隊,漂洋過海的,更別說投資的金額,每次去都很羨慕對岸的同業,他們不但逐漸建立了新聞圖表這個產業,而且還有國際級的課可以上。

回頭看看台灣。新聞圖表、新聞設計都被當成不入流的東西,而且國際級的課程也沒得上,整體新聞設計的水準還比不上印尼、印度與中國大陸。

我在台灣曾經跟很多人談過請SND也來台灣開新聞設計研習營,但這需要經費與人力,小弟一個人辦不來。經過了長久的「推銷」(我遲至今年才成為SND會員,此外與SND無關),感謝新聞界的前輩,任教於交大的林照真教授願意「買單」,經過她兩岸奔走、協調,SND明年第一次要到台灣辦新聞營了,而且還辦在台北,不是新竹。

這次課程收的是「教育價」,5天只收10000台幣,這樣的價格大概是全世界最低的,比發展中國家還低!我2009年第一次去重慶的時候,3天的課要2800人民幣。今年在上海,6天的課「會員價」是8000港幣。還不含機票、食宿。這樣的課程辦在台北,交通住宿大部分的人都免了,國家地理雜誌的藝術總監Juan Velasco親自授課、指導,5天才只收10000台幣,說出來真的會被外國人笑。

這次的課程安排在於新聞資訊圖表(News Infographics)的入門與專案實作,這裡特別重要的是實作,如果報名人數理想,將會以文字記者、編輯搭配美編的方式進行,畢竟新聞圖表從來不是美編自己的責任,圖表編輯、視覺記者也要負擔很重的責任。

這次的「翻譯」是SND Chinese的總裁陸嶺立,過去幾年她在中國大陸已經推廣了一段時間新聞圖表,效果卓著,整個產業就起來了,非常認真,過去幾次上課都是找額外找翻譯,這次是她自己下來翻譯,對台灣的學員而言應該也比較容易吸收。

過去幾年我在台灣許多主要媒體、大學都教過新聞圖表了,這次是直接請國際級的大師來上課,機會真的難得。

 

我過去上課的經驗請參考:

國家地理雜誌的完整新聞圖表流程

日前到上海聽了國家地理雜誌如何製作新聞圖表,那時候只覺得挺複雜挺花錢的,今天找到一篇國家地理雜誌圖表編輯詳述圖表流程的文章,大家可以看看他們一張(!)圖表要花多少人力、多少工、多少錢!只有一張哦!那一張花的精神跟成本,可能超過台灣普通月刊一本的成本吧!

老外繪製圖表真的超級重視草圖的,去現場畫草圖、做模型之前也是草圖、然後還有半完成品的細節草圖,這寫草圖全部放在一起裝訂也大概是厚厚一冊!

剛剛試圖用iPad繪製了一張(專業)新聞圖表的繪製流程,獻醜如下。這跟我們在上海上課的流程理論上是差不多的,只差沒有製作模型而已!

20110622-134340.jpg

跟新聞圖表大師學超地方媒體(Hyper-local Media)經營

最近這幾年美國的網路媒體界開始把目光放到「郵遞區號」大小範圍的超地方新聞(Hyper-Local News),AOL及MSNBC分別買下了Patch與Everblock,希望能夠利用網路可預見的技術發展,特別是行動裝置與在地定位,能夠重新開創一片新天地。

上完這幾天的圖表課,我漸漸有一種「封面與內容不符」,可是內容比原來封面的更好看那種感覺。講師 Richard Frank2年前臨危受命,接下這份從2001年報份就開始一直減少的Trelleborg Allehanda(特雷勒堡集錦報)總編輯職務。特雷勒堡市只有2萬5千人口,加上外面的特雷勒堡縣,人口也不過4萬多。特雷勒堡市的面積只有11平方公里,跟台北市中心的區差不多大小,面積、人口都是超完美的「超地方新聞(Hyper-Local News)」規模。

依照我們過去十年的經驗,在網路使用人口越來越多,報紙讀者年紀越來越大的情況下,這種超地方小報報份會一直往下跌也不意外,老實說總編輯很好當,畢竟報紙的趨勢就是往下跌,做得好就是少跌、做得不好也沒人知道。但Richard Frank把整套的新觀念、新技術帶入這份百年歷史的地方報之後,報紙從流程、思維、外觀都有大量的改變,上一屆SND拿了3個獎,這屆9個。然後,奇蹟發生了,從今年起報份竟然止跌回升!傑克,這……

其實今天Richard Frank要講的是「如何在SND中得獎」,這當然也很重要,不過我自己並沒有要參加SND,而且他講的唯一技巧就是「外文記得要附上英文翻譯」,並且花時間準備。廢話。沒想到,他送去得獎的作品,卻一點一滴記錄了他們在過去2年中的重大創新,有些創新(還有背後對於「新聞」的靈活思維)不是傳統編輯台能夠想到的,但卻發生在這種報份只有1萬多的小報上,聽完之後我佩服再三,難怪人家可以在這種報業環境下還讓訂戶成長!

今天的第二部分的資訊視覺化相較而言就真的只是陪襯了,哈哈。不過Juan Velasco還是講了很多原則。我覺得今天最大的結論就是「如果自己都看不懂得圖表,那就沒人看得懂!」因為最近突然大家都關心Data Visulization,許多設計師、程式設計師、教師都開始拿大量的資料來畫畫看,但其實很多網路上曾經被轉寄過的,或者今天Juan介紹的,都沒有任何視覺上的效果或意義。如果要將資訊視覺化,最好還是專注在圖表背後的故事敘事,展現讀者之前並不知道的東西。

下午是第二次草圖評圖,第二次的草圖要求在網格(Grid)上作業,草圖上各元素的尺寸最好與完稿後的一樣,順序、位置、內容也都一樣。我的夥伴昨天整夜(?)把草圖都畫好。這次作業我還是有挺多收穫的,而且很具體。

評圖前我們運用了Juan Velasco昨天教過的一個小技巧來排版,勇敢捨棄了兩個小圖(這點很難踏出,因為正常人都會硬塞)。說實在的,這個技巧我不但會,而且我還教學生,但只是應用範圍在簡報,而非大版面的圖表專輯。很巧的是,用在簡報與用在圖表專輯落版的原理是一模一樣的,只是我之前沒有意識到而已,這經驗很寶貴。此外,根據第一次草圖的建議,我們將內容與形式更進一步連接,確實這樣改圖之後,效果會更好。