基于交互體驗與信息可視化的醫(yī)療科普應(yīng)用研究

劉佳佳　曾山　程愛蓮

摘要：結(jié)合交互體驗與信息可視化方法探討醫(yī)療科普傳播新模式，以改善用戶被動接受醫(yī)療科普信息的現(xiàn)狀，為目前醫(yī)療科普傳播提供新的設(shè)計思路和實踐參考。通過研究分析醫(yī)療科普傳播發(fā)展現(xiàn)狀與發(fā)展趨勢，結(jié)合交互體驗與信息可視化方法，提出基于交互體驗與信息可視化的醫(yī)療科普應(yīng)用模型，重構(gòu)了醫(yī)療科普中人-物-環(huán)境三者之間的關(guān)系。以新型冠狀病毒肺炎為例，設(shè)計醫(yī)療科普小程序。研究提出了基于交互體驗與信息可視化的醫(yī)療科普設(shè)計的方法，強(qiáng)調(diào)科普內(nèi)容的可視化輸出環(huán)境、清晰的交互界面，并以內(nèi)容為中心向用戶體驗為中心的交互體驗?zāi)Ｐ娃D(zhuǎn)變，有助于用戶更好地學(xué)習(xí)醫(yī)療科普知識，為醫(yī)療科普傳播提供參考。

關(guān)鍵詞：交互體驗 交互設(shè)計 信息可視化 醫(yī)療科普 科普小程序

中圖分類號：G122 文獻(xiàn)標(biāo)識碼：A

文章編號：1003-0069（2021）02-0051-03

引言

大健康理念的提出促使人們的醫(yī)療診治行為從被動就醫(yī)向主動、常態(tài)性預(yù)防保健轉(zhuǎn)變。調(diào)查顯示，2018年國民對“健康”的重視程度高達(dá)9.6分（滿分10分），與此同時，醫(yī)療保健消費(fèi)支出在國民人均可支配支出中同比增速以16.1%高居榜首。在人人追求健康的時代，醫(yī)療2.0與人工智能的創(chuàng)新發(fā)展拓寬了民眾健康消費(fèi)的空間，互聯(lián)網(wǎng)醫(yī)療融入尋常百姓的日常生活，用戶網(wǎng)絡(luò)服務(wù)月均使用時長為1-2小時左右，醫(yī)療版塊的訪問率為互聯(lián)網(wǎng)醫(yī)療平臺最高。由此可見醫(yī)療科普在群眾中被使用率逐漸上升。交互技術(shù)的完善與發(fā)展，使其在各領(lǐng)域中大放異彩，但是鮮有設(shè)計關(guān)注醫(yī)療科普中的交互應(yīng)用。信息可視化作為一種新型的信息解碼方式，注重將復(fù)雜的概念數(shù)據(jù)圖形化，以期在有限的時間和空間高效清晰的傳遞信息。在群眾日益關(guān)注自身健康的社會環(huán)境下，如何更好地基于交互體驗與信息可視化提升醫(yī)療科普的實用性，將是一個有價值的研究問題。

一、醫(yī)療科普現(xiàn)狀分析

醫(yī)學(xué)作為與人生活息息相關(guān)的一門學(xué)科，其面向群體主要分為專業(yè)醫(yī)師和沒有醫(yī)學(xué)知識背景的普通民眾。普通民眾可以通過醫(yī)療科普知識對自身健康進(jìn)行簡單的自我判斷，進(jìn)而考慮進(jìn)一步措施。然而現(xiàn)今部分醫(yī)療科普宣傳內(nèi)容晦澀難懂，普通民眾無法從中獲取其需要的醫(yī)療信息，導(dǎo)致疾病惡化。2011年美國國家醫(yī)學(xué)院指出：與其他醫(yī)學(xué)領(lǐng)域相比，醫(yī)療科普領(lǐng)域發(fā)展相對落后，經(jīng)過多年發(fā)展，國外醫(yī)療科普領(lǐng)域結(jié)合信息可視化設(shè)計方法更加直接的傳達(dá)相關(guān)醫(yī)療信息，因此國外的醫(yī)療科普更加注重知識的整體性、與主題的關(guān)聯(lián)性以及信息分布的合理性，能夠使觀者一目了然地獲取科普宣傳主題，按照視覺流程逐步深入，從而循序漸進(jìn)地獲取全部科普信息。反觀我國醫(yī)療科普內(nèi)容，醫(yī)院作為醫(yī)療科普信息發(fā)布的核心地點(diǎn)，其科普宣傳欄形式與十多年前無異，以文字體現(xiàn)信息居多、內(nèi)容形式陳舊、缺乏美感、實用性不強(qiáng)、圖文表達(dá)沒有主次、使人視線難以集中，觀者很難從中獲取需要的醫(yī)療信息【1】。國內(nèi)外醫(yī)療科普發(fā)展特點(diǎn)差異較為明顯，具體對比見表1。

設(shè)計的多元化發(fā)展促使可視化技術(shù)在醫(yī)療領(lǐng)域中的應(yīng)用率增加，通過調(diào)研發(fā)現(xiàn)信息可視化在醫(yī)療領(lǐng)域中的應(yīng)用多集中于醫(yī)療決策與內(nèi)部系統(tǒng)構(gòu)建【2】，通過可視化技術(shù)輔助醫(yī)生更加高效地進(jìn)行醫(yī)療診斷與日常管理。醫(yī)療科普的信息可視化應(yīng)用率也有明顯提升，其主要方式多以靜態(tài)圖形展示為主，在當(dāng)下的智能化發(fā)展語境中，用戶對互動性信息傳遞更為青睞【3】，未來基于交互體驗與信息可視化的醫(yī)療科普模式必然成為趨勢。

二、基于交互體驗的醫(yī)療科普信息可視化設(shè)計模型

（一）基于信息可視化的醫(yī)療科普設(shè)計模型

根據(jù)醫(yī)療科普特點(diǎn)及其現(xiàn)狀分析，在進(jìn)行醫(yī)療科普信息可視化設(shè)計之前，需要以用戶需求為核心構(gòu)建醫(yī)療科普信息可視化模型，實現(xiàn)由用戶導(dǎo)向為中心的醫(yī)療科普信息可視化設(shè)計【4】，提高信息傳播效率，如圖1，該模型基于信息可視化方法，優(yōu)化了信息輸出與輸入雙方的溝通過程，提高了信息傳遞效率。該設(shè)計模型包含了五個方面的設(shè)計流程：

1.受眾定位：不同群體對于信息地接受能力有明顯差異，在進(jìn)行信息可視化之前，首先需要確定此類醫(yī)療可視化信息的受眾類型，對此類型進(jìn)行詳細(xì)分析，歸納總結(jié)其熟悉的可視化語言，消除因文化陌生所造成的信息傳遞阻礙。

2.信息編碼：將原有信息按照不同標(biāo)準(zhǔn)進(jìn)行信息編碼。準(zhǔn)確性、科學(xué)性作為醫(yī)療信息最顯著的特點(diǎn)，其冗長、瑣碎的特點(diǎn)導(dǎo)致了醫(yī)療信息科普宣傳時文字居多的主要原因。在將醫(yī)療科普信息圖形化設(shè)計的過程中首要的就是將醫(yī)療信息收集分級，按照信息的重要程度進(jìn)行劃分，確保信息之間的層級關(guān)聯(lián)。

3.信息解碼：將整理好的信息映射為可視化圖形中的視覺語言，如形狀、顏色等。再將所映射的視覺元素按照設(shè)計目的進(jìn)行解碼，解碼過程中需要設(shè)計師綜合考慮目標(biāo)受眾的的特點(diǎn)以及當(dāng)下流行的發(fā)展趨勢，將其處理成受眾可以簡單理解的圖形符號進(jìn)行傳播。

4.場景構(gòu)建：傳統(tǒng)醫(yī)療信息以分段式文字為主，首先列出標(biāo)題，闡明描述主體，輔以大段的文字信息進(jìn)行補(bǔ)充說明，此類宣傳形式完全與科普的出發(fā)點(diǎn)背道而馳。通過信息可視化方法，醫(yī)療科普將傳統(tǒng)文字信息轉(zhuǎn)化為場景式圖形語言，對用戶而言，信息獲取可以更加簡單高效。醫(yī)療科普信息場景式再現(xiàn)能夠縮短與受眾之間的距離感，運(yùn)用圖形化語言表現(xiàn)醫(yī)療知識特點(diǎn)，將醫(yī)療信息做到全方位科普。

5.明確色彩傾向：色彩是具有自身性格的個體，在選擇配色時要確保色彩的準(zhǔn)確性，明確的色彩首先能夠易于受眾識別，并且能夠最先吸引到觀者的注意。

（二）基于交互體驗的醫(yī)療科普信息可視化應(yīng)用模型

醫(yī)療科普作為日常生活中不可或缺的一部分，用戶在信息接受和理解時的使用感受將會極大地影響用戶體驗和結(jié)果，同時，用戶作為具有獨(dú)立性格特征的個體，在其需求內(nèi)容和使用習(xí)慣等方面存在較大的個體差異【5】。因此，從醫(yī)療科普閱讀者與交互體驗的角度出發(fā)考慮醫(yī)療科普信息可視化的交互體驗，能有效加強(qiáng)用戶對于醫(yī)療科普信息的接收和理解，從而提高信息傳達(dá)效率與用戶體驗感。傳統(tǒng)醫(yī)療科普側(cè)重通過圖形化語言進(jìn)行信息傳遞交流，較少考慮用戶與信息雙方的互動體驗，交互體驗的介入能夠有效打破這一限制，通過構(gòu)建更科學(xué)合理和人性化的設(shè)計模型與使用方式，實現(xiàn)由交互體驗為中心增強(qiáng)用戶學(xué)習(xí)的應(yīng)用模型，如圖2，該模型基于交互體驗理論，整合用戶、對象（醫(yī)療科普信息）和設(shè)備三者之間的關(guān)系，優(yōu)化用戶醫(yī)療科普交互體驗。用戶通過移動設(shè)備進(jìn)行交互操作，設(shè)備通過相應(yīng)的提示給用戶反饋，并且通過指令調(diào)用返回可視化信息，在交互過程中完成醫(yī)療科普信息的學(xué)習(xí)，激發(fā)用戶學(xué)習(xí)興趣，加強(qiáng)用戶記憶。

三、新型冠狀病毒肺炎醫(yī)療科普的設(shè)計實踐

（一）設(shè)計構(gòu)思

2020年初新型冠狀病毒肺炎（以下簡稱新冠肺炎）爆發(fā)，在世界范圍內(nèi)引起了一定的恐慌，作為一種新型疾病，普通群眾對其了解甚微，本設(shè)計案例旨在基于交互體驗與信息可視化的醫(yī)療科普設(shè)計模型對新冠肺炎的醫(yī)療科普進(jìn)行設(shè)計優(yōu)化，向用戶普及新冠肺炎醫(yī)療知識，正確認(rèn)識新冠肺炎，緩解群眾因新型疾病所帶來的壓力。

醫(yī)療科普信息的使用率相較其他類型信息而言較低，只在需要時才會進(jìn)行查閱翻看。APP、h5、小程序都是用戶經(jīng)常使用來獲取信息的方式，三者之間各有優(yōu)勢，本設(shè)計以微信小程序作為傳播載體，用戶不需要進(jìn)行下載注冊即可進(jìn)行觀看，在需要獲取醫(yī)療科普信息時只需通過微信打開小程序進(jìn)行使用，簡化用戶操作過程，獲取信息更加直接，提高醫(yī)療科普小程序用后期使用黏性。

（二）新冠肺炎醫(yī)療科普信息可視化設(shè)計

為了讓用戶全方位了解新冠肺炎，設(shè)計內(nèi)容主要包括五個方面：起因、途徑、癥狀、飲食和預(yù)防，首先結(jié)合醫(yī)療科普信息可視化應(yīng)用模型，將收集到的新冠肺炎醫(yī)療科普信息進(jìn)行可視化模型轉(zhuǎn)化，如圖3。

（1）定位主體受眾：通過調(diào)研發(fā)現(xiàn)此次疫情期間，90%的用戶每天都會查看疫情信息，其中68%的用戶通過智能手機(jī)進(jìn)行了解，其余用戶則通過電視或其他渠道獲取信息，綜合考慮用戶信息接收表達(dá)能力，本次設(shè)計用戶主要面向大學(xué)生與白領(lǐng)階層，此類人群對于新鮮事物接受能力強(qiáng)，有自己的獨(dú)特審美，文化包容性強(qiáng)。

（2）信息編碼：按照規(guī)則對信息進(jìn)行羅列與篩選，挑選出主要信息部分，此處需要注意，醫(yī)療科普信息較為繁雜，且信息之間關(guān)聯(lián)性較強(qiáng)，需要設(shè)計者主觀歸納總結(jié)，運(yùn)用分類法對其進(jìn)行類別歸納。

（3）信息解碼：結(jié)合當(dāng)下設(shè)計趨勢與流行風(fēng)格，選擇扁平化風(fēng)格進(jìn)行主題風(fēng)格，此類風(fēng)格可以使用戶在信息獲取時降低體塊對其產(chǎn)生的視覺干擾。結(jié)合不同科普場景選擇不同場景進(jìn)行科普展示，選擇實驗室，公園，生活社區(qū)場景作為可視化輸出環(huán)境。最后確定色彩搭配，考慮到用戶在疫情期間的活動范圍局限，因此選擇明快的色彩進(jìn)行搭配，讓用戶有不一樣的體驗感受。

通過醫(yī)療科普信息可視化模型轉(zhuǎn)化，生成可視化圖形，以預(yù)防部分為例，如圖4。新冠肺炎預(yù)防包括六個部分，考慮六者之間的關(guān)聯(lián)性，選擇生活場景作為可視化輸出語境，運(yùn)用勤洗手、外出戴口罩、隔離在家、多運(yùn)動多休息、不與動物接觸以及醫(yī)院圖形語言表示六步措施，將其作為單獨(dú)的空間進(jìn)行設(shè)計構(gòu)建，既可作為單獨(dú)的個體，也可融合成為一個整體。顏色選擇使用明度較高的純色，可以很好地吸引用戶注意力。運(yùn)用模塊突出信息主題，讓用戶在獲取信息時更加直觀，降低用戶信息認(rèn)知負(fù)荷。

（三）基于交互體驗的新冠肺炎信息可視化小程序設(shè)計

現(xiàn)有的醫(yī)療類應(yīng)用進(jìn)行科普閱讀時需要用戶先進(jìn)行登錄注冊，再進(jìn)入對應(yīng)的操作界面，方可進(jìn)行科普內(nèi)容閱讀，操作復(fù)雜、易用性差、界面視覺復(fù)雜的缺點(diǎn)促使許多用戶直接放棄這一功能。結(jié)合已有設(shè)計以及調(diào)研分析提出基于交互體驗的新冠肺炎信息可視化小程序的優(yōu)化方向。在交互體驗操作上，簡化操作流程，避免多個頁面跳轉(zhuǎn)，提高操作的便捷性，功能布局應(yīng)簡單明確，信息排布簡潔明了。視覺展現(xiàn)方面，以簡潔的界面設(shè)計為主，因為可視化內(nèi)容已經(jīng)較為復(fù)雜，弱化界面布局使用戶能夠清晰獲取信息。進(jìn)行設(shè)計時避免風(fēng)格雜亂，不同風(fēng)格的圖形、圖標(biāo)、字體運(yùn)用混亂的情況，保持界面風(fēng)格統(tǒng)一，通過對比突出重點(diǎn)信息，以及圖文并茂地展現(xiàn)信息。結(jié)合上述分析以及設(shè)計目的進(jìn)行信息架構(gòu)設(shè)計，如圖5，在信息架構(gòu)中，只在醫(yī)療信息部分設(shè)計了二級導(dǎo)航，其他部分均是同一層級的并列關(guān)系，保證用戶在小范圍的區(qū)域進(jìn)行操作，避免不必要的思考，從而創(chuàng)造流暢的閱讀體驗。

通過信息架構(gòu)設(shè)計新冠肺炎科普信息可視化小程序，小程序低保真圖如圖6，高保真界面效果如圖7。用戶可通過掃描二維碼或者微信搜索點(diǎn)擊進(jìn)入小程序，首頁新冠肺炎科普的五個方面，可以讓用戶更加清晰地了解具體信息，通過點(diǎn)擊不同區(qū)域進(jìn)行頁面跳轉(zhuǎn)，頁面層級之間沒有其他干擾，菜單欄為底部抽屜式彈出設(shè)計，在不需要時不會對用戶造成視覺干擾，五個信息可視化版塊采用全景式布局，使用者通過滑動屏幕進(jìn)行信息瀏覽，點(diǎn)擊不同的區(qū)域反饋相應(yīng)醫(yī)療信息并且結(jié)合動態(tài)圖形設(shè)計，使可視化圖形富有動感，打破傳統(tǒng)靜態(tài)圖形的局限性，激發(fā)用戶主動學(xué)習(xí)的欲望，使醫(yī)療科普學(xué)習(xí)不再單向、被動。

交互體驗式新冠肺炎科普小程序區(qū)別于其他醫(yī)療科普的最主要特點(diǎn)，依托觸控技術(shù)來實現(xiàn)其交互功能，通過各種手勢交互實現(xiàn)信息輸出的功能。以新冠肺炎預(yù)防科普為例，展示新冠肺炎醫(yī)療科普的交互體驗操作，如圖8、9。

1.滑動：用戶在進(jìn)入預(yù)防科普頁面之后，通過點(diǎn)按操作進(jìn)入可視化科普界面，通過左右滑動瀏覽完整內(nèi)容，通過滑動過程，用戶可以全面了解可視化信息內(nèi)容，在后期學(xué)習(xí)中可以快速轉(zhuǎn)到對應(yīng)區(qū)域，提高用戶學(xué)習(xí)效率。

2.點(diǎn)擊：用戶可以通過點(diǎn)擊可視化信息中的不同區(qū)域，程序反饋相應(yīng)的文字說明，版式具有一定的靈活性。透明圖層既保證文字信息的可閱讀性，也不會造成畫面缺失，使畫面更加豐富且有形式感。同時保證了在同一界面中操作的方便性，減少過度切換頁面導(dǎo)致的疲憊感。

3.捏合拉伸：設(shè)計將小屏幕設(shè)備作為載體，會出現(xiàn)部分信息展示不清楚的問題，用戶可以通過手勢捏合拉伸，進(jìn)行畫面的放大縮小，對局部信息進(jìn)行觀察，也可縮小整體畫面觀察完整效果。

4.拖移：在完成科普學(xué)習(xí)之后，可以根據(jù)自己的觀點(diǎn)進(jìn)行不同組件的排列組合，形成有自己特點(diǎn)的可視化圖形，如圖10。相較于傳統(tǒng)科普形式，用戶具有更多的主觀發(fā)揮空間，能夠促使用戶主動學(xué)習(xí)，且有利于后期在用戶群體之間進(jìn)行傳播交流。與此同時，動態(tài)圖形使畫面更具動感，在道路上行走的人物和飄動的病毒細(xì)胞增強(qiáng)了科普的趣味性，帶給用戶更加生動新穎的閱讀體驗。

四、發(fā)展與展望

醫(yī)療健康與人類日常生活密不可分，該領(lǐng)域同交互體驗與可視化技術(shù)跨學(xué)科的創(chuàng)新應(yīng)用是大勢所趨，設(shè)計風(fēng)格和實踐目標(biāo)的變化對醫(yī)療科普傳播產(chǎn)生重要影響，時下互聯(lián)網(wǎng)與AI技術(shù)的發(fā)展弱化了傳播媒介的約束，互聯(lián)網(wǎng)成為信息傳播的重要媒介和平臺。人工智能技術(shù)的普及與深度學(xué)習(xí)技術(shù)的完善，信息傳遞不再只是單方面的輸出，信息與用戶雙方同維度的感官互動轉(zhuǎn)而成為熱點(diǎn)。

該設(shè)計模型以用戶需求為導(dǎo)向，結(jié)合信息可視化設(shè)計方法與交互體驗改善用戶體驗，但是提供的功能有限，缺乏足夠的吸引力。就設(shè)計案例而言，信息局限于新冠肺炎科普，等疫情結(jié)束之后，用戶需求會開始降低，用戶黏性也會減少，因此可以考慮模塊化體系構(gòu)建，在系統(tǒng)內(nèi)部構(gòu)建醫(yī)療科普模塊體系，用戶通過輸入醫(yī)療科普方向進(jìn)行系統(tǒng)指引學(xué)習(xí)，結(jié)合不同的用戶交互操作進(jìn)行差異化的信息反饋，對于用戶而言，獨(dú)特的信息組合優(yōu)化其體驗感，對于信息傳遞而言，同一醫(yī)療科普信息由于不同用戶操作習(xí)慣的差異性，生成的可視化科普圖形表現(xiàn)形式也各不相同，豐富了醫(yī)療科普形式多樣性。在交互模式上，也可考慮游戲式體驗和沉浸式交互體驗，弱化科普學(xué)習(xí)概念，在交互體驗過程中，用戶通過系統(tǒng)指引逐步深入探索了解相關(guān)科普內(nèi)容，在潛移默化中進(jìn)行醫(yī)療科普知識的學(xué)習(xí)。

總結(jié)

隨著高新技術(shù)和社會經(jīng)濟(jì)的發(fā)展，交互體驗與可視化信息方式逐漸占據(jù)信息傳遞主導(dǎo)地位。當(dāng)前，我國社會各界對醫(yī)療科普傳播不夠重視，存在科普信息供給和民眾獲取需求不對稱、知識供給方式和民眾獲取能力不對稱兩大現(xiàn)實困境。面對醫(yī)療行業(yè)信息化發(fā)展趨勢，如何使專業(yè)的醫(yī)療知識能夠更加通俗易懂？如何使醫(yī)療科普成為百姓日常生活的一部分？以醫(yī)療科普為切入點(diǎn)，從交互體驗與信息可視化設(shè)計的角度對其進(jìn)行新的思考與表現(xiàn)，賦予其新的內(nèi)涵。

參考文獻(xiàn)

【1】田媛.醫(yī)療領(lǐng)域中的信息可視化設(shè)計應(yīng)用研究【D】.北京中央美術(shù)學(xué)院，2017.

【2】郭弈妤，張凌浩.面向老年患者的疼痛評估工具界面信息可視化設(shè)計研究【J】.設(shè)計，2019，32（19）：28-30.

【3】付心儀，劉世霞，徐迎慶.信息可視化的發(fā)展與思考【J】.裝飾，2017（04）：16-19.

【4】韋艷麗，孫虹，王松琴，王磊.K12教育APP信息可視化設(shè)計研究【J】.設(shè)計，2019，32（01）：138-141.

【5】檀鵬，王熳，付鐵明，紀(jì)毅.基于體驗式學(xué)習(xí)理論的文化遺產(chǎn)類AR交互設(shè)計【J】.包裝工程：2020，（5）1-7.

【6】盧智慧，任雅芳，劉娜.信息可視化圖表設(shè)計發(fā)展趨勢的初步探究【J】.大眾文藝，2018（10）：93.