有趣的 NYT 資訊設計

In General   January 18, 2009 - 3:09 pm

再過兩天是美國總統就職大典,雖然跟我沒什麼關係,但有機會看到幾大主流媒體怎麼處理這則新聞,以及順便觀察它們如何在網路平台上玩這個 event,也是樂事一件。

下面是紐約時報今天推出的「就職大典互動地圖」,透過動畫加文字/圖片的方式,簡潔的說明了就職典禮的進行流程與相關地理資訊,只要花個三分鐘,就能讓人快速瞭解大概是怎麼回事,尤其它的呈現手法可說是非常好的 information graphic design 範例,非常值得一看。

Picture 4.png

同時另外有個 Your Hopes for Obama 的互動設計,主要是前陣子讓人錄下對新總統的期望,內容本身沒什麼新意(經濟不好你認為民眾還會說些什麼?:P),但呈現的方式一樣讓人眼睛一亮,尤其可注意它的資訊架構設計。下面是幾張擷圖。

Picture 2.png

Picture 3.png

Picture 1.png
(每個人都可以錄大約20秒的語音說出心中的想法,然後按主題分類)

除此之外,NYT 還有一個挺不賴的單元叫 weeks in picture,簡單來說就是圖片版的『本週大事』,但當然,圖片比文字更有說服力,尤其當鏡頭語言的張力十足時,同樣一則新聞,傳達給人的感受就完不一樣了啊~

Picture 5.png

也由於總統就職大典在任何國家都算是件大事,因此所有媒體幾乎都會弄個專題區或直播之類的服務,這可是千載難逢研究媒體/網路/傳播的好機會,有興趣的人一月二十日當天可以多灌兩杯咖啡跟它拼了,同步監看下列媒體。

(其實光看這份媒體清單本身就很有意思了,裏面有電視、報紙,也有純網路媒體,還有甚至不是媒體的平台,像 hulu, twitter,這是一個有趣的時代不是嗎?)

CBS

CNN with Facebook

MSNBC

C-SPAN

ABC

FOX with HULU

PBS

Washington Post

USA Today

Current TV with Twitter

Joost

族繁不及備載

所以,到底本文的重點是什麼呢?很簡單,有兩個。

1、資訊設計的終極目地是讀者的『使用與滿足』,良好的資訊設計與呈現方式比運用炫麗的神奇技術來的更重要,上面提到的幾個互動設計,其實也都只用了非常簡單的技術(不過就是 flash 嘛 XD)

2、對於手上本來就擁有大量現成內容的媒體來說(不論是電視、報紙、雜誌或書籍),應該針對自身的內容屬性做聰明的規畫,來 re-target/purpose 這些內容到網路上,以加值後的面貌呈現出來,紐約時報絕對是一個很值得借鏡的典範(就算新聞產製水平沒法達到人家的十分之一,至少呈現手法可以學個幾分像吧?:P)

by admin

留言回應

hidden

您的留言會先經過站長認証後才刊登在網站上。
your comments will be approved by Administrator before appearing on the page.

Trackback this post  |  Subscribe to the comments via RSS Feed

mobile phone