• Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Facebook Twitter Instagram
RSS Facebook Twitter
Vide
  • Home
  • 設計
  • 研究
  • 產業
  • 團隊
  • 教育
  • VIDE 徵求作者
Vide

資訊圖表的種類-兼時間軸與地圖簡介

1
By Max Chen on 2015-08-18 設計

上次談了一下資訊圖表的討論架構,希望提供大家一個思考、觀察和討論的架構。一個大方向是呈現資訊的精確或偏重程度,另一個則是敘述性(或文字)資訊和統計性(或數量)資訊。這些差異在圖表設計和表達上十分不同,也有不同的標準和考量。

圖片引自:https://www.flickr.com

 

文 / Max Chen

上次談了一下資訊圖表的討論架構,希望提供大家一個思考、觀察和討論的架構。一個大方向是呈現資訊的精確或偏重程度,另一個則是敘述性(或文字)資訊和統計性(或數量)資訊。這些差異在圖表設計和表達上十分不同,也有不同的標準和考量。

但是實務上來說,上面的架構有點抽象。後來想到 George-Palilonis 的書裡建議 graphics reporter (圖表記者)考慮的幾個方向,其實也涵蓋了大部份常見的圖表。這可能也是一個不錯的分類,所以想跟大家分享一下。

她在書的一個練習裡,要讀者試著從一則新聞找出有潛力作圖表之處。她建議的圖表方向有這幾個:pie、bar、line、table、timeline、diagram、map。

其中前三個是統計圖表;表格(table)就不用說了,時間軸(timeline)則主要用來整理和排列資訊(文字或圖片);圖畫(diagram)指的是表達敘述性資料的圖像,而地圖則是資訊圖表中一種特別的應用,一方面可以呈現敘述性資料(地點、地理等),一方面也可以用來整理和排列資訊,不過這次是依空間,不是時間。

這幾個類別都值得詳細介紹,不過這裡先簡單介紹一下時間軸和地圖。

(其實是怕以後偷懶,就可以理直氣壯地說「已經介紹過了啊!」 XD

統計圖表和表格就真的不說了,因為大家都很熟悉,雖然製作上其實有很多眉角。

圖畫的範圍太廣,也就先跳過吧!)

 

時間軸 ( timeline )

用來呈現事件的發生順序。比如這張 iPhone 的發展圖:

圖片引自:http://www.techjini.com

 

或是這張 Zuckerberg 的圖:

圖片引自:http://www.1stwebdesigner.com

(注意這裡面的圖主要是輔助用途,拿掉也沒有減少什麼資訊;所以算是呈現文字和敘述性資料的時間軸圖表)

 

有些時間軸當然用圖才能表達,比如這張 Nokia 的圖:

圖片引自:http://ulzii-orshikh.blogspot.tw

(注意右下角的彙總整理圖)

 

時間軸多半是橫式,比較符合一般的習慣。但如果時間的距離或感受不是那麼重要,其實也可以考慮直式。比如這張簡訊的發展歷史:

圖片引自:http://visual.ly

(這圖的確是長了點…)

 

因為時間軸只是排列資訊,所以其實彈性很大。比如這張地球歷史圖就是螺旋狀的:

圖片引自:http://4.bp.blogspot.com/

 

其他還有三百七十四種變化,這裡就不詳談了。

(好吧,我是亂說的…。不過請記得不要為了變化而變化啊!) XD

其實嚴格說起來,只要橫軸是時間,所有的統計圖表也都是時間軸圖表。不過這個我們就假裝沒看到好了! XD

 

地圖

前面提過,地圖一方面可以用來表達地點、地理等資訊,另一方面則類似時間軸的功能,用來當作其他資訊的舞台,表達這些資訊和空間的關係。

用來標示地點的圖很常見,比如百貨公司的樓層就是:

圖片引自:http://milfordct.newenglandsite.com

(美國的購物中心很多都是這樣配置,四個點各有一家大百貨公司,而且幾乎都有 Macy’s、JCPenney、Sears,好像是規定的一樣) XD

 

捷運的地圖其實也算,不過這類地圖講起來又是一大堆,所以也先假裝不知道吧! XD

地理的資訊比如地層或河流等。像這張圖:

圖片引自:http://4.bp.blogspot.com

(這張圖右上方也標示了地點)

 

至於其他資訊和地圖結合,例子就更多了。最常見的像是大選的政黨分佈:

imgpress
圖片引自:http://www.outsidethebeltway.com

(有沒有覺得這張圖不管怎麼看,都應該是 McCain 當選才對?這是地圖的一個問題,以後有空再談吧!)

 

這幾個分類當然不是全部,但也涵蓋了常見的資訊圖表。或者可以說,大部份的資訊圖表也是這幾類圖表的組合。所以如果掌握這幾種圖表,就應該比較瞭解資訊圖表的內涵了。

 

附註一

George-Palilonis 的練習裡,其實要求讀者試著找出資訊中是否有值得作圖表之處,她建議的關鍵點包括比較(comparison)、分解(或分析,breakdown)、如何做(how to)、多少(how much)、數字、時間序列等等。這些方向很實用,如果你不確定你的資訊有哪些地方值得作圖,這些方向可以參考。

附註二

其實 George-Palilonis 書中的練習,是從瞭解新聞本身開始(新聞重點、與讀者相關之處…等),這永遠比圖表優先。在一般的資訊圖表也是如此,不瞭解資訊的意義,再精美的圖表也可能只是在誤導讀者。

 


訂閱 vide 最新訊息: vide 臉書粉絲頁 http://facebook.com/videmedia

timeline 地圖 時間軸 資訊圖表
Share. Facebook Twitter Pinterest LinkedIn Tumblr Email
Previous Article到底 Context 是什麼?
Next Article 完美體驗的一牆之隔。文青店。用餐。零錢盤。
Max Chen

對新事物充滿好奇,經歷跨領域訓練,能兼容各種角度的觀點思考。曾唸過土木拌過混凝土,也讀過交通設計過紅綠燈怎麼亮。後來學資訊管理,鑽研資訊科技對組織的衝擊、進一步接觸企業管理,又去建立供應鏈管理的數學模式。任教數年後赴美改學資訊學,對資訊、人、科技,與三者間的互動一直擁有熱情。

Related Posts

日誌研究的執行經驗分享 Tips for conducting Diary Studies

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

用戶研究的三個謊言

1 則留言

  1. Barton on 2015-08-19 09:31

    看完才發現是老師寫的 XD

    Reply

Leave A Reply Cancel Reply

近期文章
  • 日誌研究的執行經驗分享 Tips for conducting Diary Studies 2019-12-13
  • 培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑 2019-11-16
  • 用戶研究的三個謊言 2019-10-24
  • 不靠大數據,從粉絲的小數據讀出關鍵需求 2019-09-23
  • 為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事 2019-09-9
最受歡迎文章
By VIDE 編輯2019-12-13

日誌研究的執行經驗分享 Tips for conducting Diary Studies

By VIDE 編輯2019-11-16

培養全方位醫療顧客經驗管理(Customer Experience Management)經理 – 第一個跨域醫療服務設計整合課程在輔大開跑

By VIDE 編輯2019-10-24

用戶研究的三個謊言

By 奧沃市場趨勢顧問2019-09-23

不靠大數據,從粉絲的小數據讀出關鍵需求

By Lil Andy2019-09-9

為什麼大多數的Redesign其實沒什麼意義?因為忽略了三件事

文章分類
  • Featured (221)
  • 專欄 (21)
  • 教育 (93)
    • 工作坊 (49)
  • 未分類 (7)
  • 洞察 (269)
    • 數據分析 (42)
    • 消費者洞察 (125)
    • 研究調查 (144)
  • 產業案例 (299)
    • 交通 (30)
    • 公共服務 (46)
    • 城市 (82)
    • 政府 (28)
    • 旅遊 (68)
    • 日常生活 (146)
    • 金融 (21)
    • 銀髮 (33)
  • 組織文化 (133)
    • 團隊介紹 (40)
    • 組織溝通 (94)
  • 設計 (518)
    • 服務設計 (155)
    • 物聯設計 (35)
    • 網站設計 (86)
    • 行動設計 (116)
    • 設計思考 (128)
    • 設計方法 (103)
    • 通用設計 (38)
    • 體驗設計 (179)
關於 VIDE
VIDE 創誌是一個聚焦洞察與設計,關心教育發展並鼓勵創新的媒體平臺。
VIDE 代表 Value,Insight,Design,Education。源自於拉丁文 videre,意思是「看到」。

VIDE 持續透過介紹國內外創新案例、概念發想與設計思維與實踐方法,並邀請創新設計團隊、組織、社群成為 VIDE 的內容與活動合作夥伴。期許自己能成為國內重要創新設計的媒體代表,協助建構臺灣創新設計的產業鏈與生態系。
追蹤 VIDE
Facebook: https://facebook.com/videmedia
Twitter:https://twitter.com/vide_tw
RSS:https://vide.hpx.tw/feed

聯絡:editor@vide.tw 或 02-2511-7626
地址:10459 台北市松江路158號11F-1
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司
 
2015-2017 VIDE 創誌 - 帶你看見創新設計 / 悠識文化股份有限公司

Type above and press Enter to search. Press Esc to cancel.