《癌癥》三維動態視覺數據可視化網站平臺設計

鐘維康 清華大學

一、選題背景與調研

（一）癌癥與數據可視化平臺

高速發展的信息時代，信息傳播的媒介仰賴著互聯網，網站平臺是在互聯網高速發展中的產物，是信息快速傳播的途徑之一。癌癥是一個需要引起重視的疾病，設計一個讓大眾更容易理解癌癥的信息傳播平臺顯得至關重要。本課題研究三維動態視覺在癌癥數據可視化平臺的設計應用，以直觀的三維圖形和界面視覺將復雜且乏味的癌癥數據以可視化方式呈現給用戶，讓用戶更有興趣去了解癌癥數據的同時也降低用戶的理解成本。數據是理性客觀的存在，以可靠的事實去描繪事件，此平臺的設計不是單純把復雜的數據透過視覺給呈現出來，而是以一種用三維視覺感性的形式去表達數據。

（二）檢索和爬取世界衛生組織官方癌癥數據

根據世界衛生組織的數據顯示，2018年全球有18,078,957的癌癥案件發生，數據中包含9種不同類型的癌癥數據，分別為乳癌、前列腺癌等等。在這些癌癥案件中，癌癥類型中占比最大的是肺癌，其次是乳癌和直腸癌。大約有800萬的癌癥案件集中在亞洲發生，癌癥案件數量比例第二大的則是歐洲，依次的是北美。全球男女各自發生的癌癥類型都有所不同，男生比例最大發生的癌癥類型是肺癌，而女生最大則是乳癌。整體來說，2018年全球男生的整體癌癥數量是比女生整體的癌癥數量多出約100萬。

二、《癌癥》數據體驗平臺設計

（一）數據平臺設計 -- 數據到三維動態視覺設計的轉化

前期完成基本癌癥數據調研后，接下來將可視化的二維數據轉化成三維的動態視覺，設計不一樣的視覺體驗去展示癌癥數據，讓用戶可以用不一樣的方式探索和瀏覽數據

（二）目標對象

平臺目標對象是關注健康或癌癥的人群和一般普通大眾，網站平臺設計具有較好信息傳播性，降低用戶的理解成本

（三）技術實現流程

1. 從世界衛生組織官網爬取官方的癌癥數據

2.用Excel 軟件將癌癥的官方數據進行分類、整理以及檢索

3.將整理好的數據導入至 Tableau 中進行二維的數據可視化進行分析后生成可視化數據

4.將生成完成的可視化數據用 Adobe Illustrator 進行數據的深化和潤色，以提升數據的可視性和美觀性

5.將可視化的數據導入至Maya中進行二維至三維的數據轉化，最終以三維動態視覺去呈現癌癥數據

（四）平臺視覺語言的設計

1. 球體的形狀、大小、范圍表示癌癥數據

平臺整體的視覺語言是以三維的形式去呈現，設計球形的三維視覺語言主要是因為其外形和人身體內生物結構如血球、細胞、癌細胞等相似，基于這樣的外形在視覺上較能夠喚起用戶的對于癌癥細胞的聯想，讓用戶在瀏覽數據的過程中能夠引起共鳴的同時也更容易進入狀態。

2. 球形顏色的不同對應不同類型的癌癥

在平臺中，每個不同的球形顏色代表不同癌癥類型，以下圖為例，紅色球形表示乳癌類型的數據。球形的范圍越大則代表此類型的癌癥案件數量越多，反之范圍越小則代表此癌癥類型的案件數量越少。

（五）數據平臺的交互與功能

平臺的交互方式是透過鼠標拖動、點擊、滑動三維的球體等方式去瀏覽癌癥的數據。

1.平臺二級頁面功能設計

在平臺中如用戶要瀏覽特定的癌癥類型時，只需在一級頁面點擊某癌癥類型的顏色范圍便能夠進入到二級頁面查看此癌癥類型的數據，以胃癌類型為例，用戶點擊查看粉色（胃癌）的球體范圍時，便能進一步查看胃癌類型的數據。

2.全球男女比例和地域比例在特定癌癥類型數據瀏覽篩選功能

用戶進入到胃癌類型頁面后，畫面的左側顯示胃癌類型在全球的案件總數、性別篩選功能以及地域篩選功能。以上圖為例，當用戶點擊女性性別時，原本聚在一塊的粉色球體范圍便會分裂成兩半，顯示男女性別在胃癌中個別的案件數量。用戶點擊地域功能如亞洲時，粉色的球體便會分裂成不同的比例，用戶看到該地域在胃癌中的案件數量。

三、結語

理性的數據內容融匯著感性的視覺語言給用戶提供了一種新的理解信息的體驗方式，《癌癥》的平臺的設計在視覺上應用三維動態視覺語言方式去表達數據，以視覺性和交互性的形式去呈現世界衛生組織的癌癥數據，讓用戶對主題和數據有著更直觀的感受。