張 程(西南財經大學天府學院 藝術研究所 610000)
近幾年,隨著移動互聯網發展,孕婦在使用孕嬰健康類APP已經成為他們生活的必備品與生活助手,這些不僅影響他們生活健康方式,還關聯著醫療健康信息搜尋行為。因此,智能手機APP承載的信息變得多元化,包括用戶的行為方式、各種生理指標等數據,信息可視化設計服務的重點由“任務為中心”轉向“以用戶為中心” ,信息可視化成為APP設計的重要組成部分,如何對該類產品可視化的信息創建和提升設計方法,成為本文研究的重點。
孕嬰健康類APP是基于移動醫療平臺上,主要服務對象是孕期或孕后群體,以健康信息傳播、咨詢、管理、診療服務為目標。目前各大應用臺上大致有四類:(1)健康服務類:用戶可以在平臺上可以查找孕嬰相關的疾病、保健、科學食譜等健康知識,有快樂孕期、大姨媽等產品。(2)健康教育類:主要是對孕婦生理周期與身體指標變化推送健康信息。(3)婦幼醫院工具類:基于各大婦幼醫院或兒童醫院為了方便婦幼人群在線掛號、咨詢、繳費等開發的,為緩解醫院就診壓力,提升服務質量,有重慶婦幼、成都婦幼等產品。(4)社交娛樂類:為用戶提供社交互動、娛樂場所,使孕媽間、孕婦與醫生之間可以互相交流、分享、提問等的社交圈,同是也融入娛樂項目。綜上,孕嬰健康類APP功能眾多、視覺風格也多樣,但隨著智能手機升級與互聯網技術的發展,信息可視化滲透各個領域。
信息可視化是一個交叉性學科領域,是基于計算機應用基礎上,通過視覺方式表現抽象、非物理的數據,以此來加強對抽象信息和數據本質的認識 。簡言之,就是將抽象數據利用圖形圖像的技術與方法,幫助用戶減少時間,認知與理解數據含義。計算機和互聯網發展,信息可視化應用到計算機科學、醫學、數學、統計學、新聞傳播學等各個領域,利用可視化的技術,降低人們對抽象信息和數據認知壓力。目前,信息可視化包含兩部分內容:一是側重信息架構、信息組織和分類數據,簡稱數據與科學可視化,它與產品功能結構、導航、交互密切相關,主要以科學實驗或理論研究其可視化;二是側重信息圖形視覺化,常提的圖表、表格等,將抽象原理轉化為信息可視化。
用戶對孕嬰健康類APP的印象和評價是該類產品設計成功的關鍵,產品不僅僅是停留在視覺元素上,還需要全方位、多通道體驗也很重要。目前,在孕嬰健康類APP最常見的是日歷圖(如圖1-1)和成長記錄圖(如圖1-2)。如山西婦幼APP日歷圖是用戶根據需求在日歷上做好事件的記錄,這類圖表展現形式較單一,信息圖形視覺化弱;寶寶樹APP成長記錄圖是用戶自由設置孕期時間,不僅在界面的圓盤上查看預測出生時間,還可參與胎兒圖形互動變化,觸摸他會以動畫方式演示,同時還顯示體重、身高等數據,信息較為詳細直觀、一目了然,信息可視化呈現豐富。交互式的信息可視化應用對醫療相關隱性數據再現,從靜態圖形轉為動態圖形的互動模式給用戶帶來視覺、觸覺、聽覺的多通道體驗。

圖1-1 山西婦幼APP截圖

圖1-2 寶寶樹APP截圖
可視化設計的基本步驟,首先是研發者對信息數據獲取、其次是整理和篩選,然后才是信息重構和呈現,這是構建信息可視設計的基本法則。剖析移動端用戶體驗的特點,發現具有模塊化、扁平化和碎片化特點,移動端信息形態的體驗具有短體驗、微體驗和即時性特點 。由此可見,將信息獲取、篩選、呈現是組織信息可視設計的重要環節。
信息獲取,是在浩瀚的數據信息中通過分析、類比和篩選出準確合理信息,最終實現數字圖像化完成。針對產品的屬性不同,醫療健康信息獲取方式也不同,早期傳統方式是采用調研法、分析法、統計法等來處理數據的收集,這些方法費時費力甚至還影響用戶數據的準確性和完整性。目前,醫療健康信息數據有兩種來源獲取,一是基于互聯網、醫院或者醫療研發機構的數據庫公開可用平臺;二是基于智能移動醫療裝備,如穿戴式醫療設備和VR、AR增加虛擬現實技術,將獲取用戶的身體生理狀況數據通過通信與網絡技術結合,上傳到中央數據服務器,實現信息系統智能診斷或個性化服務。
信息架構是對大量信息數據進行合理分析、設計和執行的過程 ,關注的是內容結構與組織,以便讓用戶容易找到所需信息。在孕嬰健康類APP里信息可視化架構包括信息分類組織、信息的層級兩個方面。信息分類依據孕婦孕周時間,健康特征所屬類別,孕期日記和注意事項,孕產知識與交流圈等關系來劃分;信息的層級主要指主界面到次級界面的導航關系,導航層級太深會增加用戶的操作負荷,對產品易用性指標極為不利。
信息呈現是將過濾的信息用可視的視覺語言表達,有數字形式、圖形形式、數字和圖形結合以及動畫的方式。在孕嬰健康類APP里,常見的有:健康管理里健康評估與體征監測建立分類數據,以圖標的形式展示評估與監測內容,有助用戶對內容檢索,孕媽交流圈建立分類圈子,以側邊欄布局的形式為用戶提供檢索。
交互設計是源于IDEO的一位創始人比爾.莫格里奇在1984年一次設計會議提出,后被廣泛應用。信息交互是基于信息發出與接收的人機交互過程,在這過程用戶需參與用戶體驗滿意度與易用性評估,在信息可視化中,良好的視覺設計會幫助用戶快速選擇信息,縮短操作時間,會增加信息傳遞的準確性和閱讀的趣味性。
通過市場調研分析,有些孕嬰健康APP存在功能復雜,文字繁瑣表意不清,信息提示模糊,圖標辨識度不高,專業醫療數據信息難以理解等問題,這些都會降低信息的認知度,用戶體驗度會受挫易產生放棄意念。視覺元素在可視化設計中起著重要作用,利用信息圖表手段可以優化醫療數據晦澀難懂的信息,每一種信息圖表都有應用的場景和適用的種類,合理選擇圖表,精準傳達數據信息,
有利于用戶輕松完成閱讀體驗。常見孕嬰類APP信息圖表樣式,如下圖3-1所示:

圖3-1 備注:孕嬰類APP常見的圖形樣式
孕嬰類APP受眾的人群大部分是年輕的孕期媽媽們,他們年齡特征、文化素養、審美需求都對產品界面視覺元素要求很高,對新鮮事物易接受也易評論,信息可視化過程需要遵循形式美法則,需要考慮界面元素細節刻畫,才能夠吸引眼球又具有特色。
(1)主要的視覺元素。點、線、面構成原理是構成形體造型基礎,在孕嬰類APP中某些數據概念或事件是較抽象的,可以采用簡潔的幾何元素,如常見的直線、圓以及折線和不同的幾何圖形,運用在不同的設計范圍中其表意也不一樣。
(2)區分圖形背景關系。區分好信息圖形與背景關系是簡化孕嬰類APP中信息可視界面的重要方法,界面中的圖形與背景對比清晰程度是決定信息辨識度。
在信息可視化設計中,色彩的合理搭配不僅提升作品的美感,還會給用戶帶來視覺享受。孕嬰健康類APP受眾群體偏年輕化,顏色傾向活動輕松型,易采用低純度、高明度色調,會消除醫療活動中的焦慮感與沉重感,減少視覺刺激和緩解視覺壓力,常用粉紅色、淺黃、淺藍、淺綠、淺紫是這類產品的首先。
為了提高孕嬰類APP中信息可視化的體驗感與易用性。將聽覺和視覺結合起來有助于降低用戶的認知負荷,聲音置入需要注意以下三點:
(1)聲圖合一。根據視覺圖形大小、表意來設置聲音高頻、低頻、緩慢、快速等節奏,達到“聲圖合一”,滿足用戶愉悅性體驗。
(2)主題一致性。根據信息可視表達主題選取相應的聲音,如表現寶寶酣睡的信息可視化選擇輕微呼嚕聲,這些都有利于拉近母子親近關系。
(3)提醒用戶。在信息可視化操作過程中使用一些特殊的聲音提醒用戶開始、選中、警告和結束等狀態。
本文對孕嬰健康管理類APP的信息可視化設計進行了初步研究。首先對孕嬰類APP與信息可視化的概述,指出信息可視化對孕嬰類APP設計的重要性,為孕嬰類APP設計提供更多的選擇。其次,從信息獲取、架構、呈現、交互四個步驟闡述孕嬰類APP可視化信息的獲取方式。最后,提出孕嬰類APP信息可視化設計方法。
[1] 派恩二世.B.約瑟夫.體驗經濟[M].夏業良,魯燁譯.北京:機械出版社,2008.
[2]雷雨.信息可視化系統中的視覺元素設計分析,科技資訊2015 .NO 18 p26-27.
[3] 張欣,朱長永,黃蓉.視覺圖形在信息可視化信息設計中的應用.科技視界.
[4]張靜.一鍵之機-探議數字化信息形態與信息可視化設計[J].北方美術,2013(1):97-98.