“視覺形象場”在醫(yī)療APP交互設計中的在場與去弊——以醫(yī)療APP“樂樂醫(yī)”為例

李棟寧　陳　竹（江南大學 數(shù)字媒體學院,江蘇 無錫 214122）

“視覺形象場”在醫(yī)療APP交互設計中的在場與去弊——以醫(yī)療APP“樂樂醫(yī)”為例

李棟寧陳竹（江南大學 數(shù)字媒體學院,江蘇 無錫 214122）

對于醫(yī)療APP來說，平臺的可信度直接影響到APP的存亡。從視覺設計的角度來看，利用品牌設計中的視覺推動力構建醫(yī)療APP的“視覺形象場”是強化其形象、營造專業(yè)度和權威感的有力方法。本文從品牌設計的角度分析了醫(yī)療APP的“視覺形象場”特性，并從醫(yī)療的行業(yè)特征和交互設計中的基本要求中找尋設計基因，探討“視覺形象場”如何在醫(yī)療APP交互設計中“在場”的三種構建方式，同時以醫(yī)療APP應用“樂樂醫(yī)”為例，從實際運用中檢討“視覺形象場”在實施方面的不足之處，并提出“去弊”的改進方案，對醫(yī)療APP交互設計的整體把握、設計方式均有一定的指導意義。

視覺形象場；醫(yī)療APP；交互設計

醫(yī)患雙方互相信任是醫(yī)療活動的基石，在醫(yī)患糾紛頻發(fā)的當代，醫(yī)療APP更需要根據(jù)行業(yè)特性打造信任感，彰顯其專業(yè)性和權威性。從視覺設計的角度來說，引入品牌形象的概念，為醫(yī)療APP打造“視覺形象場”、樹立品牌形象不失為打造信任感的有效方式。

一、視覺形象場的特性

“視覺形象場”指的是事物的外在表現(xiàn)在一定的空間內所形成的整體視覺觀感，它是一個統(tǒng)一的、具有一定規(guī)律的視覺環(huán)境。一般，視覺形象場通過視覺規(guī)律使得事物形成秩序感和整體性，凝聚成更具有識別度的視覺符號，從而強化觀者的記憶，達到樹立某種特定形象、吸引特定受眾的目的。

視覺形象場有三個特性，一是具有統(tǒng)一的視覺規(guī)律。視覺元素是構成視覺形象場的基本元素，與VI（視覺識別系統(tǒng)）類似，一般，單個的視覺元素無法形成“環(huán)境”或者“場”，必須通過元素的排列、組合等方式營造一定的視覺空間，這些方式就是構成視覺形象場的視覺規(guī)律。常見的視覺形象場構建規(guī)律有：色彩的統(tǒng)一、圖形元素的相似、圖形元素的構成方式一致和圖形元素的排列方式一致等等。二是具有一定的感染力。美國心理學大師庫爾特·考夫卡提出：“我們的環(huán)境事物告訴我們究竟該干什么，它們這樣表明了這些物體和我們的自我之間的一個力量場，一個在許多情況下導致活動的場力。”[1]他指出，外部環(huán)境影響人的心理環(huán)境，從而影響人類行為的發(fā)生，因此，視覺形象場所營造的環(huán)境具有一定的感染力，能夠對受眾行為產(chǎn)生影響。比如，醫(yī)療APP的視覺設計中如果采用純度較低、明度較高的復色作為形象色，就可以營造輕松、愉快的視覺觀感，從而一定程度上消解醫(yī)療活動所帶來的緊張感和沉重感。三是能營造正式感、增強可信度。整齊劃一的視覺元素能夠增加事物的秩序感，秩序感代表著事物具有一致性、連續(xù)性和確定性[2]，比普通的事物更容易產(chǎn)生正式感和權威感。并且，相同的、有秩序的視覺元素組合能夠更好地引導受眾進行形象識別，給予受眾心理暗示，加深其對于品牌的印象和接受度，這也就是我們所說的視覺形象場所帶來的“場力”。

二、醫(yī)療APP設計的基因找尋

探究醫(yī)療APP的視覺設計方式，一方面要回到醫(yī)療行業(yè)本身，了解行業(yè)現(xiàn)狀及行業(yè)特點、進行不同的用戶樣本分析、對不同的使用場景進行分析，了解行業(yè)矛盾，尋求改善和解決矛盾的方式，我們將其稱之為行業(yè)基因的找尋；另一方面，APP要從交互設計的基本要求入手，從用戶需求、服務功能和情感體驗等多個角度切入，以更加人性化的交互體驗幫助醫(yī)療行業(yè)樹立其專業(yè)性和權威性，使用戶產(chǎn)生親近感和信任感，我們將其稱之為技術基因找尋。

1.通過醫(yī)療APP分類進行行業(yè)基因找尋

根據(jù)不同的使用場景將醫(yī)療APP進行分類，可以分為導航型醫(yī)院APP、管理型醫(yī)生端APP、求醫(yī)型大眾端APP。

導航型醫(yī)院APP主要立足于我國“看病難”的現(xiàn)狀，當前，我國地區(qū)之間、醫(yī)院之間存在著嚴重的醫(yī)療資源嚴重不足，且分配不均的情況。優(yōu)秀的醫(yī)療資源主要分布在大城市、大醫(yī)院，造成大醫(yī)院人滿為患的現(xiàn)象；而小醫(yī)院缺少資源，公信力不夠，一定程度上造成了醫(yī)療資源的浪費。針對這樣的現(xiàn)狀，導航型醫(yī)院APP應該以資源整合為目標，推行線上分級診療制度，對不同的信息進行梳理，有目的、有效率地進行引流，幫助用戶節(jié)約時間成本、快速找到目標信息。從視覺設計的角度來說，導航型醫(yī)療APP需要構建公開且具有公信力的視覺形象場，保證醫(yī)療資源的有效展示；同時還要構建高效、針對性強的“視覺形象場”，確保用戶能夠快速、平等地獲取醫(yī)療資源。

管理型醫(yī)生端APP是為醫(yī)生設立電子病歷庫，幫助醫(yī)生有效、持久管理病患的APP。隨著信息化時代的到來，傳統(tǒng)的病患檔案管理方式既不利于信息的查找和追溯，也不方便對病患樣本進行統(tǒng)計。醫(yī)生科研時，往往需要分析大量的樣本以及對某些樣本進行長時間跟蹤，才能得到嚴謹科學的數(shù)據(jù)。傳統(tǒng)就醫(yī)方式中，醫(yī)生和患者的聯(lián)系僅限于看病時的一面或幾面之緣，樣本丟失率較高。因此，設立電子病歷庫、建立醫(yī)生與患者之間的交流渠道很有必要。從視覺設計角度上來說，管理型醫(yī)生端APP應當設立高效、智能的視覺形象場，幫助醫(yī)生更好地管理病患信息。

求醫(yī)型大眾端APP指的是利用網(wǎng)絡平臺幫助大眾尋找醫(yī)生資源的一種APP，是大眾與醫(yī)生進行溝通的有效平臺。在就醫(yī)活動中，病患及家屬出于對疾病情況的恐懼，很容易陷入緊張、焦慮、低落的情緒中，加之醫(yī)療專業(yè)性較強，醫(yī)患信息不對等，這種情況下很容易造成醫(yī)患矛盾，甚至釀成悲劇。求醫(yī)型APP為醫(yī)患溝通尋求了一種新的方式，一定程度上可以減少醫(yī)患矛盾的發(fā)生。從視覺設計角度上說，構建“信任型”和緩解緊張的視覺形象場可以對病患及家屬的負面情緒進行消解，從而構建和諧的醫(yī)患關系。

2.醫(yī)療APP的交互技術基因找尋

移動互聯(lián)網(wǎng)的飛速發(fā)展使得基于移動終端的交互設計成為一個重要的課題，當前，交互設計已經(jīng)不僅僅局限于在視覺層面建立友善的界面，還向著易用、人性化、情感化的方向發(fā)展。由于醫(yī)療活動中容易出現(xiàn)不理智的情緒，因此，醫(yī)療APP更應該從用戶角度出發(fā)，尋求更好的交互體驗。

首先，找尋用戶需求。在交互設計中，目標導向設計是一種面向用戶行為的設計，通過理解用戶動機和目標來設計達到此目標的合適的交互方式[3]，它對用戶進行心理和行為的建模，因此具有較強的針對性，能較快了解用戶需求。比如，以重病患者家屬心理為例，對疾病發(fā)展未知的恐懼、對病人的擔憂和愧疚、對經(jīng)濟情況的擔憂、對治愈的希望等等情緒夾雜，這時，他們極需要權威力量的引導，來緩解自身的緊張和焦慮。針對這種現(xiàn)象，構建權威的、專業(yè)的視覺形象場能夠迎合患者家屬的心理，使其產(chǎn)生信任感和依賴感；構建冷色調的、具有視覺收縮作用的形象場能舒緩壓力、減少負面情緒的擴張。這些都是目標導向設計對用戶需求探索的直接而有效的結果。

其次，體現(xiàn)服務功能。交互設計的優(yōu)勢在于建立了良好的人機溝通機制，將人的能動性和機器的數(shù)字化有機結合，使得交互服務呈現(xiàn)智能化的趨勢。拿管理型醫(yī)療APP來說，交互設計不僅僅只滿足原始樣本和數(shù)據(jù)的錄入，還要方便醫(yī)生對這些樣本和數(shù)據(jù)進行科學管理，這要求交互系統(tǒng)滿足一定的數(shù)據(jù)處理能力。除了構建智能化的視覺形象場，基于醫(yī)生科研要求，還應該構建科學、嚴謹?shù)囊曈X形象場，規(guī)范操作方式，盡量避免數(shù)據(jù)采集和樣本分析出現(xiàn)錯誤。

再次，建立情感體驗。在互聯(lián)網(wǎng)完全融入生活的時代，交互的意義早已不是“指令→輸出”這么簡單了，它還包含了人類的情感寄托，向著滿足人類情感需求的方向發(fā)展。擬人化設計是情感設計的主要方式之一，將交互系統(tǒng)賦予人格特征，以引起同理心為目的，迎合人類情感交流的需求。包容式設計則是最大限度降低對使用能力的需求，建立糾錯機制，減少用戶的學習成本。在醫(yī)療APP中，為了緩解醫(yī)患關系的緊張，安撫雙方情緒，采用情感化的交互設計能有效達到目標。在視覺表現(xiàn)上，建立擬人化的、容錯的視覺形象體系對于交互設計的情感化十分必要。

綜上，醫(yī)療APP既要從醫(yī)療行業(yè)中尋找設計基因，也要從交互設計的基本要求中汲取設計靈感，二者在醫(yī)療行業(yè)的信息化進程中應相輔相成、互通有無，這是樹立醫(yī)療APP視覺形象場的必要前提。

三、“視覺形象場”在醫(yī)療APP交互設計中的在場

通過設計基因找尋，為醫(yī)療APP的視覺形象場構建策略建構了基本框架。接下來，我們將探討如何提取基因，將概念基因具象成設計元素，并使其形成一定的視覺規(guī)律，進而構建具有感染力和公信力的醫(yī)療APP交互設計視覺形象場。

1.“信任型”視覺形象場的構建

前文提到，信任感是醫(yī)療活動和醫(yī)患溝通的基石，醫(yī)療APP既要營造線上醫(yī)生與患者之間的信任感，還要延伸到線下醫(yī)院，將線上和線下的服務進行有機統(tǒng)一。營造信任感主要包括兩個方面：首先，營造平臺的公信力。對于醫(yī)療行業(yè)APP來說，平臺公信力是其存在的基礎，它必須具有一定的專業(yè)度和權威性才能獲得用戶的信任。從視覺設計的角度來說，APP的視覺表現(xiàn)應該呈現(xiàn)出整體感和秩序性，整體感指的是圖形圖像的構成方式一致、色彩體系一致，元素與元素之間具有相似性，呈現(xiàn)出較為規(guī)范的視覺感受；秩序性指的是圖形圖像的排布和組合形式一致，各個頁面相互關聯(lián)、一脈相承（圖1）。這樣使得APP的界面形成嚴謹、規(guī)則的形象，對營造權威感十分有效。其次，打造醫(yī)生的公信力。醫(yī)生公信力和平臺公信力互為表里，相輔相成，樹立醫(yī)生品牌也是營造信任型視覺形象場的有力手段。在視覺表現(xiàn)上，采用同樣規(guī)格的真人頭像可以增加正規(guī)感，正面照比側面照顯得更正式，白大褂可以彰顯醫(yī)生身份，這些表現(xiàn)方法都可以打造醫(yī)生的公信力，使得大眾對其產(chǎn)生信任感。打造平臺公信力和醫(yī)生公信力是構建信任型視覺形象場的基本法則，可以在APP平臺設立之初迅速樹立自身品牌形象。

圖1　“樂樂醫(yī)”醫(yī)生端界面的整體感和秩序感

2.“高效型”視覺形象場的構建

在互聯(lián)網(wǎng)時代，高效是衡量互聯(lián)網(wǎng)產(chǎn)品的重要指標，在管理型醫(yī)療APP中，讓醫(yī)生有序管理資料、快速調取資料是高效“視覺形象場”建立的主要目標。構建高效視覺形象場的一個重要法則是扁平化的實現(xiàn)。扁平化包含兩層含義，一是通過增加單個頁面的信息量、減少層級和鏈接來實現(xiàn)架構上的扁平，從而達到減少操作步驟、節(jié)省操作時間、提高使用效率的目的；二是采用扁平化風格的設計手法，除去冗余的視覺裝飾，使得信息更加突出、便于識別，從而提高效率。從視覺設計上說，扁平化設計的“輕量級”適合于移動終端，被廣泛使用。構建高效視覺形象場的另一個重要方法是以內容為中心的排版方式，即排版以表現(xiàn)主要內容為目的手法。比如中心對齊式排版，將視覺中心集中在一條軸線上，使得信息表現(xiàn)方式更加直接、操作更加流暢（圖2）；去邊界化的排版，指的是畫面不設邊框，也不加多余的裝飾，將畫面的重心放在主要信息上，使得用戶注意力集中在所要表達的內容上；等等。除了以上兩種方法，構建高效視覺形象場還建立在智能化的基礎之上。比如，在讀圖時代，現(xiàn)代人更傾向于以圖表替代枯燥的數(shù)字，同時，圖表化的數(shù)據(jù)還具有比較和分析的功能，方便醫(yī)生進行數(shù)據(jù)整理。綜上，扁平化設計、內容中心排版方式、數(shù)據(jù)圖表化都對提高管理型醫(yī)療APP的管理效率有相當?shù)淖饔茫菢淞⑵涓咝б曈X形象場行之有效的視覺表現(xiàn)方法。

3.“輕松型”視覺形象場的構建

為了消解醫(yī)療活動中的緊張感和沉重感，安撫醫(yī)生、患者及其家屬的情緒，可以通過在視覺上營造輕松的視覺形象場的方法來實現(xiàn)。營造輕松型視覺形象場，要從色彩上入手，采用低純度、高明度的色彩作為應用色，可以減少對視覺的刺激，久看不累，緩解視覺壓力；同時，這種類型的色彩還被稱之為“愉悅色”，能夠營造愉悅的視覺觀感，“愉悅色”中的冷色調色彩，如淺藍、淺綠、淺紫等還具有收縮作用，能夠起到一定的鎮(zhèn)靜和安撫情緒的作用（圖3）。除了選用“愉悅色”，也要注意避免一些禁忌色，比如大紅、黑等純度較高的顏色，不僅對視覺產(chǎn)生強烈刺激，同時也容易產(chǎn)生消極的聯(lián)想，在醫(yī)療APP中要盡量避免使用。

從醫(yī)療行業(yè)和交互設計中提取基因，不同的視覺表現(xiàn)方法可以營造不同的視覺形象場，既符合行業(yè)背景，又滿足不同受眾的需求，可謂有的放矢，在實際設計的過程中可以靈活運用視覺形象場思維進行整體形象的規(guī)劃，以達到樹立自身特有形象的目的。

圖2　“樂樂醫(yī)”大眾端的中心對齊式排版

四、視覺形象場在醫(yī)療App交互設計中的去弊

圖3　選用“愉悅色”的“樂樂醫(yī)”引導頁

許多移動醫(yī)療APP選擇O2O模式，是因為醫(yī)療行業(yè)的臨床性強、專業(yè)垂直度很高，目前醫(yī)生并不能完全通過網(wǎng)絡交流的方式解決患者病情，更多的是將線上流量導入到線下機構進行就診[4]。但由于在線上線下連接的過程中視覺形象場思維的缺失，導致線上苦心營造的形象和口碑并未能完全延續(xù)到線下，造成雙方脫節(jié)的現(xiàn)象。以“樂樂醫(yī)”的視覺設計方式為例，主要的缺失包含：1、未能兼顧到APP的O2O特性，顧頭不顧尾，沒有為O2O的線下視覺設計預留空間。2、線上和線下的設計沒有形成統(tǒng)一的體系，這二者之間的視覺設計脫節(jié)，包括標示、標準色、標準圖形等沒有在視覺上達到統(tǒng)一，不能產(chǎn)生同一視覺形象場的聯(lián)想。3、缺乏形象意識和規(guī)范意識，比如，任意改變原有圖形的比例和排列方式等參數(shù)、色彩與標準色之間產(chǎn)生色差等。基于這些普遍存在的問題，醫(yī)療APP應當用視覺形象場的思維進行思考，在視覺設計之初不應當單純將其視為界面設計，二是將其作為一個品牌進行系統(tǒng)的視覺設計規(guī)劃。

首先，在界面設計之時要考慮到該設計的延展性，看看是否有拓展的空間。一個元素被設計出來之后，要發(fā)現(xiàn)與之外形相似的元素，或者在內涵上能產(chǎn)生聯(lián)想的元素，變一個元素為多個，并使之形成初步的形象體系。比如，提到醫(yī)院物品，會聯(lián)想到紅十字、藥品、針管、護士帽、血壓計、病歷本等等元素，它們都來自相同的背景，容易讓人發(fā)生聯(lián)想，將其統(tǒng)一在一種設計風格之下，就形成了一個初步的形象體系（圖4）。又比如，看看平面的圖形是否能用在空間里、靜態(tài)的圖形是否有變成動態(tài)的可能，這些都是對設計延展性的探討，是樹立整體意識的基本思維方式。

其次，樹立視覺形象場意識。遵循從醫(yī)療行業(yè)內尋找設計基因——再回到醫(yī)療APP設計上來的設計方法，對將要樹立怎樣的一個視覺形象場有基本的概念，依據(jù)這個概念進行線下設計的拓展，保證其內涵不變，但設計手法上可以靈活變化。在統(tǒng)籌線上線下設計的同時，要注意遵循元素的構成規(guī)律，否則以視覺規(guī)律為依托的視覺形象場就會崩塌。比如，“樂樂醫(yī)”大眾端的形象色為淺綠色，那么，在進行線下設計的時候應當以淺綠色為主要色彩，利用統(tǒng)一的形象色使得線上線下設計之間形成連貫的視覺形象場，從而使受眾產(chǎn)生視覺的聯(lián)想和遷移。

再次，樹立規(guī)范的形象意識。在執(zhí)行線下設計的過程中，第一要出具詳細的設計方案，給出標準參考值，一切以設計方案為執(zhí)行標準，不允許不必要的創(chuàng)意。第二，針對某些難以統(tǒng)一的項目，采用統(tǒng)一采購或者定制的方式執(zhí)行。第三，設立范本，以范本為標準進行形象體系的建設。

O2O醫(yī)療APP的視覺形象場的構建不僅僅局限在線上，還要充分考慮到線下設計的拓展，由于視覺形象場思維的缺失，導致線上形成的視覺形象場優(yōu)勢并未能延續(xù)到線下，并間接導致了服務意識的缺失、形象體系的缺失等等問題。在進行視覺設計時，要樹立視覺形象場思維，使得設計由單一到多元、由平面到立體，最終形成通透的整體形象體系。

五、總結

品牌設計中的視覺推動力有助于構建醫(yī)療APP的“視覺形象場”，以“視覺形象場”的構建為設計思路的視覺設計不僅能促進醫(yī)療APP的視覺整體性、辨識度的形成，還可以幫助醫(yī)療行業(yè)營造專業(yè)性和權威感，對其自身品牌的形成大有裨益。以“視覺形象場”思維為指導、利用視覺規(guī)律進行設計還能打破不同表現(xiàn)方式之間的局限，使之統(tǒng)一在一個形象體系里，從而產(chǎn)生強有力的品牌凝聚力。

[1](美)庫爾特·考夫卡.李維（譯）.格式塔心理學原理.[M].2010：188-189.

[2]徐文靜. 秩序感在交互界面設計中的應用[J].中國包裝工業(yè)，2014，（18）:115-116.

[3]陳虹. 目標導向下的移動醫(yī)療應用交互設計研究[J].藝術科技.2015，（01）201.

[4]Hsu Jeremy M. Digital health technology and trauma: development of an app to standardize care.[J]. ANZ journal of surgery,2015,854.

（責任編輯：呂少卿）

J524

A

1008-9675（2016）05-0169-04

2016-07-03

李棟寧（1971-），男，江蘇南京人，江南大學數(shù)字媒體學院教授，博士，研究方向：設計學。

陳竹（1990-），女，湖南人，江南大學碩士研究生，研究方向：設計學。