“视觉形象场”在医疗APP交互设计中的在场与去弊——以医疗APP“乐乐医”为例

李栋宁　陈　竹（江南大学 数字媒体学院,江苏 无锡 214122）

“视觉形象场”在医疗APP交互设计中的在场与去弊——以医疗APP“乐乐医”为例

李栋宁陈竹（江南大学 数字媒体学院,江苏 无锡 214122）

对于医疗APP来说，平台的可信度直接影响到APP的存亡。从视觉设计的角度来看，利用品牌设计中的视觉推动力构建医疗APP的“视觉形象场”是强化其形象、营造专业度和权威感的有力方法。本文从品牌设计的角度分析了医疗APP的“视觉形象场”特性，并从医疗的行业特征和交互设计中的基本要求中找寻设计基因，探讨“视觉形象场”如何在医疗APP交互设计中“在场”的三种构建方式，同时以医疗APP应用“乐乐医”为例，从实际运用中检讨“视觉形象场”在实施方面的不足之处，并提出“去弊”的改进方案，对医疗APP交互设计的整体把握、设计方式均有一定的指导意义。

视觉形象场；医疗APP；交互设计

医患双方互相信任是医疗活动的基石，在医患纠纷频发的当代，医疗APP更需要根据行业特性打造信任感，彰显其专业性和权威性。从视觉设计的角度来说，引入品牌形象的概念，为医疗APP打造“视觉形象场”、树立品牌形象不失为打造信任感的有效方式。

一、视觉形象场的特性

“视觉形象场”指的是事物的外在表现在一定的空间内所形成的整体视觉观感，它是一个统一的、具有一定规律的视觉环境。一般，视觉形象场通过视觉规律使得事物形成秩序感和整体性，凝聚成更具有识别度的视觉符号，从而强化观者的记忆，达到树立某种特定形象、吸引特定受众的目的。

视觉形象场有三个特性，一是具有统一的视觉规律。视觉元素是构成视觉形象场的基本元素，与VI（视觉识别系统）类似，一般，单个的视觉元素无法形成“环境”或者“场”，必须通过元素的排列、组合等方式营造一定的视觉空间，这些方式就是构成视觉形象场的视觉规律。常见的视觉形象场构建规律有：色彩的统一、图形元素的相似、图形元素的构成方式一致和图形元素的排列方式一致等等。二是具有一定的感染力。美国心理学大师库尔特·考夫卡提出：“我们的环境事物告诉我们究竟该干什么，它们这样表明了这些物体和我们的自我之间的一个力量场，一个在许多情况下导致活动的场力。”[1]他指出，外部环境影响人的心理环境，从而影响人类行为的发生，因此，视觉形象场所营造的环境具有一定的感染力，能够对受众行为产生影响。比如，医疗APP的视觉设计中如果采用纯度较低、明度较高的复色作为形象色，就可以营造轻松、愉快的视觉观感，从而一定程度上消解医疗活动所带来的紧张感和沉重感。三是能营造正式感、增强可信度。整齐划一的视觉元素能够增加事物的秩序感，秩序感代表着事物具有一致性、连续性和确定性[2]，比普通的事物更容易产生正式感和权威感。并且，相同的、有秩序的视觉元素组合能够更好地引导受众进行形象识别，给予受众心理暗示，加深其对于品牌的印象和接受度，这也就是我们所说的视觉形象场所带来的“场力”。

二、医疗APP设计的基因找寻

探究医疗APP的视觉设计方式，一方面要回到医疗行业本身，了解行业现状及行业特点、进行不同的用户样本分析、对不同的使用场景进行分析，了解行业矛盾，寻求改善和解决矛盾的方式，我们将其称之为行业基因的找寻；另一方面，APP要从交互设计的基本要求入手，从用户需求、服务功能和情感体验等多个角度切入，以更加人性化的交互体验帮助医疗行业树立其专业性和权威性，使用户产生亲近感和信任感，我们将其称之为技术基因找寻。

1.通过医疗APP分类进行行业基因找寻

根据不同的使用场景将医疗APP进行分类，可以分为导航型医院APP、管理型医生端APP、求医型大众端APP。

导航型医院APP主要立足于我国“看病难”的现状，当前，我国地区之间、医院之间存在着严重的医疗资源严重不足，且分配不均的情况。优秀的医疗资源主要分布在大城市、大医院，造成大医院人满为患的现象；而小医院缺少资源，公信力不够，一定程度上造成了医疗资源的浪费。针对这样的现状，导航型医院APP应该以资源整合为目标，推行线上分级诊疗制度，对不同的信息进行梳理，有目的、有效率地进行引流，帮助用户节约时间成本、快速找到目标信息。从视觉设计的角度来说，导航型医疗APP需要构建公开且具有公信力的视觉形象场，保证医疗资源的有效展示；同时还要构建高效、针对性强的“视觉形象场”，确保用户能够快速、平等地获取医疗资源。

管理型医生端APP是为医生设立电子病历库，帮助医生有效、持久管理病患的APP。随着信息化时代的到来，传统的病患档案管理方式既不利于信息的查找和追溯，也不方便对病患样本进行统计。医生科研时，往往需要分析大量的样本以及对某些样本进行长时间跟踪，才能得到严谨科学的数据。传统就医方式中，医生和患者的联系仅限于看病时的一面或几面之缘，样本丢失率较高。因此，设立电子病历库、建立医生与患者之间的交流渠道很有必要。从视觉设计角度上来说，管理型医生端APP应当设立高效、智能的视觉形象场，帮助医生更好地管理病患信息。

求医型大众端APP指的是利用网络平台帮助大众寻找医生资源的一种APP，是大众与医生进行沟通的有效平台。在就医活动中，病患及家属出于对疾病情况的恐惧，很容易陷入紧张、焦虑、低落的情绪中，加之医疗专业性较强，医患信息不对等，这种情况下很容易造成医患矛盾，甚至酿成悲剧。求医型APP为医患沟通寻求了一种新的方式，一定程度上可以减少医患矛盾的发生。从视觉设计角度上说，构建“信任型”和缓解紧张的视觉形象场可以对病患及家属的负面情绪进行消解，从而构建和谐的医患关系。

2.医疗APP的交互技术基因找寻

移动互联网的飞速发展使得基于移动终端的交互设计成为一个重要的课题，当前，交互设计已经不仅仅局限于在视觉层面建立友善的界面，还向着易用、人性化、情感化的方向发展。由于医疗活动中容易出现不理智的情绪，因此，医疗APP更应该从用户角度出发，寻求更好的交互体验。

首先，找寻用户需求。在交互设计中，目标导向设计是一种面向用户行为的设计，通过理解用户动机和目标来设计达到此目标的合适的交互方式[3]，它对用户进行心理和行为的建模，因此具有较强的针对性，能较快了解用户需求。比如，以重病患者家属心理为例，对疾病发展未知的恐惧、对病人的担忧和愧疚、对经济情况的担忧、对治愈的希望等等情绪夹杂，这时，他们极需要权威力量的引导，来缓解自身的紧张和焦虑。针对这种现象，构建权威的、专业的视觉形象场能够迎合患者家属的心理，使其产生信任感和依赖感；构建冷色调的、具有视觉收缩作用的形象场能舒缓压力、减少负面情绪的扩张。这些都是目标导向设计对用户需求探索的直接而有效的结果。

其次，体现服务功能。交互设计的优势在于建立了良好的人机沟通机制，将人的能动性和机器的数字化有机结合，使得交互服务呈现智能化的趋势。拿管理型医疗APP来说，交互设计不仅仅只满足原始样本和数据的录入，还要方便医生对这些样本和数据进行科学管理，这要求交互系统满足一定的数据处理能力。除了构建智能化的视觉形象场，基于医生科研要求，还应该构建科学、严谨的视觉形象场，规范操作方式，尽量避免数据采集和样本分析出现错误。

再次，建立情感体验。在互联网完全融入生活的时代，交互的意义早已不是“指令→输出”这么简单了，它还包含了人类的情感寄托，向着满足人类情感需求的方向发展。拟人化设计是情感设计的主要方式之一，将交互系统赋予人格特征，以引起同理心为目的，迎合人类情感交流的需求。包容式设计则是最大限度降低对使用能力的需求，建立纠错机制，减少用户的学习成本。在医疗APP中，为了缓解医患关系的紧张，安抚双方情绪，采用情感化的交互设计能有效达到目标。在视觉表现上，建立拟人化的、容错的视觉形象体系对于交互设计的情感化十分必要。

综上，医疗APP既要从医疗行业中寻找设计基因，也要从交互设计的基本要求中汲取设计灵感，二者在医疗行业的信息化进程中应相辅相成、互通有无，这是树立医疗APP视觉形象场的必要前提。

三、“视觉形象场”在医疗APP交互设计中的在场

通过设计基因找寻，为医疗APP的视觉形象场构建策略建构了基本框架。接下来，我们将探讨如何提取基因，将概念基因具象成设计元素，并使其形成一定的视觉规律，进而构建具有感染力和公信力的医疗APP交互设计视觉形象场。

1.“信任型”视觉形象场的构建

前文提到，信任感是医疗活动和医患沟通的基石，医疗APP既要营造线上医生与患者之间的信任感，还要延伸到线下医院，将线上和线下的服务进行有机统一。营造信任感主要包括两个方面：首先，营造平台的公信力。对于医疗行业APP来说，平台公信力是其存在的基础，它必须具有一定的专业度和权威性才能获得用户的信任。从视觉设计的角度来说，APP的视觉表现应该呈现出整体感和秩序性，整体感指的是图形图像的构成方式一致、色彩体系一致，元素与元素之间具有相似性，呈现出较为规范的视觉感受；秩序性指的是图形图像的排布和组合形式一致，各个页面相互关联、一脉相承（图1）。这样使得APP的界面形成严谨、规则的形象，对营造权威感十分有效。其次，打造医生的公信力。医生公信力和平台公信力互为表里，相辅相成，树立医生品牌也是营造信任型视觉形象场的有力手段。在视觉表现上，采用同样规格的真人头像可以增加正规感，正面照比侧面照显得更正式，白大褂可以彰显医生身份，这些表现方法都可以打造医生的公信力，使得大众对其产生信任感。打造平台公信力和医生公信力是构建信任型视觉形象场的基本法则，可以在APP平台设立之初迅速树立自身品牌形象。

图1　“乐乐医”医生端界面的整体感和秩序感

2.“高效型”视觉形象场的构建

在互联网时代，高效是衡量互联网产品的重要指标，在管理型医疗APP中，让医生有序管理资料、快速调取资料是高效“视觉形象场”建立的主要目标。构建高效视觉形象场的一个重要法则是扁平化的实现。扁平化包含两层含义，一是通过增加单个页面的信息量、减少层级和链接来实现架构上的扁平，从而达到减少操作步骤、节省操作时间、提高使用效率的目的；二是采用扁平化风格的设计手法，除去冗余的视觉装饰，使得信息更加突出、便于识别，从而提高效率。从视觉设计上说，扁平化设计的“轻量级”适合于移动终端，被广泛使用。构建高效视觉形象场的另一个重要方法是以内容为中心的排版方式，即排版以表现主要内容为目的手法。比如中心对齐式排版，将视觉中心集中在一条轴线上，使得信息表现方式更加直接、操作更加流畅（图2）；去边界化的排版，指的是画面不设边框，也不加多余的装饰，将画面的重心放在主要信息上，使得用户注意力集中在所要表达的内容上；等等。除了以上两种方法，构建高效视觉形象场还建立在智能化的基础之上。比如，在读图时代，现代人更倾向于以图表替代枯燥的数字，同时，图表化的数据还具有比较和分析的功能，方便医生进行数据整理。综上，扁平化设计、内容中心排版方式、数据图表化都对提高管理型医疗APP的管理效率有相当的作用，是树立其高效视觉形象场行之有效的视觉表现方法。

3.“轻松型”视觉形象场的构建

为了消解医疗活动中的紧张感和沉重感，安抚医生、患者及其家属的情绪，可以通过在视觉上营造轻松的视觉形象场的方法来实现。营造轻松型视觉形象场，要从色彩上入手，采用低纯度、高明度的色彩作为应用色，可以减少对视觉的刺激，久看不累，缓解视觉压力；同时，这种类型的色彩还被称之为“愉悦色”，能够营造愉悦的视觉观感，“愉悦色”中的冷色调色彩，如浅蓝、浅绿、浅紫等还具有收缩作用，能够起到一定的镇静和安抚情绪的作用（图3）。除了选用“愉悦色”，也要注意避免一些禁忌色，比如大红、黑等纯度较高的颜色，不仅对视觉产生强烈刺激，同时也容易产生消极的联想，在医疗APP中要尽量避免使用。

从医疗行业和交互设计中提取基因，不同的视觉表现方法可以营造不同的视觉形象场，既符合行业背景，又满足不同受众的需求，可谓有的放矢，在实际设计的过程中可以灵活运用视觉形象场思维进行整体形象的规划，以达到树立自身特有形象的目的。

图2　“乐乐医”大众端的中心对齐式排版

四、视觉形象场在医疗App交互设计中的去弊

图3　选用“愉悦色”的“乐乐医”引导页

许多移动医疗APP选择O2O模式，是因为医疗行业的临床性强、专业垂直度很高，目前医生并不能完全通过网络交流的方式解决患者病情，更多的是将线上流量导入到线下机构进行就诊[4]。但由于在线上线下连接的过程中视觉形象场思维的缺失，导致线上苦心营造的形象和口碑并未能完全延续到线下，造成双方脱节的现象。以“乐乐医”的视觉设计方式为例，主要的缺失包含：1、未能兼顾到APP的O2O特性，顾头不顾尾，没有为O2O的线下视觉设计预留空间。2、线上和线下的设计没有形成统一的体系，这二者之间的视觉设计脱节，包括标示、标准色、标准图形等没有在视觉上达到统一，不能产生同一视觉形象场的联想。3、缺乏形象意识和规范意识，比如，任意改变原有图形的比例和排列方式等参数、色彩与标准色之间产生色差等。基于这些普遍存在的问题，医疗APP应当用视觉形象场的思维进行思考，在视觉设计之初不应当单纯将其视为界面设计，二是将其作为一个品牌进行系统的视觉设计规划。

首先，在界面设计之时要考虑到该设计的延展性，看看是否有拓展的空间。一个元素被设计出来之后，要发现与之外形相似的元素，或者在内涵上能产生联想的元素，变一个元素为多个，并使之形成初步的形象体系。比如，提到医院物品，会联想到红十字、药品、针管、护士帽、血压计、病历本等等元素，它们都来自相同的背景，容易让人发生联想，将其统一在一种设计风格之下，就形成了一个初步的形象体系（图4）。又比如，看看平面的图形是否能用在空间里、静态的图形是否有变成动态的可能，这些都是对设计延展性的探讨，是树立整体意识的基本思维方式。

其次，树立视觉形象场意识。遵循从医疗行业内寻找设计基因——再回到医疗APP设计上来的设计方法，对将要树立怎样的一个视觉形象场有基本的概念，依据这个概念进行线下设计的拓展，保证其内涵不变，但设计手法上可以灵活变化。在统筹线上线下设计的同时，要注意遵循元素的构成规律，否则以视觉规律为依托的视觉形象场就会崩塌。比如，“乐乐医”大众端的形象色为浅绿色，那么，在进行线下设计的时候应当以浅绿色为主要色彩，利用统一的形象色使得线上线下设计之间形成连贯的视觉形象场，从而使受众产生视觉的联想和迁移。

再次，树立规范的形象意识。在执行线下设计的过程中，第一要出具详细的设计方案，给出标准参考值，一切以设计方案为执行标准，不允许不必要的创意。第二，针对某些难以统一的项目，采用统一采购或者定制的方式执行。第三，设立范本，以范本为标准进行形象体系的建设。

O2O医疗APP的视觉形象场的构建不仅仅局限在线上，还要充分考虑到线下设计的拓展，由于视觉形象场思维的缺失，导致线上形成的视觉形象场优势并未能延续到线下，并间接导致了服务意识的缺失、形象体系的缺失等等问题。在进行视觉设计时，要树立视觉形象场思维，使得设计由单一到多元、由平面到立体，最终形成通透的整体形象体系。

五、总结

品牌设计中的视觉推动力有助于构建医疗APP的“视觉形象场”，以“视觉形象场”的构建为设计思路的视觉设计不仅能促进医疗APP的视觉整体性、辨识度的形成，还可以帮助医疗行业营造专业性和权威感，对其自身品牌的形成大有裨益。以“视觉形象场”思维为指导、利用视觉规律进行设计还能打破不同表现方式之间的局限，使之统一在一个形象体系里，从而产生强有力的品牌凝聚力。

[1](美)库尔特·考夫卡.李维（译）.格式塔心理学原理.[M].2010：188-189.

[2]徐文静. 秩序感在交互界面设计中的应用[J].中国包装工业，2014，（18）:115-116.

[3]陈虹. 目标导向下的移动医疗应用交互设计研究[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-），男，江苏南京人，江南大学数字媒体学院教授，博士，研究方向：设计学。

陈竹（1990-），女，湖南人，江南大学硕士研究生，研究方向：设计学。