資訊視覺化之互動展示應用

本節先探討資訊視覺化之互動性。其次以文獻整理出，應用資訊視覺化之展 示活動其策略與相關性，並就政府機構、產業、媒體、藝術與學術之資訊視覺化 互動創新案例進行探討，最後整理並歸納資訊視覺化之互動展示其表現策略類 目。

壹、資訊視覺化與互動性

資訊視覺化技術方法日漸廣泛應用於各領域，且凸顯出與人互動的重要。資 訊視覺化雖被稱為資訊圖像的動態形式，但互動性將更為趨向動態 (Choi, Park, Jang, Kang, & Woo, 2011)。其互動能力的連接性更為強大。Lankow 等人（2012）

認為未來資訊圖像與資訊視覺化將是更強大的軟體，讓人們能增進自動化數據能 力；且人類的創造力會發揮作用，扮演出自主定義視覺化的角色，比如利用手機 apps 每天收集個體自主的數據。或是其互動性在於，讓使用者探索自己的數據集，

通常是通過線上即時的網路與瀏覽器的移動，或平移和縮放的互動，給予不同的 協調意見，網路開發工具容易創建互動資訊視覺化，也拉高多樣數據資訊的複雜 性(Visual.ly, 2013)。 如今之資訊視覺化應用多 導入互動視覺化（ Interactive Visualization）的概念，具備兩個重要條件：人為控制（Human Control）與響應 時間（Response Time）；人為控制在於以視覺化再現的訊息，必須是有效提供 給使用者，而響應時間則是使用者所做的更改必須納入即時及有效方式的視覺化

（Multiscale Spatiotemporal Visualisation, 2011）。

社群網站與智慧型手機提升了連網時間與使用者參與，也進而在介面服務上 開起了社會、個人使用資訊內容的視覺化工具。數據來源改變了資訊視覺化的資 訊結構並連帶影響使用角色的轉變，Google 與 Facebok 提供的資訊視覺化流量分 析服務，促使逐漸走向公眾領域(Fonseca, 2010)。Burkhard(2005)認為資訊的視覺 化類型，未來會發展為利用物體在空間中的立體感，體驗真實材料，並透過知識 點與資訊牆、展覽會或展覽的形式，結合了電腦互動性之數位視覺化形式以幫助 身體與理解，故而物件與互動視覺化是做為未來發展的應用形式。

綜合上述本研究認為，資訊視覺化的互動性著重於即時性（連網情況下）讓 觀者（使用者）與數據資訊交互的陳述。資訊視覺化持續於加強即時互動與即時 回饋反應，透過不同的網路平台或介質，提供使用者自主資訊掌握或多樣資訊比 較，於技術與展示活動之應用服務，為當今與人互動之重要核心概念。

貳、資訊視覺化之互動創新案例

本研究統整之創新案例，來自於各大資訊視覺化社群網站、部落格討論區之 推薦與評選，從中篩選出較為知名且受好評、兼具資訊視覺化技術與互動性展示 的案例。共分為政府機構、產業媒體、藝術與學術三個部份做討論。

一、政府機構於資訊視覺化的互動創新案例

2012 年推出的 People Movin 為探討人口與移民流的資訊視覺化互動網站，

網站呈現了世界各國的人口與移民變動。使用世界銀行（The World Bank）的開 放數據、難民與尋求庇護者數據與美國人口普查局國際數據基地（U.S. Census Bureau, International Data Base）所累計的世界人口資料，可以呈現出人口移動與 難民分布的視覺化。

地圖資訊與 GPS 追蹤定位是最為普遍的開放資料，且早已應用多年。日本 由於地震頻繁，對於地震的偵測與即時通報的系統做得非常完善，因此政府統籌 的地震資訊接收系統與防災資訊的資料，將其交由行政法人防災科學技術研究所，

再委託研究單位與各委員會運用，並延伸至各領域研發形成一套完整的地震速報 產業（彭啟明，2013）。不僅日本的地震預測速報能發展出多樣的新科技應用，

在資訊視覺化技術與即時資訊的介面服務上也具有額外的加值空間，且日本版之 iOS 系統智慧型手機也內建地震緊急通報功能。但臺灣的地震相關開放資料與應 用產業則尚未無縫統整，因而任何地震公眾資訊仍需由中央氣象局統一發布。但 至今已經有「Earthquake Prediction Device（地震預報儀）」的手機應用程式提供 服務參考。

2009 至 2011 年美國麻省理工學院感應型城市實驗室（MIT SENSEable City Lab）執行了垃圾追蹤計畫（Trash Track）與回收追蹤計劃（Forage Tracking）；

Trash Track 為應用無線晶片感測（Tag）裝置於垃圾上，以連接中央伺服器偵測 其送往垃圾集中站的路徑軌跡，計劃初衷在於透過垃圾資訊視覺化的軌跡，建構 日常用品之生命周期及合法資源回收的地理途徑，並找出更有效率的廢棄物運輸 方式，協助政府機構建立正確的垃圾與回收資訊(MIT SENSEable City Lab, 2009)。

Forage Tracking 則是使用的位置檢測（Location-Detecting）的軟硬體建構視覺化 之 地 理 資 訊 ， 由 MIT SENSEable City Lab 與 巴 西 資 源 回 收 聯 盟 組 織 COOPAMARE（Cooperativa de Catadores Autônomos de Papel, Aparas e Materiais Reaproveitáveis）共同合作探討巴西非官方資源回收的系統資訊與提供正確的投 資報酬，並給予開放原始碼之平台（Ushahidi.com）更多事件通報與活動通知服 務之資料來源。MIT SENSEable City Lab 接連執行的計劃，從日常生活與政府公 開資訊之巨量資料開始，以視覺化記錄、展示即時資料，伴隨感應偵測與連網能

力，使基礎建設變得可透過電腦運算調整，民眾就即能把最佳化城市生活的日常 運作，打造智慧城市的願景(MIT SENSEable City Lab, 2009)。

臺灣的天氣風險管理開發公司（WeatherRisk）為巨量氣象資料的加值服務

（http://peoplemov.in/）

日本地震速報產 業應用

C.O.R.E. Visualization 平台－將資訊視覺化技術和信件內容優 化與相關度引擎結合。

MIT SENSEable City Lab

Trash Track 與 Forage Tracking 計劃－以政府開放資訊、資訊 視覺化技術與感應偵測、連網能力，打造智慧城市的願景。

（http://senseable.mit.edu/trashtrack/）

（http://senseable.mit.edu/foragetracking/）

天氣風險 WeatherRisk

開發了客製化天氣預報與即時互動服務以活絡氣象產業。

（http://www.tenki.tw/）

二、產業於資訊視覺化的互動創新案例

Periscopic 是一家以注重社會數據分析與挖掘的視覺化公司，不僅開發許多 數具視覺化分析工具軟體，且幫助公司和公益組織機構執行促進資訊的透明度與 提高公眾意識。Periscopic 時常與世界自然基金會（WWF）以及聯合國兒童基金 會（UNICEF）等非營利性機構合作。作品都市發展（A Urban World）統計了 1950 至 2050 年的世界都市人口數量，在關懷城市發展與人口議題上展現出視覺 化的趨勢圖。2012 年與知名魔術師 David Blaine 合作的表演活動「極電 72 小時」

（Electrified），開發了兩個數據視覺化的 Twitter 活動，以圍繞 Blaine 現場的表 演產生即時互動響應。Twitter 互動牆不僅能夠即時表現出全球對魔術表演的即 時互動觀感，六個主要都市的觀眾亦可以輸入訊息給 Blaine，控制電力在他周圍，

9Elements 是位於德國魯爾工業區的小型設計公司，其作品涵蓋網頁設計、

手機 apps、介面開發與互動性實驗。9Elements 以 Twitter 上關於 HTML 5 與新興 網頁製作技術的的即時資訊搭配音樂，做出互動資訊視覺化搜尋頁面。另外也開 發了為 Twitter 打造的照片免費分享社交平台 img.ly，並以 img.ly 的資料庫為主，

製作了「Live is Beautiful」的即時圖片分享互動資訊視覺化。以世界地圖為背景，

每一亮點即是 img.ly 上圖片分享者的位置，此點會與觀看者的位置連成一道弧線，

「Live is Beautiful」也會即時呈現出所有照片與世界各地觀看者的連結。

Vizzuality 是來自紐約與西班牙馬德里的資訊分析與視覺化軟體公司，主要 開發了大型數據分析雲端資料庫軟體，如 CartoDB。此外也擅長海量運算、生物 多樣性資訊與網路的應用（Rich Internet Applications for Biodiversity Information）。

2010 年與 Google 開始進行的網路演進計劃（The Evolution of the Web）為整合 網路變革與影響的歷史性互動資訊視覺化作品。以 HTML 5 技術製作，透過不同 的色帶流區分網路型式；並為網路新興技術名詞、開發工具進行定位與定義。所 有資訊圖像中的瀏覽器螢幕擷取畫面全都是來自網路社群集體的心血結晶。

JESS3 是美國一家專業的設計團隊，多與 Google、英特爾（Intel）等網路公 司合作，擅長複雜且大型的資訊圖像設計與插圖、網頁設計（Web design）及品 牌設計（Branding），近幾年因為大型數據資料庫視覺化當道，也開展出互動資 訊的視覺化業務。在 SXSWi 2012 資訊多媒體大會上與韓國三星電子（Samsung）

合作，使用 23 台顯示器打造出三星智慧互動牆（Smart Wall）。透過多樣的資訊 圖像設計，表現出公司理念、業界動態、與大會有關的熱門地標與訊息。並即時 透過社群媒體呈現出場域動態之資訊視覺化，呈現出高度變化性互動訊息資訊 牆。

Moritz Stefaner 是視覺化設計美學的代言人。他擅長互動資訊視覺化與複雜 的資訊分析美學，並協助 Skype、國際足球聯盟（FIFA）、花旗銀行、幸福指標 經合組織（OECD）等大型企業組織設計數據資訊視覺化作品。EMoto（London 2012 Data Visualisation）為 Stefaner 聯合 FutureEverything 數位藝術節與 MIT SENSEable City Lab，透過 Twitter 與智慧型手機的傳訊，展現 2012 年倫敦奧運 期間民眾的觀賽心情與正面負面的訊息流。為即時互動資訊視覺化，不僅可觀看 整體量的分析視覺、也能個別觀看每則訊息呈現的內容，掌握動態變化。

長期經營適地性服務（Location-Based Serices）的網路社群 Foursquare，2013 年與三星 Galaxy S4 智慧型手機合作，推出以自身使用用戶打卡（Check-In）之 資訊創造客製化的資訊視覺化 Foursquare Time Machine。除了結合網路廣告互動 的策略之外，也宣告 Foursquare 重視商業資訊分析的市場，積極拓展生活機能資 料分析的業務。（所有案例與資料來源請見表 2-16）

表 2-16

產業於資訊視覺化的互動創新案例

單位 創新領域

Periscopic

David Blaine Electrified

魔術師 72 小時保持人體通電狀態。Twitter 互動牆即時表現出全球 對表演的即時互動觀感，六個主要都市的觀眾亦可以輸入訊息表 演中的魔術師，控制電力在他周圍，和有助於保持他提醒。

魔術師 72 小時保持人體通電狀態。Twitter 互動牆即時表現出全球 對表演的即時互動觀感，六個主要都市的觀眾亦可以輸入訊息表 演中的魔術師，控制電力在他周圍，和有助於保持他提醒。