《癌癥》三維動態(tài)視覺數(shù)據(jù)可視化網(wǎng)站平臺設(shè)計

鐘維康 清華大學(xué)

一、選題背景與調(diào)研

（一）癌癥與數(shù)據(jù)可視化平臺

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

（二）檢索和爬取世界衛(wèi)生組織官方癌癥數(shù)據(jù)

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

二、《癌癥》數(shù)據(jù)體驗平臺設(shè)計

（一）數(shù)據(jù)平臺設(shè)計 -- 數(shù)據(jù)到三維動態(tài)視覺設(shè)計的轉(zhuǎn)化

前期完成基本癌癥數(shù)據(jù)調(diào)研后，接下來將可視化的二維數(shù)據(jù)轉(zhuǎn)化成三維的動態(tài)視覺，設(shè)計不一樣的視覺體驗去展示癌癥數(shù)據(jù)，讓用戶可以用不一樣的方式探索和瀏覽數(shù)據(jù)

（二）目標(biāo)對象

平臺目標(biāo)對象是關(guān)注健康或癌癥的人群和一般普通大眾，網(wǎng)站平臺設(shè)計具有較好信息傳播性，降低用戶的理解成本

（三）技術(shù)實現(xiàn)流程

1. 從世界衛(wèi)生組織官網(wǎng)爬取官方的癌癥數(shù)據(jù)

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

3.將整理好的數(shù)據(jù)導(dǎo)入至 Tableau 中進行二維的數(shù)據(jù)可視化進行分析后生成可視化數(shù)據(jù)

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

5.將可視化的數(shù)據(jù)導(dǎo)入至Maya中進行二維至三維的數(shù)據(jù)轉(zhuǎn)化，最終以三維動態(tài)視覺去呈現(xiàn)癌癥數(shù)據(jù)

（四）平臺視覺語言的設(shè)計

1. 球體的形狀、大小、范圍表示癌癥數(shù)據(jù)

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

2. 球形顏色的不同對應(yīng)不同類型的癌癥

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

（五）數(shù)據(jù)平臺的交互與功能

平臺的交互方式是透過鼠標(biāo)拖動、點擊、滑動三維的球體等方式去瀏覽癌癥的數(shù)據(jù)。

1.平臺二級頁面功能設(shè)計

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

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

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

三、結(jié)語

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