信息可视化设计在互联网医疗平台中的应用

任彦晖 李敏

关键词：信息可视化设计;互联网医疗;用户体验;应用

互联网医疗平台拥有庞大的数据系统，将这些信息的内在规律形式以更加生动的方式呈现给用户，从界面布局、风格和功能出发，减轻用户的记忆负担，通过研究不同平台的数据可视化设计方式，归纳出更贴近用户需求的信息可视化设计策略，以期帮助用户实现更好的健康管理方式。

1 信息可视化设计概述

信息可视化设计是将复杂、让人难以理解的数据信息，通过内在的规律以可视化的方式呈现出来，便于解读。可视化数据挖掘是从海量数据中“挖掘”潜在的价值，并以图、表、交互界面的形式呈现出来的过程[1]。当前的医疗产品功能丰富，信息逻辑复杂，存在信息抽象枯燥的情况，信息可视化设计在于用视觉化语言把复杂的信息以更具人性化的方式呈现出来，这其中包括如何定义产品的交互框架和视觉规范，对页面信息架构层级的排序及视觉语言进行符号化的设计，从而更好地满足用户个性化的医疗需求。

信息可视化将信息转换为计算机可以处理的数据，并通过图标的形式在移动端或大屏幕上呈现，可视化实现主要分为数据调取、可视化图表绘制和可视化实现几个阶段，界面设计主要包含图表、图形和文字的结合，目前信息可视化设计主要以二维和三维的形式呈现。设计的过程需要分析用户的核心诉求点，通过字体、颜色和间距的空间进行合理布局，将较为重要的功能设计在页面相对突出的位置。目标用户对于软件是否使用流畅特别在意，系统反应缓慢、迟钝，甚至崩溃等问题会影响用户的使用体验[2]。因此，优秀的信息设计需要保证用户在复杂的使用环境下迅速找到功能入口，包括针对新手等不同用户群体的特点，简化平台交互设计的跳转链路，减少用户在使用过程中存在的焦虑情绪，并考虑一定的容错性问题，信息可视化设计应主动引导用户视觉聚焦核心功能区域，弱化页面中的无效杂糅信息，从而促进有效信息的高效传达。

2 国内外医疗平台的行业现状分析

国外互联网医疗研究的相对较早，多集中在社区医疗信息的构建管理及医疗服务上，对于平台的设计应用实践讨论相对较少，只有少数领域将信息可视化作为重点研究对象。国内的可视化研究多集中在视觉表达方面，近年来互联网医疗平台发展呈多元化趋势，对于互联网医疗APP 的设计方案及交互原理研究也较为充分。目前，国内许多大型互联网公司相继推出医疗平台业务，以应对人们对于医疗健康的需求。在国内医疗相关行业产出的APP中，比较具有代表性的有丁香医生、妙健康、阿里健康、春雨医生及京东健康等。国内的平台更注重交互体验，平台因为业务侧重点不同，设计语言也会有较大的差别，有些产品的信息层级及图形化语言相对清晰。例如春雨医生，以数据流健康管理技术，对多来源的数据以可视化形式提供给用户，方便用户参考[3]。国内互联网医疗平台主要提供寻医问诊、药品查询、社区论坛、医疗科普和体检档案等线上医疗服务。

医疗行业的数据信息具有一定的专业性和科学依据，互联网医疗行业迅速发展迭代，在产品功能不断完善的同时，平台信息浏览体验方面也会存在一定的问题：

1） 视觉设计风格不符合医疗场景属性的特点。对比国内部分产品在色彩上沿用了电商类APP 高饱和度、高对比度的设计方式。如图1 这种营销风格不符合医疗场景的调性，难以安抚用户寻求医疗建议时焦躁的情绪，同时部分图标的设计也较为简单和粗糙[4]。

2） 界面设计缺乏一定的行业设计规范。信息的网格间距缺乏统一性等问题都会影响用户的阅读效率，现有平台存在医疗平台的信息可视化图表设计不够丰富、产品的核心功能设计方式较为接近的问题，整体视觉呈现缺乏信息交错的立体感，例如图2 首页的功能包含健康百科、看热门、问医生、一秒预约、极速问诊和1 元义诊等主要功能的视觉优先级没有设计明显的区分，导致不同功能的图标符号的识别度不强，导致用户流失。

3） 医疗信息可视化设计的图标形式相对单一。互联网医疗平台的数据可视化设计贯穿于整个视觉语言体系中，其中存在需要突出信息可视化设计的功能，例如体检数据、药品信息和健康测评等功能。如图3 页面中的功能含有丰富的数字信息和图文信息，给予信息可视化设计更多的设计空间。当今大部分人群越来越注重健康管理，尤其是中老年群体的子女会关注长辈每年的体检数据结果。对于年轻用户而言，一定程度上更容易理解纯文字版本的体检报告，同时会借助电话咨询服务掌握体检的详细信息。但是对于中老年群体，大部分用户对于许多原始的医疗数据并不了解其含义，且对诊断说明以外的数据信息一无所知，在这种情况下信息可视化设计能够辅助用户理解数据结果，根据不同的数据类型设计相应的图表，辅助用户更好地理解数据信息。

总的来说，国外互联网平台的视觉理论体系发展相对成熟，在改善百姓的健康状况方面提供了完备的技术方案和社区交互服务系统，但对于医疗行业的实际案例应用仍处于探索期。国内的互联网医疗平台处于发展阶段，在不断扩充用户数据和完善医疗服务的功能，但平台页面在设计上还存在一定的问题，可以通过行业相关问题的分析和研究提供思路，以信息可视化的设计方法和理论为切入点，助力打造优质的互联网医疗平台。

3 信息可视化设计在互联网医疗平台中的应用意义

3.1 使平台的功能层级清晰化

文章通过对理论的研究和平台现状的分析，将互联网医疗平台与信息可视化设计概念相結合，为了达到理想的数据效果，需要确定用户的目标人群，研究目标用户的行为模型，分析用户在每一步背后的心理状态和变化，并从中挖掘可视化设计的机会。每一款产品都需要梳理清晰的交互框架，同时需要根据交互结构定义完整的视觉语言系统，当功能模块的文字较多时，符号化的视觉语言可以帮助梳理页面的信息层级，让用户有序的阅读。当产品的功能较多时应根据不同信息的重要程度进行优先级排序，对于需要突出的信息模块，可以选择合适的字体、色彩、间距和页面占位面积等，在此基础上选择合适的图表类型进行可视化设计，这样能够帮助用户提升决策效率。除此之外，还可以通过动态及三维的方式突出可视化设计的视觉焦点。信息可视化设计将原本枯燥的数据以更生动、更美观的方式进行呈现，让用户在有限的时间内快速获取到感兴趣的信息数据，并知道如何进行下一步操作，这样的功能才能提升用户满意度，并增加用户的记忆点。

结合医疗行业信息的特点，设计师在页面设计过程中需要有意识的了解不同信息背后的数据意义，以及用户在使用过程中的行为路径和核心需求。每个功能模块需要一级信息突出展示，提炼出精华展示，二级信息层级表达在此基础上需要适当弱化，三级信息更多文案补充可以提供跳转入口或弹窗等交互展示。可视化设计的核心在于把用户难以理解的医学术语转译为用户能够理解的语言，通过一定的排版方式辅助产品基础功能更好的表达。

3.2 满足用户的情感需求

用户情感需求包括本能水平、行为水平和反思水平三个维度。本能水平层需要信息可视化设计更加清晰，信息的层级和维度能够有规律并且美观的表达，页面整体风格的高级和酷炫能够在一定程度上吸引用户的注意力，并获取更多的用户停留时长;行为水平层需要页面美观合理的表达方式，还需要设计分析页面背后数据关联的故事性，可视化的链路需要符合用户的行为习惯，信息衔接自然顺畅，使用户真切感受到信息内在的联系;反思水平层需要与用户产品情感共鸣，页面设计需要考虑趣味性的交互动效形式，用户在浏览过程中体会到沉浸感和代入感，才能获得更强的情感满足。进行信息可视化设计前应考虑不同用户群体的需求差异，不同年龄阶段人群对于医疗产品的功能需求差异化较大，前台展示应根据人群的不同年龄、不同职业进行定向展示，这样才能够给予用户更加合适的信息，完整的产品设计需要差异化的可视化度量才能与用户的情感产生共鸣。

从互联网医疗人群的特殊性出发，信息可视化设计需要考虑医疗人群的个性化需求，视觉的整体风格需要具有一定的亲和力，這样更容易被目标用户接受。平台整体功能框架设计的过程需要注入情感化设计，例如当用户在使用平台的过程中遇到医疗相关的问题时，可以在页面设计中加入人工问答，有效地缓解用户的紧张情绪。当页面中的信息超出用户的认知范围时，可以针对平台不同功能的特点设计对应的新手引导环节，这样用户在使用的过程中会对下一步的操作有一定的预期，避免用户因误操作产生功能跳失等问题。医疗平台需要帮助用户解决基本的远程医疗需求，更需要通过一定的信息可视化设计让用户主动学习医疗相关的知识。

4 信息可视化设计在互联网医疗平台中的应用思路

为了更好地满足互联网医疗用户的基本需求，更加深层次探索信息可视化设计在现有医疗平台中的应用，促进创新互联网医疗平台更好地发展，以下将探讨信息可视化设计在互联网医疗平台中的应用思路。

4.1 平台医疗信息的功能分析

在定义好医疗需求后，对这些功能进行优先级的排序，调研现有的核心产品发现，主要的服务功能包括在线问诊、预约挂号、健康百科等，同时也包含一些小众化的功能需求，其中有复诊、义诊等，将产品的功能进行归纳、分类，搭建便于用户操作、提高交互效率的信息架构[5]。不同产品注重的点会有所区别，有的平台会注重用户体验的升级优化，有的产品相对更注重业务流程的优化迭代，无论是何种方向的产品，信息可视化设计都从梳理产品的交互链路出发，使得最重要的功能信息有本质的结构划分，那么用户在使用的过程中才会更加顺畅，从而能够理解不同功能的实际目的和使用方法。互联网医疗平台的用户群体的目的性相对明确，用户主要获取医疗健康方面的服务和咨询，线上医疗问诊的功能区别于线下传统医疗服务，远程医疗可以弥补线下问诊名医地域局限性的问题，同时用户可以用社区论坛等内容化平台获取更专业的健康知识科普，内容分享的形式也越来越多元化。例如短视频、图文结合、文章、图标等形式都可以帮助用户更好地获取医疗信息，平台的功能定位需要更加专业和贴心，使用户对医疗平台的核心功能产生依赖性，这样才能够培养用户粘性，从而更好地满足医疗平台用户的个性化需求。

4.2 平台医疗信息的框架分析

在结构设计的基础上，将产品的主要功能转化为线框图的方式，将商业布局落地到界面设计中是较为重要的一步。在框架层阶段，信息可视化的数据表格形式需要设定，例如近7 日的健康记录是采用折线图还是柱形图，数据记录和解析是采用卡片布局还是文字呈现，卡片的内容信息是纯文案组合还是文案和图形的组合形式等，都需要在这一步设定好。在调研现有产品的过程中发现，折线图的记录数据变化趋势更为直观，而卡片式的信息布局更有体量感和层级感。同时，在信息可视化框架设计阶段，产品的主题色选择较为重要，并在不同属性的图表设计中探索的页面的统一性，色彩不一的状态会影响用户的视觉动线。线框图绘制环节把页面的大体的功能布局确定后，需要在交互稿的基础上进一步分析局部的信息优先级，如图4 页面的框架把整个页面的第一信息优先级定为问诊服务，问诊服务包括特惠义诊、极速问诊和名医问诊，三个不同的问诊服务满足不同群体用户的需求，二级分类为电话急诊等更细节的服务内容，信息流为核心的推荐医生，其中医生的图文和电话价格，服务评分和医师擅长方向都放在首页一目了然，强调用户关联的信息同时弱化次要的信息，合理的框架分布图能够对视觉设计起到积极的作用。

4.3 平台医疗信息的界面视觉分析

用户的体验需求决定了平台设计的视觉和色彩应用，其中从产品的字体、色彩、栅格和图标选择几个方面分析信息可视化在表现层方面的机会点。表现力较好的产品在字体设计方面会有一定的规范体系，例如在移动端显示状态下主要信息字体不得小于22 像素，长度文案的行间距与字号大小有一定的比例规定，在既定的设计规范上设计字体组合可视化效果会更有规范性。医疗平台中不同的颜色代表不同的医疗功能，例如现有平台中大部分的血液指标为红色，睡眠指标为偏冷色，体温为冷色等常用可视化配色标准，在完整的平台视觉体系建立过程中配色的规范性和识读性对于信息的可视化建立尤为重要。栅格的合理布局对于用户在复杂环境中的操作效率会有一定的影响，任何元素之间的间距大小会决定用户是否有误操作的可能性。现有产品的栅格特点具有一定的规矩性，例如核心功能区域、营销导购区域、知识科普区域、社交区域等的间隔距离需要突出。视觉表达不同主题内容的时候，需要关注可视化图标的选择有一定的规律性，柱状图擅长数据之间的对比，折线图善于表现随着时间推移数据的波动和变化规律，饼状图善于表现整体之间的比例关系等。因此，在设计初期可以对不同类型的数据选择表格进行定义划分，最终呈现出的视觉效果才能更好地满足用户的使用习惯，页面信息的可视化也会更清晰。

总之，互联网医疗平台的信息可视化设计需要考虑医疗用户群体的情感化需求，同时需要兼顾医疗平台科学和理性的平台属性，在权衡趣味性与理性科学内容的主题下，对页面的图标进行可视化的趣味性设计，包括页面的色调可以选用橙黄色的暖色主题给予用户一定的情趣感，如图5所示。互联网医疗平台的视觉语言需要延续产品视觉语言的属性，拒绝传统营销感和视觉干扰因素，页面设计简洁大方，同时融入一些有温度的信息可视化图标。例如，客服的入口可以用虚拟人物形象代替纯文案识别的信息，互联网医疗的用户群体更容易理解页面中形象化的信息符号。

5 结语

文章通过分析互联网医疗平台的信息可视化设计应用特点及主要功能布局方式，为创新医疗平台设计及产品的迭代提供一定的基础信息及参考依据。面对迅速发展的互联网环境，医疗平台用户迅速增长，如何通过可视化的语言将信息设计的更加合理，具有逻辑性、识读性和易用性是需要重点考虑的问题，可以更好地满足全年龄阶层用户的精神生活需求，为就医新方式及健康管理新方式创造更稳固的平台保障，进一步为老百姓的健康生活做出贡献。