信息可视化在界面设计中的应用研究

来源 :设计 | 被引量 : 0次 | 上传用户:zhghliu
下载到本地 , 更方便阅读
声明 : 本文档内容版权归属内容提供方 , 如果您对本文有版权争议 , 可与客服联系进行内容授权或下架
论文部分内容阅读
  摘要:为了能够在全球抗“疫”期间为用户提供高速、高质、高准的新型冠状病毒肺炎疫情信息,也为了能够提升界面和信息传递的关联性、可用性与准确性。文章基于信息可视化和视觉思维理论,对主流平台的“新冠肺炎疫情实时动态”界面设计聚类分析,分别从信息的结构层,内容与表达等方面研究了可视化的应用。得到信息可视化在新型冠状病毒肺炎疫情动态界面设计中的应用方式。实现了信息可视化在战“疫”期间为人服务,为社会服务的实际意义,同时旨在为更多的信息化产品提供设计参考。
  关键词:信息可视化 ;动态界面 ;界面设计 ;视觉元素
  中图分类号:G642
  文献标识码:A
  文章编号:1003-0069 (2020) 04-0093-03
  引言
  新冠肺炎(COVID-19)发展至2020年3月11日,已被世界卫生组织评估为全球大流行,全球危险级别为最高级,这代表它具有可怕的传播速度和感染率。为了有效地进行新型冠状病毒肺炎疫情治愈,通过信息全民化达到国家级防控目的,降低更多国民感染率,全国互联网平台自主开发了“新冠肺炎疫情实时动态”系统(以下简称“疫情动态”)。
  疫情动态系统依托万物互联的大数据,连接国内与各地的卫健委、新闻媒体、社交平台、医疗系统等发布的信息,利用互联网相关技术形成原始数据,最后依靠程序前后端开发上线了疫情动态信息。疫情动态系统的出现旨在为用户发布权威信息,提高自主防护意识,避免人民群众恐慌发生过激的行为。将信息可视化应用于疫情实时动态系统和界面中能够满足用户需求和符合用户心理,并能准确、快速地传递相关信息内容,能更优质地保证信息传达的速度与广度,这样疫情动态系统才能对疫情的判断、决策、防控和治疗起到更积极和更有效的作用[1]。
  一、疫情动态界面设计中的信息结构可视化
  信息结构是疫情动态系统的框架,信息可视化的界面设计是结合视知觉,逻辑学的特点对信息进行罗列与排布。优秀的信息结构设计能够引导用户获取信息的行为,避免用户出现认知障碍[2]。
  符合用户视觉思维的疫情动态系统结构层主要体现在清晰完善的功能类信息,所以文章分别对中国网络传播率和信息准确度都颇高的11个平台发布的疫情动态界面进行了范围层聚类分析[3],建立了关于11个平台的疫情动态界面功能表,如表1。其中所有平台都有的功能是:疫情地图,疫情的实时数据和与疫情相关的权威性的新闻。七成以上平台具有疫情知识和辟谣的功能,八成以上的平台具有关注与分享的功能,五成以上平台具备同行信息的相关功能。有少部分平台为了匹配自身品牌价值还附加了一些与疫情相关联的其他功能。
  文章通过将11个平台发布的“疫情动态”功能表中功能类信息所占比的数据结合界面设计视觉层级[3],建立了疫情动态界面核心信息结构层,如图1。
  疫情动态界面核心信息结构层(以下简称“信息结构层”)从用户的视觉思维角度决定了界面视觉层次的表达[4]。其中所有平台都具备的功能是核心功能,其中所包含的信息则为核心信息,对核心信息的获取是用户最迫切的需求,也是信息可视化过程中最直接与最重要的组成部分。在图1结构层中通过把核心功能信息进行界面设计视觉分层,再将实时地图,实时数据,权威新闻等功能类信息列为疫情动态界面的一级界面。
  疫情动态界面中二级界面(图1)是基于一级界面展开的相关内容的具体信息。其中实时地图的二级界面信息主要有:确诊病例,死亡病例,治愈病例,各地分布,图形标注等内容。实时数据的二级界面信息主要有:确诊病例,疑似病例,治愈病例,死亡病例,累计情况,数据图表等内容,如图2。权威新闻中的二级界面中的信息主要包含:重要政策措施与实时播报内容,如图3。
  疫情动态系统将界面设计中的视觉层次进行信息结构层的可视化,可以让用户最快速地掌握疫情期间的核心信息,同时让疫情信息的区域与内容结构一目了然,让用户对掌握疫情动态系统界面有着良好的整体感知性[5]。
  二、疫情动态界面设计中的信息内容可视化
  信息可视化在界面设计中的应用率极高,因为信息内容依附于界面载体才能进行有效传播,致使信息需要进行有效的组织、筛选、排列,从而才能高效率地、准确地将内容信息传达出来[6]。界面设计中的信心内容泛指通过界面传播的所有内容,疫情动态界面中的信息内容主要指三大核心信息内容:实时地图内容,实时数据内容与权威新闻内容。
  (一)实时地图内容
  实时地图的原理是:发布疫情动态系统的平台特约了线上地图软件后,通过关联各地卫健委上传的疫情相关数据信息,再结合地图的图形形式来进行信息发布。当各省份疫情数值不断发生变化時,地图中以省为单位的区域也随着数值的变化而产生颜色变化。实时地图的可视化主要应用了信息可视化中六大图表类型[6]中的地图形式进行数据和分布类信息的可视化。从而让疫情实时地图实现了最主要的两个功能,一是描述疫情中确诊、治愈与死亡病例数据所在区域和空间位置分布;二是可定位用户所在区域的疫情数据分布情况,如在疫情地图中点击湖北省会显示定位后的湖北省信息内容。
  疫情实时地图的信息可视化应用,将复杂的空间信息与大数据的数值变化简单明了化,带给用户更直观、更友好、更轻便的感知信息的方式,同时也能大大缩短用户的认知时间[2],缩小用户之间的认知差距。实时地图信息内容的可视化还因为地图可根据疫情数值的变化“逐步染红”的独特交互方式,能够自带传播功效,为疫情带来更多的话题热度。
  (二)实时数据内容
  实时数据主要包含的内容有:确诊、治愈、死亡、累计、现增、重症病例等数值,这些病例数值应用的信息可视化的信息图标方式有两类,其中一类是具有疫情病例数据数字化具体显示的表格形式(如图4),另一类是表现疫情数据变化趋势的统计图,如图2。   实时数据内容的表格可视化主要功能是将具体的数据数值以数字化的形式展现,并且根据特定的项目内容进行归纳。疫情动态界面中的病例数值通过表格可视化,一是对病例数值来源进行准确的分类,让用户清晰掌握疫情新增、累计、治愈、死亡等不同类型的病例数据;二是保存原生数据,将原生数据直接显示不仅可以增强辨识性,同时通过精准的数字化显示更增加疫情数据内容可视化的可信度。
  实时数据内容的统计图可视化主要功能是展示疫情各种病例的发展趋势,其中主要使用的统计图样式为曲线图样式。曲线图是根据数据在坐标轴中标识不同节点来显示数据数值再依次连接成曲线,通过图中曲线可以让用户充分地感受到不同时期数据所产生的变化,所以曲线图最适应以时间这一抽象概念为数值变化单位的数据内容可视化中。疫情趋势通过曲线图来进行数据可视化,可以将疫情的病例数值的变化情况直观地呈现出来,具有数据的追溯性,也能为用户了解特定节点的数据提供快速入口。
  (三)权威新闻内容
  新闻信息内容主要是以图文的形式组成,显示一篇新闻内容都需要占据一屏或多屏的界面屏幕,而疫情期间的新闻量非常大,所以如何将权威新闻信息内容进行轻量化、权威化和重点化的展示是信息可视化在权威新闻版块中应用的重点。在疫情动态界面设计中权威新闻内容主要采用竖向时间轴线图表的可视化方式,再将实时播报与重要政策的信息内容进行重点提取,然后结合每个时间节点来进行展示(如图3)。通过可视化的方式将用户的视觉重点从数字化信息转移到了文字信息,也让用户逐步放慢了阅读速度,提高用户对具体信息内容获取的能效性。
  权威新闻通过应用竖向时间轴线图表指引用户阅读权威新闻的顺序,能够保证权威新闻的时效性,也能够追溯信息内容的历史发展;通过对重点信息提炼能帮助用户快速选择信息内容和帮助用户快速查找回顾具体信息内容。
  三、疫情动态界面中信息可视化的视觉表达
  信息可视化的视觉表达是指将造型、色彩、字体和图形等视觉设计元素应用于可视化的过程[7]。成功的可视化视觉表达能通过视觉表现形式吸引用户,引发用户的兴趣和好奇心从而抓取用户关注,达到依靠视觉设计能够提高用户传递数据译码的速度和效率嘲的目的。疫情动态界面中信息可视化的视觉表达是功能与美学关系的统一,也是视觉元素的应用[8],疫情动态界面通过对文字、图形、色彩等视觉元素进行设计,形成信息之间的形态、大小、对比的调节,提高信息在界面表达中的视觉刺激,从而将信息功能内容与可视化视觉效果相统一,达到提高用户获取信息内容的友好体验的目的。
  (一)文字
  文字是信息进行交流的工具之一,文字作为界面中重要的视觉设计元素,它的字体、大小和色彩都将影响整个信息内容的传递效率。
  疫情动态界面中文字字体必须满足不同显示系统默认字体要求,符合界面设计字体规范即可,如中文字体选择宋体、黑体与苹方;英文和数字字体则选择无衬线字体来进行信息内容显示。界面中的字体大小的设计则依据信息内容权重关系,比如在2020年3月20日的疫情动态图的中国“现有确诊”信息中(如图5),文字大小比为:“6764”>(大于)“现有确诊”>(大于)“较上日”=(等于)“-674”,从中推出疫情动态系统可传达给用户的信息权重为:确诊病例的原生数据数值与数据含义较昨日的数据更重要。这样将不同文字信息通过不同字体与大小的形式进行可视化表达能够帮助用户理解数据信息的含义,减少用户的认知时间。
  (二)图形
  图形是信息进行视觉交流中最早出现的工具,既能辅助文字信息的传达,也能作为信息载体被高校识别,具有传播快,信息量简化,认知障碍少等特点。图形元素的可视化表达,能够缩短用户之间的认知差距,美化界面,提高用户的审美情趣,同時还能统一信息在界面设计中的功能与形式。
  疫情动态界面中的图形元素不多,主要的表达形式是具有按钮功能的图标、但是每一种图标的使用恰好是点睛之笔。如图4中“现有确诊”模块中的问号图标,问号图标在界面设计中的含义是解释、说明与帮助。在现有确诊模块中放置问号图标,一是对现有数据来源进行说明,二是对现有数据算法进行说明,三是指引用户数据详情可通过点击问号国标的交互方式进行了解以上详情。
  (三)色彩
  信息可视化表达的视觉元素中色彩能够使界面达到视觉一致性,具有强烈的视觉效果,能够有效增强用户感知刺激,并且影响用户对整个界面的体验。疫情动态界面中的色彩元素可视化表达的功能主要分为三类:
  色彩元素可视化表达的第一种功能是,平台品牌色彩在疫情动态界面中的应用。如腾讯对于其品牌中浅黄色的应用(如图5),黄色部分是包含腾讯品牌价值识别的颜色,而在此界面中的蓝色则代表疫情信息的内容。其中品牌色彩的使用不仅可以区别平台主题信息与疫情信息,还能扩大平台自身品牌信息的有效传播,界面设计中蓝色与黄色中性属性除了能调和界面视觉效果以外,最主要的功能是帮助用户准确地区分信息类型。
  色彩元素可视化表达的第二种功能是,通过色彩对比区分信息数据变化的目的,这种色彩对比形式的可视化表达在疫情地图内容中最典型的应用就是疫情实时地图的“逐步染红”的交互展示方式。如腾讯实时地图中(如表2),利用同类红色系的搭配,以省份为单位直观性地展示了每个省份感染疫情的情况,通过红色的深浅代表疫情感染的严重程度,红色越深则疫情越重,红色越浅则代表疫情越轻,当地图省份成为地图背景色时则代表疫情清零。这样同类色彩的应用不仅能够统一视觉效果,还能通过省份分布帮助用户快速建立共情达到范围类布信息数据传递的效果。
  色彩元素可视化表达的第三种功能是,因用户群体受认知体系的影响,色彩具有情感传递的功能。所以疫情地图将不同色彩带来的心理感受进行界面设计的合理利用能够引起用户心理共鸣,从而抓住用户的关注热点来传递有效信息。如上文图5“腾讯疫情实时数据截图”中显示,“累计确诊”数据信息采用深红色,代表疫情数量的庞大,同时深红色会让用户产生疫情情况严重等感受。“现有确诊”数据信息采用的是红色,一是与累计确证数据进行区分,第二则是数据的减少,颜色饱和度提高一定程度上能够缓和用户紧张情绪。“累计死亡”数据信息采用的是黑灰色,传递出深深的孤独、悲伤、无助与缅怀等情绪。“累计治愈”数据信息采用的是绿色,它带给用户的心理体验是有希望的,安全的,乐观积极的。所以当信息可视化应用在界面设计中时,通过不同色彩的应用既能够契合信息内涵,还能借用色彩的情感化特点与用户产生共鸣,从而达到精准传递信息内容的目的。
  结论
  信息可视化是数字化时代中代表着信息发展的前沿学科,具有极广泛的应用领域。信息可视化最主要的目的就是为了让不同认知程度的群体都能够清晰、快速、准确地获取信息,在疫情动态界面中信息可视化的应用主要目的也是为了确保疫情信息能够被更多用户识别、理解和应用,也为更多的用户群体提供了数据挖局和决策服务。通过分析信息可视化在疫情动态界面设计中的信息结构,信息内容与信息可视化的视觉表达等方面的应用,既实现了信息可视化在战“疫“期间为人服务,为社会服务的目的,同时旨在为更多的信息化产品提供参考。.
  参考文献
  [1]赵序茅,李欣海,聂常虹,基于大数据回溯新冠肺炎的扩散趋势及中国对疫情的控制研究[J]中国科学院院刊,2020,35(03):248-255
  [2]张欣,朱长永,黄蓉,视觉图形在信息可视化信息设计中的应用[J]科技视界,2017(04):317
  [3]吴辛迪,林丽,侗族文化素材库构建思路与展示——以增冲鼓楼为例[J]社会科学(全文版)2018 (04):00384-00385。
  [4]吕阳,于炜,基于视觉思维的用户界面设计[J]设计2015(04):109-111
  [5]郭弈妤,张凌浩,面向老年患者的疼痛评估工具界面信息可视化设计研究[J]设计2019,32(19):28-30
  [6]张倩,图表在信息可视化中的设计研究[J]设计2018(02):122-123
  [7]陈娅雯,许懋琦,数字阅读界面视觉设计分析与优化[J]设计 2018 (17):132-135
  [8]戴文澜,美学角度的信息可视化概述[J]设计'2013(11):126-128
  [9]熊瑛,尤斐。信息可视化与视觉设计[J]艺术与设计俚论)2012,2(05):40-42
其他文献
人机交互与人工智能是智能信息时代备受关注的两大重要研究领域。通过人机交互与人工智能发展历程可以发现,二者的关系从过去的此起彼伏逐渐变成了当下的相互促进,基于二者深度融合的典型应用也在教育、医疗等关键领域不断涌现。人机交互为人工智能提供了应用需求和研究思路,而人工智能也驱动了人机交互技术的发展和变革。放眼未来,人机交互与人工智能将保持当下这种相互促进、互相驱动的关系,更加深入地融合并协同发展。  自
期刊
摘妻:面对当今互联网电商对实体零售行业的冲击,大型商超人气低迷,商铺空置率高等问题,希望颠覆传统流量经济,促进实体商业建筑空间创新发展。采用实地调研的方法,以沈阳万科鹿特丹生活广场为例进行分析。将主题化、家庭化、智能化理念进行联动融入多样化的公共商业空间的设计策略。优化购物体验及购物环境,为我国未来社区商业建筑设计发展提供具有价值的参考。  关键词:体验经济 社区购物中心 主题化 人性化 动态化 
期刊
一年度亚洲国际设计盛会、第七届“设计上海”将于2020年5月26至29日举行,展馆面积相较去年大幅增加40%,继续迎来了众多国内外的大师级设计品牌。作为设计业界公认推动中国设计发展的最大平台之一,今年“设计上海”更增设Talents展区聚集国内炙手可热的新锐设计师,借此让中国设计理念汇合成流,推动原创设计发展。  以下十三位本土设计大咖与新星,不但为业界带来全新观点与风潮,更密切关注社会实况,用设
期刊
简化繁复的设计语言,圆润饱满的侧边即是扶手,又是沙發整体的支撑。通身柔软的软包设计,融入平直线条,保持简洁姿态。以意大利丰沛的想象力,诠释了紧致、平衡、时尚。
期刊
该产品适用养老、医疗家具领域,本产品由沙发靠背、沙发基座、扶手、五金架、小餐桌、输液杆等、组合而成,表面使用医疗级饰面即有防水、防腐、抗菌等特点,外观看起来也比较温馨(现市面上输液沙发的都比较突出五金机构看起来很冷冰,患者、患者会有心里抵触)该输液沙发操作简单、功能设计非常贴心。1.靠背两侧带背翼能让患者在坐着输液的过程中侧靠着休息、靠背还可往后倾患者可躺着输液,此两功能能让患者更放松的输液。2.
期刊
习近平总书记在全国民族团结进步表彰大会讲到:“一部中国史,就是一部各民族交融汇聚成多元一体中华民族的历史,就是各民族共同缔造、发展、巩固统一的伟大祖国的历史”。《阿昌族卷》《白族卷》《德昂族卷》《哈尼族卷》是国家新闻出版基金项目《中国少数民族设计全集》55卷中具有代表性的四卷著作,文字总计133万余字,各类分析图2700余张,于2019年9月、10月由山西人民出版社和人民美术出版社共同出版,江南大
期刊
摘要:获取CMF设计在系列化产品中的运用特点及模式。介绍了CMF设计和产品系列化的概念及特点,探索了CMF设计策略和如何从CMF角度出发研究各类系列化产品的方法。分析各大类系列化产品案例中的CMF设计,归纳CMF在各系列化产品的应用特点及策略。得到CMF在各系列化产品中的应用特点及从CMF出发的产品系列化方案模型。该结论为从CMF入手完成系列化设计提供了参考和思路。  关键词:CMF设计 产品系列
期刊
这件家具是当設计师第一眼看到这种材料那一刻的感受,其貌不扬却潜力无限,看似普通实木,但实际上当你了解得更多的时候发觉这是一种能够让你激动、激发你想象空间的新型材料,这件家具就是设计师对着材料的一个暗喻,在表面看来很简单,但心中已是波澜不断、激情澎拜,以此创作这件一此刻来记录当时心情,并且希望每一个消费者都能拥有一件能够记录心情的家具,赋予其灵魂。
期刊
薛澄岐博士,东南大学教授、博士生导师,东南大学产品设计与可靠性工程研究所所长,工业设计博士点、设计学硕士点负责人。研究方向包括神经设计学、复杂信息系统人机界面设计、大数据可视化设计、先进交互设计与技术、产品设计及可用性工程。  科技更加倾向于解决技术问题,是人类社会发展中物的要素,设计则更多关注人的问题,是人类社会发展中人的要素。薛澄岐教授认为,设计实际上是研究人的学科,研究人的生理、心理、审美、
期刊
怀秀椅是对中国圈椅的重新演绎。摒弃圈椅原有的庄重感,以现代设计语言赋予产品柔美感。外形更加秀美,线条更加柔和,细节更加温润,从而给人一种更亲和的感受。采用中国传統难度较大的榫结工艺,需纯手工制作完成,改良的尺寸和造型更符合现代居住空间的尺寸,也更轻巧易于搬动。
期刊