2020-5-16 鶴鶴
可視化是利用計算機圖形學和圖像處理技術，將數據轉換成圖形或圖像在屏幕上顯示出來，再進行交互處理的理論、方法和技術。面對醫療行業，如何將行業數據，轉化為視覺可視化中的點線面，是在這個項目中需要思考的問題。
本文將帶來設計師在醫療院感可視化項目中的設計過程及思考，講述如何在業務場景下對數據進行抽取表達。通過可視化打破傳統院感系統的表單呈現，使院感場景具備互動性、觀賞性，滿足不同角色的使用需求。同時院感醫生通過可視化的解決方案能清晰直觀的了解到院感發生分布、病例分析，從而控制院感發生和預防。
本項目以浙江省建德市第一人民醫院為案例，地理數據以建德醫院坐標為準。
項目背景
院感是什么？院感為醫院感染，入院48小時內都有可能感染到院感細菌。在醫院里有專門的院感醫生職位，對醫院感染進行有效的預防與控制。而傳統院感管理的工作流：醫護人員及院感醫生 > 院感系統分析疑似病例 > 得出結論預防或治療。這種偏人工的方式數據獲取方式，無法更的獲取院感發生的原因、定位、以及未來的院感預測。
P1 因此我們通過對醫院數據的整理，抽離出影響院感的數據，將院感發生、發展、管控、治療、預測全流程進行整合。
P2 通過醫院>樓層>人員三個層面，空間和時間兩個維度對院感展示。打破傳統院感系統的表單呈現，使院感場景具備互動性、觀賞性，滿足不同角色的使用需求：如院長的展示性需求。院感醫生通過可視化的解決方案能清晰直觀的了解到院感發生分布、病例分析，從而控制院感發生和預防。
P3 同時在這樣的設計場景下，可以覆蓋的醫療業務場景和數據單位也會更多元，具有一定的商業化價值。
P4 設計流程
整個項目的設計流程可以分為4個階段：信息收集、可視化、線上搭建、效果調試。在此項目實踐中，重點投入在前三大部分。
P5 Part1信息收集
我們基于項目背景，梳理要展現的數據指標，對整體業務場景進行故事腳本的規劃（即如何展現前期的數據收集，并把其串聯在整體業務場景中），設定動作攝像機語言，同時也需要了解最終呈現的硬件設備與使用環境。
P6 Part2可視化
1.交互信息框架
首先梳理院感的信息框架和交互方式。
整個大屏分為院樓層，呈現整體院感數據的統計；樓層屏，作為重點病區的監測預測；個人屏，分析病例回溯病程，從而預測院感。三屏之間相互跳轉， 交互演示方式從醫院的外部跳轉內部結構、再到患者的個人維度，三屏都分別展示相關的數據指標。
P7 2.視覺風格
在大屏視效風格探索上，期初的目標是希望可以打造不一樣行業視覺語言，所以選擇不同于以往的設計大屏風格，選擇白色的風格，符合大家對醫護行業的認知。但到中期發現，在硬件設備上展示發是過曝的。因此對設計風格進行調整改為X光片的風格，色系上偏冷綠的感覺。這是在這個項目中的試錯經驗之一。
P8 3.建模設計
在可視化部分中遇到的難點：建筑模型的高還原。下圖為建德第一人民醫院實拍圖。在大屏項目中，必須真實還原地理位置。而在此醫院沒有清晰的CAD圖紙提供的；在Google的衛星地圖下也沒有的建筑結構的，所以我在建模的過程中，是踩了坑的，先盲畫了一版，但是精細度不夠，過于粗糙。
P9 因此我反復看得到的資料，通過在確定地理氛圍內，去豐富場景。這樣的好處是使業務場景更加豐富，包括擴展到院外的車流數據，為業務場景提供更多可能性 當然后期也搖到了建筑內部的消防圖，根據消防圖繪制內部結構。
P10 4.數據面板
對可視化組件的組件進行設計：時間篩選、數據統計、占比關系、趨勢分析。設計之前也參考了很多概念版的可視化設計，希望在院感屏上可以呈現一種科技概念的感覺。
P11 Part3線上搭建
1.獲取地理數據
這部分是非常耗時的，datav是數據驅動的可視化產品，在搭建部分，是全程依靠datav平臺的。
首先需要明確地理數據，通過高德數據通過點線成面，可以作為場景定位，也就是物理模型的經緯度數據 后面還原數據效果，造虛擬數據，是非常依賴于這個坐標數據的。
119.291724 , 29.472365
這是建德醫院的坐標，醫院在地圖上的數據是很簡化的，顆粒度很大，具體位置無法顯示。
P12 因此我們需要建立與地理數據綁定的建模，先對位置。
P13 在這個過程中我發現，如果最開始沒有對準位置，也不用緊張，可以在DATAV平臺增加hook數據過濾器，解決地理數據與世界坐標無法對齊的問題。
2.線上場景還原
根據對確定過位置模型進行烘焙還原。這個過程中遇到了一些不知名的原因烘焙失敗，原因可能是命名有中文/位置數據錯誤/模型塊面復雜等，遇到這樣的問題就需要重新從頭檢查烘焙流程每一步。
P14 3.數據維度展示還原
這一步我們需要把前期做好的數據可視化效果，還原到線上模型中。在這一步我遇到的問題是因建德醫院內部具體結構的缺失，使一些可視化效果無法精準匹配到模型上。所以設計過程中只能依賴于在對的地理位置上豐富的場景內造數據，這個過程是比較吃力的。
P15 這個問題的解決辦法是通過開發工具和導出的結構俯視圖，對位置，然后轉化出LEGO的數據
P16 在數據效果還原的過程中，也發現我在前期設計的數據效果，不能全部實現，有些是依賴于開發的 。這時可以通過其他組件效果代替嘗試，比如熱力的效果用粒子放大，通過參數調節得到熱力 再比如局部房間的掃管，通過設計部分多次烘焙模型，不斷疊加掃光層，得到房間監測的效果
P17 設計小結
綜合以上的經驗，院感可視化從設計到落地，整體結構應該是這樣從物理基礎坐標的獲取、到場景搭建、再到數據展示的過程。在這個過程中會用到DATAV、C4D、數據庫、簡單的代碼等技術來實現。
P18 這個項目雖然這只是醫療行業中一個小的業務場景，但我們的業務數據提取及可視化設計思路，他不僅限于醫療行業，同時也可以成為場館類大屏解決方案的一部分，是具有一定商業化價值的。同時在這過程中沉淀下來的人體結構模型，和一些設計經驗，是可以復用到對應行業解決方案中，達到提效。
轉自：
P12 因此我們需要建立與地理數據綁定的建模，先對位置。
P13 在這個過程中我發現，如果最開始沒有對準位置，也不用緊張，可以在DATAV平臺增加hook數據過濾器，解決地理數據與世界坐標無法對齊的問題。
P14 3.數據維度展示還原
P17 設計小結
P18 這個項目雖然這只是醫療行業中一個小的業務場景，但我們的業務數據提取及可視化設計思路，他不僅限于醫療行業，同時也可以成為場館類大屏解決方案的一部分，是具有一定商業化價值的。同時在這過程中沉淀下來的人體結構模型，和一些設計經驗，是可以復用到對應行業解決方案中，達到提效。