孕嬰健康管理類APP的信息可視化設(shè)計(jì)研究

張 程（西南財(cái)經(jīng)大學(xué)天府學(xué)院 藝術(shù)研究所 610000）

近幾年，隨著移動(dòng)互聯(lián)網(wǎng)發(fā)展，孕婦在使用孕嬰健康類APP已經(jīng)成為他們生活的必備品與生活助手，這些不僅影響他們生活健康方式，還關(guān)聯(lián)著醫(yī)療健康信息搜尋行為。因此，智能手機(jī)APP承載的信息變得多元化，包括用戶的行為方式、各種生理指標(biāo)等數(shù)據(jù)，信息可視化設(shè)計(jì)服務(wù)的重點(diǎn)由“任務(wù)為中心”轉(zhuǎn)向“以用戶為中心” ，信息可視化成為APP設(shè)計(jì)的重要組成部分，如何對(duì)該類產(chǎn)品可視化的信息創(chuàng)建和提升設(shè)計(jì)方法，成為本文研究的重點(diǎn)。

一、孕嬰健康管理類APP與信息可視化的概述

1.孕嬰健康管理類APP

孕嬰健康類APP是基于移動(dòng)醫(yī)療平臺(tái)上，主要服務(wù)對(duì)象是孕期或孕后群體，以健康信息傳播、咨詢、管理、診療服務(wù)為目標(biāo)。目前各大應(yīng)用臺(tái)上大致有四類：（1）健康服務(wù)類：用戶可以在平臺(tái)上可以查找孕嬰相關(guān)的疾病、保健、科學(xué)食譜等健康知識(shí)，有快樂(lè)孕期、大姨媽等產(chǎn)品。（2）健康教育類：主要是對(duì)孕婦生理周期與身體指標(biāo)變化推送健康信息。（3）婦幼醫(yī)院工具類：基于各大婦幼醫(yī)院或兒童醫(yī)院為了方便婦幼人群在線掛號(hào)、咨詢、繳費(fèi)等開發(fā)的，為緩解醫(yī)院就診壓力，提升服務(wù)質(zhì)量，有重慶婦幼、成都婦幼等產(chǎn)品。（4）社交娛樂(lè)類：為用戶提供社交互動(dòng)、娛樂(lè)場(chǎng)所，使孕媽間、孕婦與醫(yī)生之間可以互相交流、分享、提問(wèn)等的社交圈，同是也融入娛樂(lè)項(xiàng)目。綜上，孕嬰健康類APP功能眾多、視覺(jué)風(fēng)格也多樣，但隨著智能手機(jī)升級(jí)與互聯(lián)網(wǎng)技術(shù)的發(fā)展，信息可視化滲透各個(gè)領(lǐng)域。

2.信息可視化

信息可視化是一個(gè)交叉性學(xué)科領(lǐng)域，是基于計(jì)算機(jī)應(yīng)用基礎(chǔ)上，通過(guò)視覺(jué)方式表現(xiàn)抽象、非物理的數(shù)據(jù)，以此來(lái)加強(qiáng)對(duì)抽象信息和數(shù)據(jù)本質(zhì)的認(rèn)識(shí) 。簡(jiǎn)言之，就是將抽象數(shù)據(jù)利用圖形圖像的技術(shù)與方法，幫助用戶減少時(shí)間，認(rèn)知與理解數(shù)據(jù)含義。計(jì)算機(jī)和互聯(lián)網(wǎng)發(fā)展，信息可視化應(yīng)用到計(jì)算機(jī)科學(xué)、醫(yī)學(xué)、數(shù)學(xué)、統(tǒng)計(jì)學(xué)、新聞傳播學(xué)等各個(gè)領(lǐng)域，利用可視化的技術(shù)，降低人們對(duì)抽象信息和數(shù)據(jù)認(rèn)知壓力。目前，信息可視化包含兩部分內(nèi)容：一是側(cè)重信息架構(gòu)、信息組織和分類數(shù)據(jù)，簡(jiǎn)稱數(shù)據(jù)與科學(xué)可視化，它與產(chǎn)品功能結(jié)構(gòu)、導(dǎo)航、交互密切相關(guān)，主要以科學(xué)實(shí)驗(yàn)或理論研究其可視化；二是側(cè)重信息圖形視覺(jué)化，常提的圖表、表格等，將抽象原理轉(zhuǎn)化為信息可視化。

3.孕嬰健康管理類APP與信息可視化的關(guān)系

用戶對(duì)孕嬰健康類APP的印象和評(píng)價(jià)是該類產(chǎn)品設(shè)計(jì)成功的關(guān)鍵，產(chǎn)品不僅僅是停留在視覺(jué)元素上，還需要全方位、多通道體驗(yàn)也很重要。目前，在孕嬰健康類APP最常見的是日歷圖（如圖1-1）和成長(zhǎng)記錄圖（如圖1-2）。如山西婦幼APP日歷圖是用戶根據(jù)需求在日歷上做好事件的記錄，這類圖表展現(xiàn)形式較單一，信息圖形視覺(jué)化弱；寶寶樹APP成長(zhǎng)記錄圖是用戶自由設(shè)置孕期時(shí)間，不僅在界面的圓盤上查看預(yù)測(cè)出生時(shí)間，還可參與胎兒圖形互動(dòng)變化，觸摸他會(huì)以動(dòng)畫方式演示，同時(shí)還顯示體重、身高等數(shù)據(jù)，信息較為詳細(xì)直觀、一目了然，信息可視化呈現(xiàn)豐富。交互式的信息可視化應(yīng)用對(duì)醫(yī)療相關(guān)隱性數(shù)據(jù)再現(xiàn)，從靜態(tài)圖形轉(zhuǎn)為動(dòng)態(tài)圖形的互動(dòng)模式給用戶帶來(lái)視覺(jué)、觸覺(jué)、聽覺(jué)的多通道體驗(yàn)。

圖1-1 山西婦幼APP截圖

圖1-2 寶寶樹APP截圖

二、孕嬰健康管理類APP可視化的信息創(chuàng)建

可視化設(shè)計(jì)的基本步驟，首先是研發(fā)者對(duì)信息數(shù)據(jù)獲取、其次是整理和篩選，然后才是信息重構(gòu)和呈現(xiàn)，這是構(gòu)建信息可視設(shè)計(jì)的基本法則。剖析移動(dòng)端用戶體驗(yàn)的特點(diǎn)，發(fā)現(xiàn)具有模塊化、扁平化和碎片化特點(diǎn)，移動(dòng)端信息形態(tài)的體驗(yàn)具有短體驗(yàn)、微體驗(yàn)和即時(shí)性特點(diǎn) 。由此可見，將信息獲取、篩選、呈現(xiàn)是組織信息可視設(shè)計(jì)的重要環(huán)節(jié)。

1.信息獲取

信息獲取，是在浩瀚的數(shù)據(jù)信息中通過(guò)分析、類比和篩選出準(zhǔn)確合理信息，最終實(shí)現(xiàn)數(shù)字圖像化完成。針對(duì)產(chǎn)品的屬性不同，醫(yī)療健康信息獲取方式也不同，早期傳統(tǒng)方式是采用調(diào)研法、分析法、統(tǒng)計(jì)法等來(lái)處理數(shù)據(jù)的收集，這些方法費(fèi)時(shí)費(fèi)力甚至還影響用戶數(shù)據(jù)的準(zhǔn)確性和完整性。目前，醫(yī)療健康信息數(shù)據(jù)有兩種來(lái)源獲取，一是基于互聯(lián)網(wǎng)、醫(yī)院或者醫(yī)療研發(fā)機(jī)構(gòu)的數(shù)據(jù)庫(kù)公開可用平臺(tái)；二是基于智能移動(dòng)醫(yī)療裝備，如穿戴式醫(yī)療設(shè)備和VR、AR增加虛擬現(xiàn)實(shí)技術(shù)，將獲取用戶的身體生理狀況數(shù)據(jù)通過(guò)通信與網(wǎng)絡(luò)技術(shù)結(jié)合，上傳到中央數(shù)據(jù)服務(wù)器，實(shí)現(xiàn)信息系統(tǒng)智能診斷或個(gè)性化服務(wù)。

2.信息架構(gòu)

信息架構(gòu)是對(duì)大量信息數(shù)據(jù)進(jìn)行合理分析、設(shè)計(jì)和執(zhí)行的過(guò)程 ，關(guān)注的是內(nèi)容結(jié)構(gòu)與組織，以便讓用戶容易找到所需信息。在孕嬰健康類APP里信息可視化架構(gòu)包括信息分類組織、信息的層級(jí)兩個(gè)方面。信息分類依據(jù)孕婦孕周時(shí)間，健康特征所屬類別，孕期日記和注意事項(xiàng)，孕產(chǎn)知識(shí)與交流圈等關(guān)系來(lái)劃分；信息的層級(jí)主要指主界面到次級(jí)界面的導(dǎo)航關(guān)系，導(dǎo)航層級(jí)太深會(huì)增加用戶的操作負(fù)荷，對(duì)產(chǎn)品易用性指標(biāo)極為不利。

3.信息呈現(xiàn)

信息呈現(xiàn)是將過(guò)濾的信息用可視的視覺(jué)語(yǔ)言表達(dá)，有數(shù)字形式、圖形形式、數(shù)字和圖形結(jié)合以及動(dòng)畫的方式。在孕嬰健康類APP里，常見的有：健康管理里健康評(píng)估與體征監(jiān)測(cè)建立分類數(shù)據(jù)，以圖標(biāo)的形式展示評(píng)估與監(jiān)測(cè)內(nèi)容，有助用戶對(duì)內(nèi)容檢索，孕媽交流圈建立分類圈子，以側(cè)邊欄布局的形式為用戶提供檢索。

4.信息交互

交互設(shè)計(jì)是源于IDEO的一位創(chuàng)始人比爾.莫格里奇在1984年一次設(shè)計(jì)會(huì)議提出，后被廣泛應(yīng)用。信息交互是基于信息發(fā)出與接收的人機(jī)交互過(guò)程，在這過(guò)程用戶需參與用戶體驗(yàn)滿意度與易用性評(píng)估，在信息可視化中，良好的視覺(jué)設(shè)計(jì)會(huì)幫助用戶快速選擇信息，縮短操作時(shí)間，會(huì)增加信息傳遞的準(zhǔn)確性和閱讀的趣味性。

三、信息可視化在孕嬰健康管理類APP的設(shè)計(jì)方法

1.簡(jiǎn)化視覺(jué)元素，讓醫(yī)療數(shù)據(jù)信息傳遞一目了然

通過(guò)市場(chǎng)調(diào)研分析，有些孕嬰健康A(chǔ)PP存在功能復(fù)雜，文字繁瑣表意不清，信息提示模糊，圖標(biāo)辨識(shí)度不高，專業(yè)醫(yī)療數(shù)據(jù)信息難以理解等問(wèn)題，這些都會(huì)降低信息的認(rèn)知度，用戶體驗(yàn)度會(huì)受挫易產(chǎn)生放棄意念。視覺(jué)元素在可視化設(shè)計(jì)中起著重要作用，利用信息圖表手段可以優(yōu)化醫(yī)療數(shù)據(jù)晦澀難懂的信息，每一種信息圖表都有應(yīng)用的場(chǎng)景和適用的種類，合理選擇圖表，精準(zhǔn)傳達(dá)數(shù)據(jù)信息，

有利于用戶輕松完成閱讀體驗(yàn)。常見孕嬰類APP信息圖表樣式，如下圖3-1所示：

圖3-1 備注：孕嬰類APP常見的圖形樣式

孕嬰類APP受眾的人群大部分是年輕的孕期媽媽們，他們年齡特征、文化素養(yǎng)、審美需求都對(duì)產(chǎn)品界面視覺(jué)元素要求很高，對(duì)新鮮事物易接受也易評(píng)論，信息可視化過(guò)程需要遵循形式美法則，需要考慮界面元素細(xì)節(jié)刻畫，才能夠吸引眼球又具有特色。

（1）主要的視覺(jué)元素。點(diǎn)、線、面構(gòu)成原理是構(gòu)成形體造型基礎(chǔ)，在孕嬰類APP中某些數(shù)據(jù)概念或事件是較抽象的，可以采用簡(jiǎn)潔的幾何元素，如常見的直線、圓以及折線和不同的幾何圖形，運(yùn)用在不同的設(shè)計(jì)范圍中其表意也不一樣。

（2）區(qū)分圖形背景關(guān)系。區(qū)分好信息圖形與背景關(guān)系是簡(jiǎn)化孕嬰類APP中信息可視界面的重要方法，界面中的圖形與背景對(duì)比清晰程度是決定信息辨識(shí)度。

2.色彩搭配

在信息可視化設(shè)計(jì)中，色彩的合理搭配不僅提升作品的美感，還會(huì)給用戶帶來(lái)視覺(jué)享受。孕嬰健康類APP受眾群體偏年輕化，顏色傾向活動(dòng)輕松型，易采用低純度、高明度色調(diào)，會(huì)消除醫(yī)療活動(dòng)中的焦慮感與沉重感，減少視覺(jué)刺激和緩解視覺(jué)壓力，常用粉紅色、淺黃、淺藍(lán)、淺綠、淺紫是這類產(chǎn)品的首先。

3.聲音置入

為了提高孕嬰類APP中信息可視化的體驗(yàn)感與易用性。將聽覺(jué)和視覺(jué)結(jié)合起來(lái)有助于降低用戶的認(rèn)知負(fù)荷，聲音置入需要注意以下三點(diǎn)：

（1）聲圖合一。根據(jù)視覺(jué)圖形大小、表意來(lái)設(shè)置聲音高頻、低頻、緩慢、快速等節(jié)奏，達(dá)到“聲圖合一”，滿足用戶愉悅性體驗(yàn)。

（2）主題一致性。根據(jù)信息可視表達(dá)主題選取相應(yīng)的聲音，如表現(xiàn)寶寶酣睡的信息可視化選擇輕微呼嚕聲，這些都有利于拉近母子親近關(guān)系。

（3）提醒用戶。在信息可視化操作過(guò)程中使用一些特殊的聲音提醒用戶開始、選中、警告和結(jié)束等狀態(tài)。

四、結(jié)語(yǔ)

本文對(duì)孕嬰健康管理類APP的信息可視化設(shè)計(jì)進(jìn)行了初步研究。首先對(duì)孕嬰類APP與信息可視化的概述，指出信息可視化對(duì)孕嬰類APP設(shè)計(jì)的重要性，為孕嬰類APP設(shè)計(jì)提供更多的選擇。其次，從信息獲取、架構(gòu)、呈現(xiàn)、交互四個(gè)步驟闡述孕嬰類APP可視化信息的獲取方式。最后，提出孕嬰類APP信息可視化設(shè)計(jì)方法。

[1] 派恩二世.B.約瑟夫.體驗(yàn)經(jīng)濟(jì)[M].夏業(yè)良，魯燁譯.北京：機(jī)械出版社，2008.

[2]雷雨.信息可視化系統(tǒng)中的視覺(jué)元素設(shè)計(jì)分析，科技資訊2015 .NO 18 p26-27.

[3] 張欣，朱長(zhǎng)永，黃蓉.視覺(jué)圖形在信息可視化信息設(shè)計(jì)中的應(yīng)用.科技視界.

[4]張靜.一鍵之機(jī)-探議數(shù)字化信息形態(tài)與信息可視化設(shè)計(jì)[J].北方美術(shù)，2013（1）：97-98.