譚逸夫

Tan Yi-fu

（湖北美術(shù)學(xué)院，湖北 武漢430200）

1 概述

1854 年，一場突如其來的霍亂疫情在倫敦爆發(fā)，感染區(qū)在10 天內(nèi)有近500 人喪生，當(dāng)時的醫(yī)學(xué)技術(shù)并不發(fā)達，這種可怕的瘟疫從哪里發(fā)生到如何傳播是一個謎。直到John Snow 醫(yī)生在比例尺為1∶6 500 的城區(qū)地圖上標(biāo)注出霍亂病死者的居住位置如圖1 所示。通過所繪圖片分析，發(fā)現(xiàn)大多數(shù)病例的住所都圍繞在布勞德大街的一個水井附近，同年9 月，倫敦政府當(dāng)局采納了John Snow 醫(yī)生的意見，取下了該水井的把手并禁止人們從該井取水，短短數(shù)日后，該區(qū)域的疫情被有效地控制。圖2 是以谷歌地圖為載體對當(dāng)時的數(shù)據(jù)進行重新的分析與計算繪制的“霍亂地圖”，圖中的紅色圓形的面積根據(jù)感染人數(shù)所換算，可以發(fā)現(xiàn)患者的住所都以黑色水井為圓心展開。在公共健康體系尚不發(fā)達的年代，John Snow 醫(yī)生運用數(shù)據(jù)可視化解決當(dāng)時醫(yī)療水平無法解決的霍亂問題，在人類歷史上無疑具有開創(chuàng)性意義。

圖1 John Snow 醫(yī)生繪制的霍亂病死者居住位置圖

圖2 以谷歌地圖為載體重新繪制的霍亂地圖

時至今日，信息時代數(shù)據(jù)的傳播速度不斷超越并改變著我們的認知方式。自疫情發(fā)生以來，信息的及時、準(zhǔn)確、透明是當(dāng)下人們的最大訴求。諸如確診人數(shù)、新增患者、治愈患者、疑似患者等各類繁雜的數(shù)據(jù)應(yīng)接不暇地出現(xiàn)在人們的視野中，難以準(zhǔn)確獲取各類有效數(shù)據(jù)。可視化設(shè)計是一種將大量抽象的數(shù)據(jù)用圖形、圖表等具象的形式表現(xiàn)出來的技術(shù)，通過視覺化的處理，可以讓復(fù)雜、晦澀難懂的數(shù)據(jù)信息，以簡單明了、易于理解的方式展示給大眾[1]，通過“可視化”這一媒介，準(zhǔn)確運用“圖形”“色彩”等要素建立清晰的視覺層次，可以幫助受眾群體迅速篩選有效信息，進而為疫情防控決策和大眾行為提供參考。

2 主流媒體的“疫情地圖”

查閱武漢市兩家主流報刊媒體（楚天都市報、武漢晚報）的微信公眾號，其每日清晨的推送都會將最新統(tǒng)計的“湖北省疫情情況”進行通告（見圖3）。通告方式均是首先說明全省累計新增總數(shù)，其次是各市州詳細人數(shù)及治愈、死亡等數(shù)字。這樣的通告準(zhǔn)確傳達了相關(guān)內(nèi)容，但受眾只能被動接收信息并成為“二次傳播者”，導(dǎo)致用戶的交互性體驗較差[2]。

數(shù)日后，基于國家衛(wèi)健委每日公布的官方數(shù)據(jù)，“丁香園”“騰訊新聞”等頁面出現(xiàn)了“新型肺炎疫情實時動態(tài)圖”，相較于播報“干癟”的數(shù)字信息，基于中國地圖這一地理坐標(biāo)系的熱力圖朝前邁進了一步。各個省份與直轄市依據(jù)確診人數(shù)的多少被填充以明度不同的紅色。點擊某一省份，又可以觀察到各市區(qū)的數(shù)據(jù)，強烈的色階對比能讓人們以第一視覺判定出疫情傳播之狀況。但是隨著時間推移，又出現(xiàn)了一個問題，以湖北省為例，起初因區(qū)域內(nèi)的確診人數(shù)大于100 被標(biāo)注為深紅色，一周后確診人數(shù)有所上升，原有的顏色判定范圍不得不做出調(diào)整，湖北省區(qū)域又被調(diào)整為明度偏低的紅色，幾日后由于確認量突破10 000 人及以上大關(guān)的湖北區(qū)域再次占領(lǐng)了深紅色的高地（見圖4）。不斷浮動的著色尺度讓人不禁思考：是否還有更好的視覺方式能夠表達“疫情地圖”的信息？

3 “疫情地圖”的數(shù)據(jù)可視化對比

在疫情期間許多學(xué)者及微信公眾號發(fā)布了系列的“疫情地圖”，他們通過對數(shù)字的搜集與整理，結(jié)合各自獨特的表達方式，呈現(xiàn)了與主流媒體不同的數(shù)據(jù)傳達形式。筆者在同類對比上以2020 年1 月26 日為時間節(jié)點進行分析（少量案例選取時間節(jié)點不同），從視覺傳達角度探討其表達方式的差異性。

圖3 武漢市兩家主流報刊媒體的湖北省疫情情況通告

圖4 新型肺炎疫情實時動態(tài)圖

圖5 Mapbox 發(fā)布的新型冠狀病毒肺炎疫情動態(tài)地圖

圖6 微信公眾號發(fā)布的新型冠狀病毒肺炎疫情地圖

3.1 以熱力圖為主的表達形式

圖5 是Mapbox 發(fā)布的2019-nCoV 疫情動態(tài)地圖，基礎(chǔ)地圖的色彩被定義成黑色以更好襯托數(shù)據(jù)的色彩，可分別根據(jù)需求顯示熱力圖、填色圖等多類圖層信息，圖中清晰可見疫情狀況較為嚴重的省份，但在顏色的覆蓋下省份之間的分界稍顯模糊。圖6 來源于微信公眾號：可視化星球，該圖同樣呈現(xiàn)了截至2020 年1 月26日的新型冠狀病毒肺炎疫情地圖，同樣結(jié)合了地理坐標(biāo)系與熱力圖，與圖5 呈現(xiàn)不同之處是其以省區(qū)、直轄市為分區(qū)依據(jù)，根據(jù)其下屬市區(qū)的確診狀況來顯示色彩。這兩張圖的共同優(yōu)點在于某一市區(qū)存在感染病例不必將全省標(biāo)記，全省范圍的標(biāo)記在“談疫色變”的關(guān)鍵時期無疑在無形中加劇了所處區(qū)域健康人群的恐慌。

筆者在新浪微博上還發(fā)現(xiàn)了一張截至2020 年2 月8 日的“江岸區(qū)疫情分布圖”（圖7），武漢是疫情的“重災(zāi)區(qū)”，而華南海鮮市場所處的江漢區(qū)更可謂是“重中之重”。這張圖以江漢區(qū)的社區(qū)網(wǎng)格為基礎(chǔ)進行劃分，對于已有確診人數(shù)大于5 人的小區(qū)標(biāo)以明度較深的紅色以提醒該區(qū)域居民引起重視。試想這時江岸區(qū)仍采取僅是數(shù)據(jù)或數(shù)字的方式告知，遠不及此類清晰的圖片所傳達的內(nèi)容清晰與直觀。

3.2 圖形為主的表達方式

北京大學(xué)可視化與可視分析實驗室制作了系列關(guān)于疫情數(shù)據(jù)的可視化分析，其中一個為疫情變化晴雨表（圖8），筆者截取了湖北省截至2020 年2 月6 日的數(shù)據(jù)圖（圖9），與其他可視化作品相比，該表達方式更像是在顯示某一種趨勢，其引入了“圖形”“色彩”“面積”3 種視覺暗示方法，方塊的顏色表示該省市當(dāng)日新增確診數(shù)較前日的變化，面積大小表示增量的多少。方塊下方的數(shù)字為當(dāng)日新增確診數(shù)。誠然，如圖表說明所釋：“晴雨表聚焦于增量數(shù)據(jù)，對每日歷史數(shù)據(jù)進行統(tǒng)計，宏觀呈現(xiàn)疫情發(fā)展態(tài)勢，有助于揭示疫情拐點?！钡P者認為該表基于不同閱讀人群的認知結(jié)構(gòu)在一定程度上易產(chǎn)生視錯覺與誤解。表現(xiàn)趨勢通常會引用“長度”“方向”等視覺暗示原則，通過正方體面積的變化是否會讓讀者認為是人數(shù)的增長或變化？因為人腦思維在長期的生活積累和認知習(xí)慣的作用下, 會形成一套相對固定的色彩感知, 當(dāng)受眾感知到這一色彩對就會形成一定的心理暗示作用[3]。所以從用戶群體的習(xí)慣思維出發(fā)，綠色的使用在當(dāng)前的心理暗示可能更加偏向于“被治愈”這三個字眼。

圖7 截至2020 年2 月8 日江岸區(qū)的疫情分布圖

圖8 北京大學(xué)可視化與可視分析實驗室制作的疫情睛雨表

圖9 湖北省截至2020 年2 月6 日疫情晴雨表

圖10 北京大學(xué)可視化與可視分析實驗室制作的疫情方寸間

圖10 中，北京大學(xué)可視化與可視分析實驗室?guī)熒俅芜\用了“圖形”與“色彩”的方式并輔以數(shù)字制作的可視化作品——疫情方寸間，每個單獨的方塊為一個省份數(shù)據(jù)，背景顏色表示確診數(shù)，綠色面積表示治愈率，黑色面積表示死亡率。在方塊的右上角，分別使用紅色、綠色和黑色的數(shù)字代表確診數(shù)、治愈數(shù)和死亡數(shù)。通過點擊各省份方塊，可以在全國疫情態(tài)勢和全省疫情態(tài)勢兩者之間切換。這樣的表達方式較為抽象，值得思考的是綠色與黑色數(shù)字在顏色上與方塊面積相對應(yīng)，視覺對比較強烈，確診數(shù)這一變量由于各地人數(shù)的不同也導(dǎo)致了各省份的背景色不同，但確診數(shù)卻與背景色沒有準(zhǔn)確的統(tǒng)一。且諸如武漢等確診病例較多的區(qū)域，省份簡稱與背景明度區(qū)分不明顯，也會從一定程度上影響其可讀性。

圖11 為清華大學(xué)項目組成員作品。清華大學(xué)美術(shù)學(xué)院向帆教授致力于數(shù)據(jù)可視化探索與設(shè)計，在這張圖中，各市區(qū)依據(jù)確診人數(shù)之?dāng)?shù)量形成顏色相同而面積不同的圓形，各個顏色為淺灰色代表省份的圓形再組合成象征整個國家的最大圓形，點擊圓形即可顯示該區(qū)域的確診人數(shù)，其他國家則處于最大圓形的外圍。同樣是反映截至2020 年1 月26 日的“疫情地圖”，不同于熱力圖主要以色彩為主的表達方式，圖11 引入了面積這一要素，省份、市區(qū)等被抽象成了圓形，混亂的色階被圖形面積所取代，統(tǒng)一的色彩增強了信息的識別度，且無需再重復(fù)點擊中國地圖的省份便能查看各位置的大致感染情況，可以直觀地看出同一省份內(nèi)哪些市區(qū)情況較為嚴峻，需要加強管控，哪些地區(qū)暫時安全，要小心防范。作者在可視化過程中對數(shù)據(jù)進行了一定取舍，因為展現(xiàn)的信息越多，往往意味著讀者需要花費更長的時間來查找需要的那部分信息[4]，該設(shè)計雖然只采用了確診人數(shù)這一變量，但這種表達方法的宏觀呈現(xiàn)性較強，能夠清晰地使讀者了解全國的疫情發(fā)展?fàn)顩r，也能從一定程度上反饋疫情的走向。

圖11 青華大學(xué)項目組繪制的疫情圖

圖12 微博用戶繪制的疫情圖

圖12 同樣是以圖形與顏色組合的方式顯示了截至2 月12 日湖北省疫情數(shù)據(jù)，密切接觸者、繼續(xù)觀察、累計確診等數(shù)據(jù)根據(jù)數(shù)值大小被轉(zhuǎn)變?yōu)槊娣e不等的圓形，同時配以準(zhǔn)確數(shù)字，圖文并茂，具備較強的可讀性，此種方式兼顧了較多的數(shù)據(jù)，對于以省為單位的全局性表達較為理想。

4 情感化設(shè)計背景下的“疫情地圖”分析

諾曼在《設(shè)計心理學(xué)》一書中將情感化設(shè)計分為三層次：本能層級、行為層次與反思層次。并指出“一件產(chǎn)品的成功與否，設(shè)計的情感要素也許比實用要素更為關(guān)鍵”[5]，筆者認為這同樣適用于指導(dǎo)“疫情地圖”這一可視化設(shè)計實踐中。

4.1 本能層次

本能層次在此所指向的是將各類信息通過可視化設(shè)計后轉(zhuǎn)化為具備一定視覺美感且吸引人的設(shè)計，即“疫情地圖”的“辨識度”。圖形的辨識度直接決定了其可讀性，在百度上搜索實時“疫情地圖”，諸如“網(wǎng)易新聞”“百度”“新浪新聞”“丁香園”等頁面都提供相應(yīng)信息的查閱，均是基于中國地圖這一地理坐標(biāo)系的熱區(qū)圖，筆者分別從電腦端和手機端觀看數(shù)據(jù)圖片，發(fā)現(xiàn)當(dāng)其呈現(xiàn)于網(wǎng)頁端時，整體視覺上省份的邊界與色塊清晰可見，而從手機上閱讀時由于屏幕尺寸有限，加之各省份的數(shù)據(jù)不同導(dǎo)致各色塊色階相互擠壓，且以上4 個手機端界面均不支持以手勢滑動控制縮放功能，對中、老年人群閱讀欲望及閱讀體驗會產(chǎn)生一定的影響。其次前文所提及的“疫情地圖”中的一個普遍行為——著色尺度，以顏色的深淺來表示整個省份的疫情狀況，雖然點擊具體省份后可以進一步查看以市區(qū)為單位的信息，但如果不仔細讀圖，極易陷入整個省份都已經(jīng)有許多確診人數(shù)的誤解，看到“山河紅遍半邊天”或部分地區(qū)“紅得發(fā)黑”便認為疫情已經(jīng)大肆蔓延，是造成誤解與恐慌的主要原因。從這一角度看，“疫情地圖”在具備可視化設(shè)計形式的同時更應(yīng)顧及用戶群體的第一反應(yīng)，促使其產(chǎn)生閱讀興趣，并避免誤讀情況的產(chǎn)生。

4.2 行為層次

在情感化設(shè)計的行為層次中，設(shè)計主要是與使用有關(guān)，應(yīng)優(yōu)先考慮的是功能，功能性設(shè)計是設(shè)計的本質(zhì)屬性[6]，可以認為是用戶在使用“疫情地圖”的交互過程中所感受到的愉悅感與使用效率?！耙咔榈貓D”除了反饋實時疫情，同時提供了“最新進展”“辟謠信息”及多類別的信息圖表與趨勢圖供人們參考，人們通過此鏈接可以了解準(zhǔn)確、翔實的數(shù)據(jù)。當(dāng)然不同用戶人群希望從“疫情地圖”中獲取的信息也因人而異，以百姓為例，他們最希望獲取的信息是細化到居住區(qū)域?qū)蛹壍拇_診情況，尤其是如武漢等疫情較為嚴重的區(qū)域在封城后，哪些地方能提供生活必需品與藥品的購置，又有哪些地方被征用為方艙醫(yī)院等信息；醫(yī)務(wù)工作者則希望獲取輕重癥及疑似人數(shù)以制定更好的診療方案；對于政府部門等工作人員更需要以省區(qū)、市等宏觀層面的信息來助力于決策……從行為層次出發(fā)，在“疫情地圖”的設(shè)計中可以疊加不同的圖層用以展示針對不同受眾目標(biāo)所需要的不同信息內(nèi)容，并建立良好的視覺層級，豐富功能性設(shè)計以給予用戶易用、實用的體驗。

4.3 反思層次

反思層次所指向的是設(shè)計所激發(fā)的回憶與思考，與使用者產(chǎn)生情感聯(lián)結(jié)，從而更好地激發(fā)情感體驗。眾多網(wǎng)頁及程序都展示著大同小異的“疫情地圖”，是否有一種能夠以提升用戶體驗的方式持續(xù)吸引用戶的關(guān)注與點擊，引發(fā)其持續(xù)性的關(guān)注度。以互動性為例，疫情的起始、發(fā)展到結(jié)束是一個動態(tài)過程，清華大學(xué)美術(shù)學(xué)院向帆所設(shè)計的作品的底部增設(shè)了一個時間滑動模塊，移動滑塊可以觀察到，隨著時間軸的位移，代表數(shù)據(jù)的圓形氣泡大小與位置也隨之改變，但市區(qū)仍是緊緊圍繞省份，氣泡的大小與浮動牽動著觀者的好奇心，通過這樣的一個交互體驗，冰冷而陌生的數(shù)字似乎在這里變成了一件數(shù)據(jù)藝術(shù)品。值得一提的是這件作品中并沒有過分引入色彩元素，即便是所占用戶群體人數(shù)較少的色弱、色盲人群可無障礙閱讀，這亦是一種無形中的人文關(guān)懷，也正是此類的關(guān)懷在無形中強化與滿足了用戶的使用經(jīng)歷和潛在的心理需求。

5 結(jié)語

疫情發(fā)生以來，各類數(shù)據(jù)讓普通人很難在第一時間篩選出自己所需要的有效信息，通過可視化的方式, 可以減輕由于大量數(shù)據(jù)給用戶帶來的“信息爆炸”壓力[7]。可視化設(shè)計的初衷是“讓數(shù)據(jù)說話”并讓受眾迅速理解大量信息，本質(zhì)上這是一個抽象的過程[8]，這也需要設(shè)計者在設(shè)計作品的時候充分地考慮到受眾的真正需求。筆者基于所搜集的案例進行分析不以區(qū)分優(yōu)劣為最終目的，因為沒有任何一種產(chǎn)品能夠滿足每一個人，同樣沒有任何一種“疫情地圖”可以滿足不同用戶的不同需求，唯有設(shè)計形式與信息內(nèi)涵相輔相成的方式才能為人們所接受。“疫情地圖”作為當(dāng)下一種熱門的信息可視化傳達方式，更應(yīng)兼具數(shù)據(jù)的傳達、交互性的獲取方式、生成性的發(fā)展趨勢及視覺的美感，只有深入研究疫情地圖背后的視覺傳達原理，才能更好地指導(dǎo)疫情地圖的設(shè)計與實踐，助力信息從高速傳播向高效傳播躍進。