《癌症》三维动态视觉数据可视化网站平台设计

钟维康 清华大学

一、选题背景与调研

（一）癌症与数据可视化平台

高速发展的信息时代，信息传播的媒介仰赖着互联网，网站平台是在互联网高速发展中的产物，是信息快速传播的途径之一。癌症是一个需要引起重视的疾病，设计一个让大众更容易理解癌症的信息传播平台显得至关重要。本课题研究三维动态视觉在癌症数据可视化平台的设计应用，以直观的三维图形和界面视觉将复杂且乏味的癌症数据以可视化方式呈现给用户，让用户更有兴趣去了解癌症数据的同时也降低用户的理解成本。数据是理性客观的存在，以可靠的事实去描绘事件，此平台的设计不是单纯把复杂的数据透过视觉给呈现出来，而是以一种用三维视觉感性的形式去表达数据。

（二）检索和爬取世界卫生组织官方癌症数据

根据世界卫生组织的数据显示，2018年全球有18,078,957的癌症案件发生，数据中包含9种不同类型的癌症数据，分别为乳癌、前列腺癌等等。在这些癌症案件中，癌症类型中占比最大的是肺癌，其次是乳癌和直肠癌。大约有800万的癌症案件集中在亚洲发生，癌症案件数量比例第二大的则是欧洲，依次的是北美。全球男女各自发生的癌症类型都有所不同，男生比例最大发生的癌症类型是肺癌，而女生最大则是乳癌。整体来说，2018年全球男生的整体癌症数量是比女生整体的癌症数量多出约100万。

二、《癌症》数据体验平台设计

（一）数据平台设计 -- 数据到三维动态视觉设计的转化

前期完成基本癌症数据调研后，接下来将可视化的二维数据转化成三维的动态视觉，设计不一样的视觉体验去展示癌症数据，让用户可以用不一样的方式探索和浏览数据

（二）目标对象

平台目标对象是关注健康或癌症的人群和一般普通大众，网站平台设计具有较好信息传播性，降低用户的理解成本

（三）技术实现流程

1. 从世界卫生组织官网爬取官方的癌症数据

2.用Excel 软件将癌症的官方数据进行分类、整理以及检索

3.将整理好的数据导入至 Tableau 中进行二维的数据可视化进行分析后生成可视化数据

4.将生成完成的可视化数据用 Adobe Illustrator 进行数据的深化和润色，以提升数据的可视性和美观性

5.将可视化的数据导入至Maya中进行二维至三维的数据转化，最终以三维动态视觉去呈现癌症数据

（四）平台视觉语言的设计

1. 球体的形状、大小、范围表示癌症数据

平台整体的视觉语言是以三维的形式去呈现，设计球形的三维视觉语言主要是因为其外形和人身体内生物结构如血球、细胞、癌细胞等相似，基于这样的外形在视觉上较能够唤起用户的对于癌症细胞的联想，让用户在浏览数据的过程中能够引起共鸣的同时也更容易进入状态。

2. 球形颜色的不同对应不同类型的癌症

在平台中，每个不同的球形颜色代表不同癌症类型，以下图为例，红色球形表示乳癌类型的数据。球形的范围越大则代表此类型的癌症案件数量越多，反之范围越小则代表此癌症类型的案件数量越少。

（五）数据平台的交互与功能

平台的交互方式是透过鼠标拖动、点击、滑动三维的球体等方式去浏览癌症的数据。

1.平台二级页面功能设计

在平台中如用户要浏览特定的癌症类型时，只需在一级页面点击某癌症类型的颜色范围便能够进入到二级页面查看此癌症类型的数据，以胃癌类型为例，用户点击查看粉色（胃癌）的球体范围时，便能进一步查看胃癌类型的数据。

2.全球男女比例和地域比例在特定癌症类型数据浏览筛选功能

用户进入到胃癌类型页面后，画面的左侧显示胃癌类型在全球的案件总数、性别筛选功能以及地域筛选功能。以上图为例，当用户点击女性性别时，原本聚在一块的粉色球体范围便会分裂成两半，显示男女性别在胃癌中个别的案件数量。用户点击地域功能如亚洲时，粉色的球体便会分裂成不同的比例，用户看到该地域在胃癌中的案件数量。

三、结语

理性的数据内容融汇着感性的视觉语言给用户提供了一种新的理解信息的体验方式，《癌症》的平台的设计在视觉上应用三维动态视觉语言方式去表达数据，以视觉性和交互性的形式去呈现世界卫生组织的癌症数据，让用户对主题和数据有着更直观的感受。