信息可視化設計在互聯網醫療平臺中的應用

任彥暉 李敏

關鍵詞：信息可視化設計;互聯網醫療;用戶體驗;應用

互聯網醫療平臺擁有龐大的數據系統，將這些信息的內在規律形式以更加生動的方式呈現給用戶，從界面布局、風格和功能出發，減輕用戶的記憶負擔，通過研究不同平臺的數據可視化設計方式，歸納出更貼近用戶需求的信息可視化設計策略，以期幫助用戶實現更好的健康管理方式。

1 信息可視化設計概述

信息可視化設計是將復雜、讓人難以理解的數據信息，通過內在的規律以可視化的方式呈現出來，便于解讀?？梢暬瘮祿诰蚴菑暮Ａ繑祿小巴诰颉睗撛诘膬r值，并以圖、表、交互界面的形式呈現出來的過程[1]。當前的醫療產品功能豐富，信息邏輯復雜，存在信息抽象枯燥的情況，信息可視化設計在于用視覺化語言把復雜的信息以更具人性化的方式呈現出來，這其中包括如何定義產品的交互框架和視覺規范，對頁面信息架構層級的排序及視覺語言進行符號化的設計，從而更好地滿足用戶個性化的醫療需求。

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

2 國內外醫療平臺的行業現狀分析

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

醫療行業的數據信息具有一定的專業性和科學依據，互聯網醫療行業迅速發展迭代，在產品功能不斷完善的同時，平臺信息瀏覽體驗方面也會存在一定的問題：

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

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

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

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

3 信息可視化設計在互聯網醫療平臺中的應用意義

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

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

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

3.2 滿足用戶的情感需求

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

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

4 信息可視化設計在互聯網醫療平臺中的應用思路

為了更好地滿足互聯網醫療用戶的基本需求，更加深層次探索信息可視化設計在現有醫療平臺中的應用，促進創新互聯網醫療平臺更好地發展，以下將探討信息可視化設計在互聯網醫療平臺中的應用思路。

4.1 平臺醫療信息的功能分析

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

4.2 平臺醫療信息的框架分析

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

4.3 平臺醫療信息的界面視覺分析

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

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

5 結語

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