信息可視化設(shè)計在互聯(lián)網(wǎng)醫(yī)療平臺中的應(yīng)用

任彥暉 李敏

關(guān)鍵詞：信息可視化設(shè)計;互聯(lián)網(wǎng)醫(yī)療;用戶體驗;應(yīng)用

互聯(lián)網(wǎng)醫(yī)療平臺擁有龐大的數(shù)據(jù)系統(tǒng)，將這些信息的內(nèi)在規(guī)律形式以更加生動的方式呈現(xiàn)給用戶，從界面布局、風(fēng)格和功能出發(fā)，減輕用戶的記憶負(fù)擔(dān)，通過研究不同平臺的數(shù)據(jù)可視化設(shè)計方式，歸納出更貼近用戶需求的信息可視化設(shè)計策略，以期幫助用戶實現(xiàn)更好的健康管理方式。

1 信息可視化設(shè)計概述

信息可視化設(shè)計是將復(fù)雜、讓人難以理解的數(shù)據(jù)信息，通過內(nèi)在的規(guī)律以可視化的方式呈現(xiàn)出來，便于解讀?？梢暬瘮?shù)據(jù)挖掘是從海量數(shù)據(jù)中“挖掘”潛在的價值，并以圖、表、交互界面的形式呈現(xiàn)出來的過程[1]。當(dāng)前的醫(yī)療產(chǎn)品功能豐富，信息邏輯復(fù)雜，存在信息抽象枯燥的情況，信息可視化設(shè)計在于用視覺化語言把復(fù)雜的信息以更具人性化的方式呈現(xiàn)出來，這其中包括如何定義產(chǎn)品的交互框架和視覺規(guī)范，對頁面信息架構(gòu)層級的排序及視覺語言進(jìn)行符號化的設(shè)計，從而更好地滿足用戶個性化的醫(yī)療需求。

信息可視化將信息轉(zhuǎn)換為計算機(jī)可以處理的數(shù)據(jù)，并通過圖標(biāo)的形式在移動端或大屏幕上呈現(xiàn)，可視化實現(xiàn)主要分為數(shù)據(jù)調(diào)取、可視化圖表繪制和可視化實現(xiàn)幾個階段，界面設(shè)計主要包含圖表、圖形和文字的結(jié)合，目前信息可視化設(shè)計主要以二維和三維的形式呈現(xiàn)。設(shè)計的過程需要分析用戶的核心訴求點，通過字體、顏色和間距的空間進(jìn)行合理布局，將較為重要的功能設(shè)計在頁面相對突出的位置。目標(biāo)用戶對于軟件是否使用流暢特別在意，系統(tǒng)反應(yīng)緩慢、遲鈍，甚至崩潰等問題會影響用戶的使用體驗[2]。因此，優(yōu)秀的信息設(shè)計需要保證用戶在復(fù)雜的使用環(huán)境下迅速找到功能入口，包括針對新手等不同用戶群體的特點，簡化平臺交互設(shè)計的跳轉(zhuǎn)鏈路，減少用戶在使用過程中存在的焦慮情緒，并考慮一定的容錯性問題，信息可視化設(shè)計應(yīng)主動引導(dǎo)用戶視覺聚焦核心功能區(qū)域，弱化頁面中的無效雜糅信息，從而促進(jìn)有效信息的高效傳達(dá)。

2 國內(nèi)外醫(yī)療平臺的行業(yè)現(xiàn)狀分析

國外互聯(lián)網(wǎng)醫(yī)療研究的相對較早，多集中在社區(qū)醫(yī)療信息的構(gòu)建管理及醫(yī)療服務(wù)上，對于平臺的設(shè)計應(yīng)用實踐討論相對較少，只有少數(shù)領(lǐng)域?qū)⑿畔⒖梢暬鳛橹攸c研究對象。國內(nèi)的可視化研究多集中在視覺表達(dá)方面，近年來互聯(lián)網(wǎng)醫(yī)療平臺發(fā)展呈多元化趨勢，對于互聯(lián)網(wǎng)醫(yī)療APP 的設(shè)計方案及交互原理研究也較為充分。目前，國內(nèi)許多大型互聯(lián)網(wǎng)公司相繼推出醫(yī)療平臺業(yè)務(wù)，以應(yīng)對人們對于醫(yī)療健康的需求。在國內(nèi)醫(yī)療相關(guān)行業(yè)產(chǎn)出的APP中，比較具有代表性的有丁香醫(yī)生、妙健康、阿里健康、春雨醫(yī)生及京東健康等。國內(nèi)的平臺更注重交互體驗，平臺因為業(yè)務(wù)側(cè)重點不同，設(shè)計語言也會有較大的差別，有些產(chǎn)品的信息層級及圖形化語言相對清晰。例如春雨醫(yī)生，以數(shù)據(jù)流健康管理技術(shù)，對多來源的數(shù)據(jù)以可視化形式提供給用戶，方便用戶參考[3]。國內(nèi)互聯(lián)網(wǎng)醫(yī)療平臺主要提供尋醫(yī)問診、藥品查詢、社區(qū)論壇、醫(yī)療科普和體檢檔案等線上醫(yī)療服務(wù)。

醫(yī)療行業(yè)的數(shù)據(jù)信息具有一定的專業(yè)性和科學(xué)依據(jù)，互聯(lián)網(wǎng)醫(yī)療行業(yè)迅速發(fā)展迭代，在產(chǎn)品功能不斷完善的同時，平臺信息瀏覽體驗方面也會存在一定的問題：

1） 視覺設(shè)計風(fēng)格不符合醫(yī)療場景屬性的特點。對比國內(nèi)部分產(chǎn)品在色彩上沿用了電商類APP 高飽和度、高對比度的設(shè)計方式。如圖1 這種營銷風(fēng)格不符合醫(yī)療場景的調(diào)性，難以安撫用戶尋求醫(yī)療建議時焦躁的情緒，同時部分圖標(biāo)的設(shè)計也較為簡單和粗糙[4]。

2） 界面設(shè)計缺乏一定的行業(yè)設(shè)計規(guī)范。信息的網(wǎng)格間距缺乏統(tǒng)一性等問題都會影響用戶的閱讀效率，現(xiàn)有平臺存在醫(yī)療平臺的信息可視化圖表設(shè)計不夠豐富、產(chǎn)品的核心功能設(shè)計方式較為接近的問題，整體視覺呈現(xiàn)缺乏信息交錯的立體感，例如圖2 首頁的功能包含健康百科、看熱門、問醫(yī)生、一秒預(yù)約、極速問診和1 元義診等主要功能的視覺優(yōu)先級沒有設(shè)計明顯的區(qū)分，導(dǎo)致不同功能的圖標(biāo)符號的識別度不強(qiáng)，導(dǎo)致用戶流失。

3） 醫(yī)療信息可視化設(shè)計的圖標(biāo)形式相對單一?；ヂ?lián)網(wǎng)醫(yī)療平臺的數(shù)據(jù)可視化設(shè)計貫穿于整個視覺語言體系中，其中存在需要突出信息可視化設(shè)計的功能，例如體檢數(shù)據(jù)、藥品信息和健康測評等功能。如圖3 頁面中的功能含有豐富的數(shù)字信息和圖文信息，給予信息可視化設(shè)計更多的設(shè)計空間。當(dāng)今大部分人群越來越注重健康管理，尤其是中老年群體的子女會關(guān)注長輩每年的體檢數(shù)據(jù)結(jié)果。對于年輕用戶而言，一定程度上更容易理解純文字版本的體檢報告，同時會借助電話咨詢服務(wù)掌握體檢的詳細(xì)信息。但是對于中老年群體，大部分用戶對于許多原始的醫(yī)療數(shù)據(jù)并不了解其含義，且對診斷說明以外的數(shù)據(jù)信息一無所知，在這種情況下信息可視化設(shè)計能夠輔助用戶理解數(shù)據(jù)結(jié)果，根據(jù)不同的數(shù)據(jù)類型設(shè)計相應(yīng)的圖表，輔助用戶更好地理解數(shù)據(jù)信息。

總的來說，國外互聯(lián)網(wǎng)平臺的視覺理論體系發(fā)展相對成熟，在改善百姓的健康狀況方面提供了完備的技術(shù)方案和社區(qū)交互服務(wù)系統(tǒng)，但對于醫(yī)療行業(yè)的實際案例應(yīng)用仍處于探索期。國內(nèi)的互聯(lián)網(wǎng)醫(yī)療平臺處于發(fā)展階段，在不斷擴(kuò)充用戶數(shù)據(jù)和完善醫(yī)療服務(wù)的功能，但平臺頁面在設(shè)計上還存在一定的問題，可以通過行業(yè)相關(guān)問題的分析和研究提供思路，以信息可視化的設(shè)計方法和理論為切入點，助力打造優(yōu)質(zhì)的互聯(lián)網(wǎng)醫(yī)療平臺。

3 信息可視化設(shè)計在互聯(lián)網(wǎng)醫(yī)療平臺中的應(yīng)用意義

3.1 使平臺的功能層級清晰化

文章通過對理論的研究和平臺現(xiàn)狀的分析，將互聯(lián)網(wǎng)醫(yī)療平臺與信息可視化設(shè)計概念相結(jié)合，為了達(dá)到理想的數(shù)據(jù)效果，需要確定用戶的目標(biāo)人群，研究目標(biāo)用戶的行為模型，分析用戶在每一步背后的心理狀態(tài)和變化，并從中挖掘可視化設(shè)計的機(jī)會。每一款產(chǎn)品都需要梳理清晰的交互框架，同時需要根據(jù)交互結(jié)構(gòu)定義完整的視覺語言系統(tǒng)，當(dāng)功能模塊的文字較多時，符號化的視覺語言可以幫助梳理頁面的信息層級，讓用戶有序的閱讀。當(dāng)產(chǎn)品的功能較多時應(yīng)根據(jù)不同信息的重要程度進(jìn)行優(yōu)先級排序，對于需要突出的信息模塊，可以選擇合適的字體、色彩、間距和頁面占位面積等，在此基礎(chǔ)上選擇合適的圖表類型進(jìn)行可視化設(shè)計，這樣能夠幫助用戶提升決策效率。除此之外，還可以通過動態(tài)及三維的方式突出可視化設(shè)計的視覺焦點。信息可視化設(shè)計將原本枯燥的數(shù)據(jù)以更生動、更美觀的方式進(jìn)行呈現(xiàn)，讓用戶在有限的時間內(nèi)快速獲取到感興趣的信息數(shù)據(jù)，并知道如何進(jìn)行下一步操作，這樣的功能才能提升用戶滿意度，并增加用戶的記憶點。

結(jié)合醫(yī)療行業(yè)信息的特點，設(shè)計師在頁面設(shè)計過程中需要有意識的了解不同信息背后的數(shù)據(jù)意義，以及用戶在使用過程中的行為路徑和核心需求。每個功能模塊需要一級信息突出展示，提煉出精華展示，二級信息層級表達(dá)在此基礎(chǔ)上需要適當(dāng)弱化，三級信息更多文案補(bǔ)充可以提供跳轉(zhuǎn)入口或彈窗等交互展示?？梢暬O(shè)計的核心在于把用戶難以理解的醫(yī)學(xué)術(shù)語轉(zhuǎn)譯為用戶能夠理解的語言，通過一定的排版方式輔助產(chǎn)品基礎(chǔ)功能更好的表達(dá)。

3.2 滿足用戶的情感需求

用戶情感需求包括本能水平、行為水平和反思水平三個維度。本能水平層需要信息可視化設(shè)計更加清晰，信息的層級和維度能夠有規(guī)律并且美觀的表達(dá)，頁面整體風(fēng)格的高級和酷炫能夠在一定程度上吸引用戶的注意力，并獲取更多的用戶停留時長;行為水平層需要頁面美觀合理的表達(dá)方式，還需要設(shè)計分析頁面背后數(shù)據(jù)關(guān)聯(lián)的故事性，可視化的鏈路需要符合用戶的行為習(xí)慣，信息銜接自然順暢，使用戶真切感受到信息內(nèi)在的聯(lián)系;反思水平層需要與用戶產(chǎn)品情感共鳴，頁面設(shè)計需要考慮趣味性的交互動效形式，用戶在瀏覽過程中體會到沉浸感和代入感，才能獲得更強(qiáng)的情感滿足。進(jìn)行信息可視化設(shè)計前應(yīng)考慮不同用戶群體的需求差異，不同年齡階段人群對于醫(yī)療產(chǎn)品的功能需求差異化較大，前臺展示應(yīng)根據(jù)人群的不同年齡、不同職業(yè)進(jìn)行定向展示，這樣才能夠給予用戶更加合適的信息，完整的產(chǎn)品設(shè)計需要差異化的可視化度量才能與用戶的情感產(chǎn)生共鳴。

從互聯(lián)網(wǎng)醫(yī)療人群的特殊性出發(fā)，信息可視化設(shè)計需要考慮醫(yī)療人群的個性化需求，視覺的整體風(fēng)格需要具有一定的親和力，這樣更容易被目標(biāo)用戶接受。平臺整體功能框架設(shè)計的過程需要注入情感化設(shè)計，例如當(dāng)用戶在使用平臺的過程中遇到醫(yī)療相關(guān)的問題時，可以在頁面設(shè)計中加入人工問答，有效地緩解用戶的緊張情緒。當(dāng)頁面中的信息超出用戶的認(rèn)知范圍時，可以針對平臺不同功能的特點設(shè)計對應(yīng)的新手引導(dǎo)環(huán)節(jié)，這樣用戶在使用的過程中會對下一步的操作有一定的預(yù)期，避免用戶因誤操作產(chǎn)生功能跳失等問題。醫(yī)療平臺需要幫助用戶解決基本的遠(yuǎn)程醫(yī)療需求，更需要通過一定的信息可視化設(shè)計讓用戶主動學(xué)習(xí)醫(yī)療相關(guān)的知識。

4 信息可視化設(shè)計在互聯(lián)網(wǎng)醫(yī)療平臺中的應(yīng)用思路

為了更好地滿足互聯(lián)網(wǎng)醫(yī)療用戶的基本需求，更加深層次探索信息可視化設(shè)計在現(xiàn)有醫(yī)療平臺中的應(yīng)用，促進(jìn)創(chuàng)新互聯(lián)網(wǎng)醫(yī)療平臺更好地發(fā)展，以下將探討信息可視化設(shè)計在互聯(lián)網(wǎng)醫(yī)療平臺中的應(yīng)用思路。

4.1 平臺醫(yī)療信息的功能分析

在定義好醫(yī)療需求后，對這些功能進(jìn)行優(yōu)先級的排序，調(diào)研現(xiàn)有的核心產(chǎn)品發(fā)現(xiàn)，主要的服務(wù)功能包括在線問診、預(yù)約掛號、健康百科等，同時也包含一些小眾化的功能需求，其中有復(fù)診、義診等，將產(chǎn)品的功能進(jìn)行歸納、分類，搭建便于用戶操作、提高交互效率的信息架構(gòu)[5]。不同產(chǎn)品注重的點會有所區(qū)別，有的平臺會注重用戶體驗的升級優(yōu)化，有的產(chǎn)品相對更注重業(yè)務(wù)流程的優(yōu)化迭代，無論是何種方向的產(chǎn)品，信息可視化設(shè)計都從梳理產(chǎn)品的交互鏈路出發(fā)，使得最重要的功能信息有本質(zhì)的結(jié)構(gòu)劃分，那么用戶在使用的過程中才會更加順暢，從而能夠理解不同功能的實際目的和使用方法?；ヂ?lián)網(wǎng)醫(yī)療平臺的用戶群體的目的性相對明確，用戶主要獲取醫(yī)療健康方面的服務(wù)和咨詢，線上醫(yī)療問診的功能區(qū)別于線下傳統(tǒng)醫(yī)療服務(wù)，遠(yuǎn)程醫(yī)療可以彌補(bǔ)線下問診名醫(yī)地域局限性的問題，同時用戶可以用社區(qū)論壇等內(nèi)容化平臺獲取更專業(yè)的健康知識科普，內(nèi)容分享的形式也越來越多元化。例如短視頻、圖文結(jié)合、文章、圖標(biāo)等形式都可以幫助用戶更好地獲取醫(yī)療信息，平臺的功能定位需要更加專業(yè)和貼心，使用戶對醫(yī)療平臺的核心功能產(chǎn)生依賴性，這樣才能夠培養(yǎng)用戶粘性，從而更好地滿足醫(yī)療平臺用戶的個性化需求。

4.2 平臺醫(yī)療信息的框架分析

在結(jié)構(gòu)設(shè)計的基礎(chǔ)上，將產(chǎn)品的主要功能轉(zhuǎn)化為線框圖的方式，將商業(yè)布局落地到界面設(shè)計中是較為重要的一步。在框架層階段，信息可視化的數(shù)據(jù)表格形式需要設(shè)定，例如近7 日的健康記錄是采用折線圖還是柱形圖，數(shù)據(jù)記錄和解析是采用卡片布局還是文字呈現(xiàn)，卡片的內(nèi)容信息是純文案組合還是文案和圖形的組合形式等，都需要在這一步設(shè)定好。在調(diào)研現(xiàn)有產(chǎn)品的過程中發(fā)現(xiàn)，折線圖的記錄數(shù)據(jù)變化趨勢更為直觀，而卡片式的信息布局更有體量感和層級感。同時，在信息可視化框架設(shè)計階段，產(chǎn)品的主題色選擇較為重要，并在不同屬性的圖表設(shè)計中探索的頁面的統(tǒng)一性，色彩不一的狀態(tài)會影響用戶的視覺動線。線框圖繪制環(huán)節(jié)把頁面的大體的功能布局確定后，需要在交互稿的基礎(chǔ)上進(jìn)一步分析局部的信息優(yōu)先級，如圖4 頁面的框架把整個頁面的第一信息優(yōu)先級定為問診服務(wù)，問診服務(wù)包括特惠義診、極速問診和名醫(yī)問診，三個不同的問診服務(wù)滿足不同群體用戶的需求，二級分類為電話急診等更細(xì)節(jié)的服務(wù)內(nèi)容，信息流為核心的推薦醫(yī)生，其中醫(yī)生的圖文和電話價格，服務(wù)評分和醫(yī)師擅長方向都放在首頁一目了然，強(qiáng)調(diào)用戶關(guān)聯(lián)的信息同時弱化次要的信息，合理的框架分布圖能夠?qū)σ曈X設(shè)計起到積極的作用。

4.3 平臺醫(yī)療信息的界面視覺分析

用戶的體驗需求決定了平臺設(shè)計的視覺和色彩應(yīng)用，其中從產(chǎn)品的字體、色彩、柵格和圖標(biāo)選擇幾個方面分析信息可視化在表現(xiàn)層方面的機(jī)會點。表現(xiàn)力較好的產(chǎn)品在字體設(shè)計方面會有一定的規(guī)范體系，例如在移動端顯示狀態(tài)下主要信息字體不得小于22 像素，長度文案的行間距與字號大小有一定的比例規(guī)定，在既定的設(shè)計規(guī)范上設(shè)計字體組合可視化效果會更有規(guī)范性。醫(yī)療平臺中不同的顏色代表不同的醫(yī)療功能，例如現(xiàn)有平臺中大部分的血液指標(biāo)為紅色，睡眠指標(biāo)為偏冷色，體溫為冷色等常用可視化配色標(biāo)準(zhǔn)，在完整的平臺視覺體系建立過程中配色的規(guī)范性和識讀性對于信息的可視化建立尤為重要。柵格的合理布局對于用戶在復(fù)雜環(huán)境中的操作效率會有一定的影響，任何元素之間的間距大小會決定用戶是否有誤操作的可能性?，F(xiàn)有產(chǎn)品的柵格特點具有一定的規(guī)矩性，例如核心功能區(qū)域、營銷導(dǎo)購區(qū)域、知識科普區(qū)域、社交區(qū)域等的間隔距離需要突出。視覺表達(dá)不同主題內(nèi)容的時候，需要關(guān)注可視化圖標(biāo)的選擇有一定的規(guī)律性，柱狀圖擅長數(shù)據(jù)之間的對比，折線圖善于表現(xiàn)隨著時間推移數(shù)據(jù)的波動和變化規(guī)律，餅狀圖善于表現(xiàn)整體之間的比例關(guān)系等。因此，在設(shè)計初期可以對不同類型的數(shù)據(jù)選擇表格進(jìn)行定義劃分，最終呈現(xiàn)出的視覺效果才能更好地滿足用戶的使用習(xí)慣，頁面信息的可視化也會更清晰。

總之，互聯(lián)網(wǎng)醫(yī)療平臺的信息可視化設(shè)計需要考慮醫(yī)療用戶群體的情感化需求，同時需要兼顧醫(yī)療平臺科學(xué)和理性的平臺屬性，在權(quán)衡趣味性與理性科學(xué)內(nèi)容的主題下，對頁面的圖標(biāo)進(jìn)行可視化的趣味性設(shè)計，包括頁面的色調(diào)可以選用橙黃色的暖色主題給予用戶一定的情趣感，如圖5所示。互聯(lián)網(wǎng)醫(yī)療平臺的視覺語言需要延續(xù)產(chǎn)品視覺語言的屬性，拒絕傳統(tǒng)營銷感和視覺干擾因素，頁面設(shè)計簡潔大方，同時融入一些有溫度的信息可視化圖標(biāo)。例如，客服的入口可以用虛擬人物形象代替純文案識別的信息，互聯(lián)網(wǎng)醫(yī)療的用戶群體更容易理解頁面中形象化的信息符號。

5 結(jié)語

文章通過分析互聯(lián)網(wǎng)醫(yī)療平臺的信息可視化設(shè)計應(yīng)用特點及主要功能布局方式，為創(chuàng)新醫(yī)療平臺設(shè)計及產(chǎn)品的迭代提供一定的基礎(chǔ)信息及參考依據(jù)。面對迅速發(fā)展的互聯(lián)網(wǎng)環(huán)境，醫(yī)療平臺用戶迅速增長，如何通過可視化的語言將信息設(shè)計的更加合理，具有邏輯性、識讀性和易用性是需要重點考慮的問題，可以更好地滿足全年齡階層用戶的精神生活需求，為就醫(yī)新方式及健康管理新方式創(chuàng)造更穩(wěn)固的平臺保障，進(jìn)一步為老百姓的健康生活做出貢獻(xiàn)。