基于移动设备的交互式信息可视化设计探析

朱治中

（武汉理工大学，武汉 430070）

基于互联网的快速发展，智能设备也在不断推陈出新，我们经常使用的移动设备应用中逐渐出现了信息可视化的模式，如与日常生活紧密相关的天气情况、地图导航等已经成为其中不可或缺的重要组成。为了能够实现高需求量、高效性、准确性等信息传播的整体要求，就需要呈现出信息可视化本身的清晰性和直观性。原本的被动接受以及数据信息获取的方式相对复杂，其本身的差距是很明显的，在这样的模式推动下，交互式信息可视化应运而生，并且也可以在视觉界面之中得到合理的表现。

一、交互式信息可视化概述

移动互联网技术的发展，使得移动应用数量也在持续增多。移动应用给人们的日常生活带来了巨大的变化。在数据如此庞大的移动应用中，诸多优秀的移动应用已经将信息可视化设计直接应用在交互设计和界面设计之中，但却没有在理论上进行总结。当前，移动应用同质化问题日益严重，导致相同类型的移动应用变得没有任何新意，而信息可视化的运用，可以提供全新的思路。

针对信息可视化，其主要的表现手段在于：第一，布局。主要是针对可视元素进行合理的安排，如图形、色彩、文本等方面，从而形成简单明确的视觉布局。第二，色彩。色彩不仅可以提升视觉美观度，还能让信息的层次分明，可以强调或弱化信息。第三，图形。图形优点在于准确、信息量大、生动，可以帮助用户更好地实现对传达内容的理解与分析。第四，文字。通过文字，能够增强信息可视化设计作品本身的清晰性以及易理解程度。第五，动效，动效本身是具有时间连续性的视觉元素，运用动效，就可以将信息之间的逻辑与层次清晰地表达给用户。

二、信息可视化在移动设备中的交互设计

（一）移动设备对比PC设备的使用特征

1.复杂化的使用情景

移动设备出现并得到广泛应用后，就在一定程度上改变了人们的生活模式，让人们逐渐忽略时间与空间的局限性，实现设备的随意使用。同时移动应用还可以对用户使用场景进行实时分析，基于分析的结果，做出对应的反馈，从而提升用户的体验。针对移动设备的使用场景，本文列出的对应因素具体见表1所示。

表1 移动设备情景因素

2.差异化的设备平台

相对于PC设备，移动设备的差异见表2所示。移动设备本身的操作媒介逐渐变得丰富，这是PC设备无法满足的。就如苹果发展到X的结果，其拥有人脸识别。

表2 移动设备和PC设备的使用差异性

3.多样化的交互方式

图1 移动设备触摸手势示意图

图2 移动设备动作手势示意图

图3 设计原则与设计表现元素相互作用图

PC设备的输入是利用键盘，并且通过鼠标来完成对应的交互式操作，而移动设备的交互方式则变得多种多样，由于多点触摸技术的进一步发展，能够满足手指对手机的交互以及键盘方面的操作，其余设备都无需使用。手势的交互，可以让用户的基本习惯得到最大限度的满足，并且也可以在实际中得到广泛的使用。

在触摸手势中，核心手势、通用手势、复杂手势等成为主要的组成部分，并以核心手势作为基础，从而实现其余触摸手势的演化，图1即为部分简单手势的展示。

除触摸手势外，因为传感器的存在，所以，设备能够成为交互空间，从而在交互设计之中加以使用，例如在查找好友的时候可利用摇一摇的方式，或者将手机拿起屏幕自动点亮等，都可以给用户提供全新的体验，这一类手势具体见图2所示。

（二）表现元素

基于交互式信息可视化设计的基本设计原则，就需要依托于视觉界面设计，将其主要的元素表现出来，具体见图3所示。

基于界面的交互式信息可视化设计，让用户使用起来更加方便，使其能够理解复杂图表的逻辑结构，并且此基础上，达到美观的设计需求，同时，通过信息传递的效率和准确性要求，其设计囊括了视觉美观表达、人机交互、操作逻辑等。因此，交互式信息可视化图标设计主要包含了视觉元素和逻辑元素两个部分。

1.视觉元素

在网页界面设计中，通过平面设计的基本元素，就可以实现构成的需求，其视觉形态是利用点线面体来达成的，基于界面的美观，就可以实现对信息的传达。其设计囊括了文字、图形、色彩、版面等。基于分析，其原则如图3所示。通过第一章节的分析，具体的视觉元素表现在：

（1）文字。文字作为符号的语言，也可以实现有效的信息保存，在二维界面中，文字可以进行有机的排列，然后高效、有效地传达信息。在分析之后发现，阅读的效率会明显受到文本结构的影响。交互式信息可视化主要是体现在图例、文字标签、数据标签，其中文字标签元素显得格外的重要，能够基于不同层面来实现对数据信息传达的合理辅助。

（2）色彩。色彩作为一种视觉的表现，在设计图表中，可以直观地表达其对应的层级结构。通过使用色彩，在美观表现中，也可以实现清晰明确的信息表达，但是如果色彩运用不当，就会出现不同的效果。单色就是单一的一种颜色；邻近色也就是颜色相互接近的颜色，如蓝色与绿色的搭配，直接使用这一种颜色，就可以从整体上感受其舒适度。对比色，就是所谓在色环之中存在180°差异的颜色。如红色和绿色，紫色与黄色，只要能够恰当地搭配，就可以体现出其中的重要数据，从而将对比的作用完全表现出来。

（3）布局。表达界面信息，主要是让视觉元素基于一定的原则和逻辑来实现对应的排列组合，从而基于最佳的信息来呈现其效果。据相关研究分析，在一定条件下，网页布局有利于视觉搜索提高。基于整体布局分析，会对数量、时间等多重因素产生影响。基于可视化图表，对于信息数据的读取分析之后，基于复杂视觉原则来实现对单一图表的组合，其囊括了色彩、文字标签等对应的视觉元素，通过合理有效的布局，其表现在具体的布局之上，通过合理的分析，就会确定图表本身的布局会对可视化图表的读取效率带来一定的影响。

2.逻辑元素

视觉元素本身是表层的一种表达，其逻辑元素就属于其内涵所在。逻辑元素同视觉元素之间是彼此影响的，但也是相互作用的，可以让逻辑与视觉彼此结合，确保信息展示的最佳化。在可视化图表中，其内容的逻辑包含了信息分类、层级架构等对应的内容，其本身是在内容方面偏向于逻辑的，并且通过划分之后就可以满足数据信息和信息层次之间的相互对比。

数据信息作为表现逻辑元素的一种有效的途径，其本身就是衡量数据可视化图表设计的标准。在设计数据可视化图表的时候，如何才能够实现信息准确高效的表达，就成为关键性内容。数据信息可以实现不同的对比层次，其数据信息相对鲜明。在信息的使用之中，通过有用信息的使用，这样就可以合理地对信息进行归类，确保层次分布相对清晰，这样就能够明确其间存在的差异。

三、结语

总而言之，本文主要是针对基于移动设备的交互式信息可视化设计进行研究，希望通过理论方面的基本分析，再配合上后续对应设计援救，可以在未来移动设备规范化发展之中更好地运用交互式信息可视化，并且给予理论层次上的引导，从而让其更加贴近用户，满足用户的认知要求，为寻求高效率的交互式信息可视化方案提供必要的帮助。