疫情地圖設計大全

jason huang
互動有無
Published in
5 min readApr 25, 2020

在疫情持續的當下,相信許多人每天都會透過媒體關注疫情的發展,自己則是常開疫情地圖和資訊視覺化的網站,除了能獲得即時的數據,也能快速瀏覽各國疫情發展的情況。不久前看到 University of Minnesota 整理一個列表,包含多個指標性的此類網站,各有不同的身份、設計主軸和資訊呈現,這邊就羅列當中數個和自己推薦的來介紹和討論。

個人最常用的 https://coronavirus.app/map

WHO

近期的作為讓公信力蒙塵,但仍然是掌握許多數據的重要機構,因此數據更新雖然較慢,但理應是最準確的。

設計方面,身為全球機構以非常公部門的方式呈現數據,雖然資料齊全,但像是國名以純文字呈現,接收這些訊息時稍嫌費力。資訊呈現上則中規中矩,以圓點的做法能看出疫情發生的地區和密集度,不過大小差異不大,不搭配確診數字較難一眼區分嚴重性。另外,左下的當日案例和累積案例圖表,數量x軸、月份y軸的方式較不直觀,手機版上又換回熟悉的x軸時間、y軸數量,有不連貫問題,設計也明顯以電腦而非手機為主,整體來說能進步的地方不少。

校稿時發現WHO疫情地圖已改至 https://covid19.who.int/,修復了許多初版的問題,不管是在設計或資訊呈現上都重新改良,也有更多數據視覺化和分區層級。
Apr. 1, 2020

UW

作為全球知名的HCI院校,建立的疫情地圖加入更多顏色的元素,像是疫區以顏色深淺區分,確診、痊癒和死亡數據也以不同的顏色表示,讓資訊更有效地被接收;手機版面也十分簡潔,但若能像電腦版一樣加入案例增長圖表將會更實用。

雖然此網站是由 UW HGIS Lab 製作,但總覺得若善用該校HCI資源與人才,應該有能力做出更完整的網站。

Apr. 1, 2020

Johns Hopkins

近期媒體上經常引用的數據正是此知名學府提供,他們所建立的疫情地圖資訊量十分龐大,載入時間也較長。

設計上和UW一樣在確診、痊癒和死亡數據上以不同顏色呈現,疫區資訊則和WHO手法相近,但即使同一個國家也有多個圓點代表不同地區的嚴重性,解決WHO資訊呈現上的問題。然而手機版並未加以優化,建議以電腦版使用。

Apr. 1, 2020

HealthMap

由 Boston Children’s Hospital 的學者、專家和工程師所創立的團隊,長期關注和監測傳染性疾病。

這次和多間研究機構共同製作開源的疫情地圖,又或是說疫情發展地圖,主軸也就以全球各地疫情隨時間發展為主。和WHO、JHU一樣以大小圓點代表疫區資訊,但加入顏色來增加嚴重性的層次,是能一目暸然看到疫情從頭到現在演變的好工具。

Apr. 1, 2020

The Coronavirus App

個人最推薦的是由 Scriby 所製作的疫情地圖,一開始的開發者是在臺北外派的兩位法國人,因次也有完整的中文版面。從2月用到現在,他們一直都是以全球疫情為重點,但陸續新增不同的功能,包含口罩地圖以及API服務

資訊呈現上,個人最喜歡是版面右上角簡單明瞭的總覽,包含大家最關心的確診、死亡、康復和目前感染的數據,以及隨時間增長的曲線圖背景,相當善用空間和適度的數據視覺化

疫區資訊一樣以圓圈代表,雖然並未像 Healthmap 加入顏色作分級,但隨著地圖的拉進拉遠,可以清楚分辨各國的疫情嚴重性,也能看到該國各區的差異。另外,國家列表比JHU多做了額外層級,運用相同的模組完整呈現該國疫情發展和每日確診數。手機版上也一樣保持良好的體驗和呈現,這樣的連貫性也是自己會常用和推薦的原因之一。

Apr. 1, 2020

從不同的身份能看到疫情地圖設計和呈現的差異,而這些正是源自於不同的目的,像是 Healthmap 主要關注和監測傳染病,重心也就放在疫情演變上;The Coronavirus App 則是個人發起,主軸也就比較接近大眾所關注的部份。

因此,先釐清目的在給予他人建議時也會有更清晰的脈絡,對於自己面對知識吸收 vs 視覺效果、3D vs 文字、體驗 vs 內容等等的平衡時,也是個值得一再提醒的利基點。

--

--

jason huang
互動有無

生於臺北,後天港仔;科技創新學徒,人文傳教士 👋🏼 j450nhuang.com