室内导航类App的UI界面设计中信息可视化的应用研究

李敏 刘文佳 鹿峰 王琳

摘 要：随着时代的变化，人们对于使用导航的方式在不断地变化，从最原始的依靠自然现象、到后来的指南针和纸质地图，再到现在的电子地图和导航软件等。由于移动设备的快速发展和智能手机的普及，各种导航类的APP如雨后春笋般出现，导航工具也向着便捷与智能的方向发展。伴随经济的发展，各大城市的综合购物中心越来越多。购物过程中发生一些问题也随之而来，例如，在一些大规模的商场顾客很难确定自己的位置，也无法找到目的地，导致在购物期间浪费大量的时间和精力。由此可见，设计一款能够为顾客提供室内定位和导航服务的应用是非常有意义的一件事情，而且可以极大地提升用户的购物体验。在移动互联网时代和大数据信息分析的背景下，信息可视化已经从传统行业向新型行业发展，大型室内空间大数据可视化就是发展方向之一，怎样以一种易于理解的方式展现数据、内容、实现室内空间导航的视觉化，是本此研究的意义之所在。

关键词：室内导航APP;视觉界面设计;信息可视化设计

中图分类号：J524文献标识码：A文章编号：2096-0905（2020）15-00-02

一、室内导航APP

随着位置服务APP的深入发展和人们在生活中活动需求的不断扩大，室内导航和定位服务的需求越来越大，特别是在一些大规模的室内环境中，如商场、医院、交通枢纽、矿井、监狱和地下车库等，对室内的导航定位需求在急速增加。因此，为用户提供基于移动端的室内导航服务的需求就显得尤为迫切。

但是，室内导航与室外导航相比具有较大差异。从技术层面来说，室内导航类APP还处于起步阶段，由于室内的环境复杂多变，还有建筑物墙壁遮挡等因素，室内信息获取还是比较困难的，而且精确度还很差，使得现有的GPS定位变得困难。所以，现有的射频识别、WiFi、红外线、蓝牙等定位技术成为了主流导航和定位的技术。随着室内定位方面的技术向着商业化发展，使得室内定位系统被广泛应用到实际当中，本文研究的室内导航APP主要通过获取室内平面的结构图，来分析和引导路径。这样使得用户快速有效的确定自己的位置和所需目的地。[1]

二、视觉界面设计原则

我们可以把人脑当作一台强大的识别模式的计算机，它不仅能够理解着眼睛所能看到的地方，而且，人脑通过眼睛，能够找出所见事物的重点，管理流入眼睛的海量信息。著名的视觉设计师凯文·米莱和达雷尔·萨诺在《设计视觉界面》一书中进行了总结和概括，提出了视觉界面的设计原则：一是传达风格/传播品牌;二是带领用户厘清视觉层级;三是在组织的每个级别提供视觉结构和涌流;四是在特定屏幕上告诉用户能做什么;五是响应命令;六是把注意力吸引到重要事件上;七是建立有凝聚力的视觉系统，保证体验一致;八是最小化视觉工作量;九是保持简单。

在当今这个高速发展的信息时代，互联网平台的操作使用与软件技术的运用变得越来越普及流畅。标准化且易于传播的移动用户界面则对受众群体变得十分重要。因此，移动用户界面设计除了清晰的信息框架以外，还需要通过美观的视觉界面来吸引受众，让受众的视线始终保持在追视信息上。[2]

在移动用户界面中，界面视觉效果成为用户最直接的沟通手段。在设计中运用视觉语言来传递所需内容的同时要遵循形式美的界面外观表现。而在用户体验设计中，需要建立与用户保持频繁的交流与沟通，通过视觉秩序引导能更好地促进信息的传递。移动手机APP软件界面则可以发挥设计师创意的部分。

三、信息可视化设计

信息可视化（Information visualization）也可称作信息图形（Information graphics）或者信息图（Infographics），是一门跨学科的领域，它是通过研究大规模数据信息的视觉呈现方式，再利用图像或图形的视觉呈现方法，来帮助人们快速分析和理解相应的数据信息。关于信息可视化的概念，最早是由斯图尔特·卡德、约克·麦金利和乔治·罗伯逊创在《Reading in information visualization》中提出的。他们认为，信息可视化是一个从抽象数据到可视化形式的映射过程，在繪制数据的可视化的过程中，将那些抽象的信息映射为有效的可视化形式，并通过人机交互来进一步提高人的感知能力。

随着计算机科学的发展，现代信息设计、计算机图形学也随之发展。自20世纪80年代以来，更是将可视化的概念及其应用推向了研究的前沿。可视化学科发展至今，主要分为三个方向：科学可视化、信息可视化、可视分析。本研究主题是信息可视化这一方向。

在移动大数据信息分析这一背景下，人们如何利用现有的信息进行有效的沟通、互动成为研究的主题。因为人类的视觉永远是接收和处理信息的主要的方式，所以，这就使得信息可视化设计成为非常有效地信息沟通和交流互动的前提。信息可视化作为大数据时代的产物，它致力于创建最直观方式来传达抽象信息。可视化的表达形式与交互技术则是利用人的眼睛通往心灵深处的广阔带宽优势，使得用户能够目睹、探索以至快速理解大量的信息。信息可视化是对抽象的、非结构化的数据进行处理，其中包括文本、图像、地图、声音等。

随着视觉设计工作的延伸，它不但涉及信息技术、图形处理技术、还涉及认知心理学、符号学、人文教育学等学科。可视化的表达形式与交互设计旨在让用户首先能够看到，然后通过视觉的获得进而理解大量的信息。通过信息采集、信息构架、视觉转化、符号传达这样的方法来进行信息可视化设计。信息视觉化设计是一个全新的设计领域，在设计领域中的导视系统设计方面信息可视化应用尤为突出。[3]

四、室内导航类App的界面设计中信息可视化设计

设计是用来解决问题并提供好的解决方案的，而信息可视化设计则是用来解决信息处理到实现可视的过程中出现的问题。信息可视化设计的功能总体归纳起来，具体有以下几种：首先，使繁杂枯燥的文字内容与数据信息变得清晰易懂，并有条理地传递给不同需求的用户群体，使信息能更容易被接受得以认知;其次，不同领域的学科运用信息视觉化设计的可视化或其他感官进行传达，消除不同专业跨学科间的理解困难;最后，将枯燥的文字内容以及理性的信息内容转化视觉能感受到的方式进行传递，将深层次的内容通过视觉化呈现出来，便于寻找问题及解决问题。不论是学术研究、设计教育还是商业方面的运用，信息可视化设计将分散的无序的信息内容变得集中、有序，让一切更有逻辑性，清晰直观易懂，得到更好的理解。[4]

在室内导航APP不同于普通的室内导视系统设计，普通的室内导视设计是借用平面的设计形式，将信息可视化设计运用在室内空间的导视系统中，通过独立的图形标识来传递信息的属性，通过识别性指引方向和介绍相关位置。其作用就是负责把空间信息内容通过有效的视觉秩序传达给受众群体，保证每一位受众群体都可以理解信息。伴随着界面设计在全球的火热发展，界面设计已经达成基本共识。而一款好的室内导航界面设计不仅让产品有个性，还将空间信息内容通过手机界面传达给用户，使用户能够有更好的购物体验。

在UI设计中一般来说，信息是通过对色彩、图形、文字、版式等视觉要素的进行版面的设计或者信息图表设计，借用视觉语言工具，建立抽象信息和视觉形式之间的内在联系，来实现信息的视觉转化的。室内导航APP的界面设计来看，它更需要从视觉的出发点思考对使用者的想法的预判及对使用场景和使用方式的考量。从信息可视化设计的方法入手，通过商铺信息逐个采集，导视信息构架的确立，再到视觉设计将信息转化，最后设计出符号传达所需信息。

五、结束语

本文通过对室内导航APP、視觉界面设计以及信息可视化设计进行全方位的分析，以视觉设计作为切入点，室内导航作为创新点，着力探讨了信息可视化在界面设计中发挥的作用，在室内导航APP界面设计过程中如何将视觉界面设计原则与信息可视化设计方法融入设计中。信息可视化在各行各业中随处可见，借用视觉语言工具，建立抽象信息和视觉形式之间的内在联系，并利用信息可视化这种优秀的沟通方式与交流着建立起高效的信息流通模式。信息可视化的发展空间不止局限于室内导航范畴之内。时代的发展给信息可视化带来体现在各行各业，经过本次研究，希望在未来在信息可视化领域有更多尝试，有更多的机会参与这方面的研究。

参考文献：

[1]鲁晓波，詹炳宏编著.数字图形界面艺术设计[M].北京：清华大学出版社，2006.

[2]陈秋娴.大型商场室内导航导购系统的设计与实现[J].信息与电脑，2020（04）：113-114.

[3]王琪.基于智能手机的停车导航系统设计[J].物联网技术，2020（04）：93-95.

[4]史伟.医院室内定位导航系统的设计与实现[J].辽宁工业大学学报（自然科学版），2020（02）：88-91.