智慧城市建设中提升用户体验的可视化设计

马华

摘 要：随着智慧城市建设的不断深入，可视化设计已经成为提升用户体验和触发用户黏性的关键。从用户体验的角度来看，信息的可视化是以另一种形式存在的信息现象，是从抽象形态到具象形态的转变。智慧城市大数据的信息可视化图形设计中，视觉转化成为设计的首要任务。其主要表现在信息图形的表达、信息符号的表达和信息视觉设计的表达这三个方面。可视化设计的流程主要有分析数据、匹配图形、优化图形和检查测试。需要对信息的内容进行理解，并根据信息表达的需要，进行合理化提取。利用可视化工具进行预设，以实际为基础，增加人们对图形的联想。

关键词：智慧城市；用户体验；可视化设计

1 智慧城市与移动互联

智慧城市以五網融合（互联网、物联网、电信网、广电网、无线宽带网）为基础，以云计算和物联网技术为核心，通过集合技术在城市的各个系统工程中发挥智慧化建设，从而提高城市的管理水平。智慧城市是促进民生建设的城市发展新模式。它既是当下城市化发展中的高阶段，又符合成为“美丽中国”展现概念的新载体，它已成为城市发展推动的引擎。同时，智慧城市是信息时代的城市新形态，它将信息技术广泛应用到城市的规划、服务和管理过程中，可对城市各类资源进行科学配置，提升城市的竞争力和吸引力，最终实现市民高品质的生活。

智慧城市的发展离不开各种新技术和新模式的应用，在移动互联网、云计算、物联网以及大数据的推动下，智慧城市所涉及的领域几乎无所不包，其中移动互联网是智慧城市的“神经”，它具有移动化、宽带化、融合化、便捷化、可定位化、实时性等特征，是建设智慧城市的最佳实践载体，是智慧城市首当其冲的环节。目前，移动互联网已经呈现出给人们生活带来巨大便捷的优势。

移动互联网必然会包括三个要素：移动终端、移动网络和移动应用服务。目前，移动互联网已快速渗透到人们生活和工作的各个领域，正在深刻改变信息时代的城市生活。智慧城市则更需要通过移动互联网为居民和企业提供随时随地、无缝的服务。一个城市的核心移动应用平台已经成为智慧城市建设中争相发展目标。丰富的信息化服务可以拓展信息化应用的时空范围，无论学习、娱乐、购物、支付还是基于位置的服务，丰富多彩的移动终端应用和商业模式都已日趋成熟，作为三要素之一的移动终端，App的形式已被广大用户接受，通过App的日常化使用并推送其他业务，是移动领域全业务发展的重要方向。

移动领域全业务的发展势必随着信息的扩张而递增，那纷繁复杂的数据会让我们越来越无所适从，用户很容易迷失在庞大的数据中。从信息传播的本质角度来看，信息的可视化是一种数据形式的转化，传统的二维信息被转化为可视的三维信息，进而增加信息的可读性，降低信息的接受门槛，成为现代信息行业发展的主要方向。

2 信息可视化设计

2.1 智慧城市建设中信息可视化的合理性

信息可视化，旨在把数据资料以视觉化的方式表现出来，是一种将数据与设计结合起来的图形，是有利于简短而有效地向用户传播信息的数据表现形式。因此，立足于智慧城市的信息行业的发展实际，应从图形设计角度出发，将可视化作为解决这些问题的有效手段，通过视觉的方式让信息易于理解。使真实的人通过与智慧城市形态上相连，构造真实的现代生活方式。

随着智慧城市建设的深入发展，智慧城市的可视化设计的合理性已经成为触发用户黏性的关键，从用户体验的角度来看，信息的可视化是以另一种形式存在的信息现象，是从抽象形态到具象形态的转变。从设计学角度对信息可视化进行分析，其实质是信息的内涵本质能否得以保留，是说故事的一种手段，但是外在表现形式上以比较适当的方式，实现了对数据信息的分析之后，能够让数据与信息之间通过合适的方式进行传播，让复杂难懂的数据易于理解。同时为了能够让数据信息更加易于用户的理解，在信息可视化设计中，采用图形、媒介等形式，对信息内容进行分解与翻译。从而实现以信息为主导的可视化设计。

在用户与信息之间的可视化空间范围内，我们的生活一直被多种多样的信息包围着，有些信息是有效的，而有些信息是无效，大量的信息使得人们在信息的理解和选择上陷入徘徊，对于信息的可视化能否有效地帮助人们走出无效信息产生的交流，需要凸显隐性内容和接受之间实现用户与信息能有效传播，是重新定义信息可视化的视觉设计方式，这将给设计师面临信息的一次挑战。

2.2 可视化设计中的视觉转化

智慧城市大数据的信息可视化图形设计中，视觉转化成为设计的首要任务。文字表达向着图形表达中转化，就是一种完成了图形设计的视觉转化最直观的类型。将比较抽象的信息转化为用户比较熟悉的符号，将复杂的信息简单化地传递给用户。视觉转化实际上是一种创意行为，是通过信息采集到清晰的信息逻辑架构搭建的创新活动。然后在可视化的载体上实现需求。

因此，数据加上一个故事并通过设计图形来呈现就等于可视化设计。App 应用中的信息视觉语言就具备这样表达的规律性，其主要表现在以下三方面：第一，信息图形的表达；第二，信息符号的表达；第三，信息视觉设计的表达。进行可视化之前，需要从一个问题开始，弄清楚进行可视化设计的目的是什么，你想讲什么样的故事，以及你打算跟谁讲等问题。比如一周天气的变化情况用怎么样方式呈现出来。

故事的背后一定需要数据的支撑，并且有对数据处理的方法，通过对原始数据进行标准化、结构化的处理，把它们整理成数据表，找到合理的逻辑关系，将这些数值转换成视觉结构（包括形状、位置、尺寸、值、方向、色彩、纹理等），通过视觉的方式把它表现出来。例如，将高中低的等级转换成红黄蓝等色彩，数值转换成大小。将视觉结构进行组合，把它转换成图形传递给用户，用户通过终端进行人机交互。通过多次迭代，最后，我们选择一些好的可视化的方法。

信息图形的表达，可视化能够以图的形式为载体通过对图形的合理选择、实现图形的真实运行场景到排列次序。在这个环节中，信息感召力突出，实现了语境与文字之间的联系。

信息符号的表达，其符号特征能够是平面或立体，固态或动态等形式，目的就是能够让信息更加的明确和简洁，以符号的特定含义，增加图形的魅力。进行符号的设计过程中，主要是符号语言与文字语言之间的相互转换，增加信息的象征性，进而能够让信息更加的流畅。因此，图形设计中的符号设计是信息可视化中另外一个重要的载体，是用户认识事物的一种简化方式。在实际的信息化设计中，要求设计师在有限的图形中，将大量的数据进行有序化处理，从而消除文字信息所带来的视觉障碍，实现有形的图形中蕴藏着无形的信息资源。

信息视觉设计的表达，是指直接信息的视觉图形转化，也就是根据信息所要传达的方向，通过设计师的直觉引导，进行创作，通过大量的数据信息之间的分析，进而得到比较直接且清晰的信息传达方式。例如，在城市地铁电子路线图设计中，为了向人们展示比较完好的地铁线路，在实际的图形设计中突破了传统图形设计中的比例尺的束缚，对空间的位置以及站点之间的距离进行简化。忽视了地铁站点之间的真实距离，采取类似间隔的形式，实现不同站点之间的标出。在不同地铁线路中的设计中，采用不同颜色线条，作为线路的区分，并用加粗的点来表示换乘站等等相应的设计方法。在以上實例中的所用的线条、颜色以及加粗点都是直接图形设计的具体表现。

由此可见，智慧城市的信息设计就犹如一个好的故事，并且有大量的情节可进行描述，以图形的方式加上一些设计的引导，就构成整个数据信息的可视化。

2.3 可视化设计流程

另外，一个好的流程可以让我们事半功倍，可视化的设计流程主要有分析数据、匹配图形、优化图形、检查测试。

首先，在了解用户需求的基础上分析我们要展示哪些数据，对所要表达的信息中的功能要素、相关重点数据进行处理，实现对原始数据的收集与整理。以便对信息的内容进行理解，然后根据信息表达的需要，进行合理化提取。一方面要实现图形设计的功能，另一方面实现信息的良好表达。一个简单的例子，我们常常对城市的公共场所中卫生间男女符号进行设计时，需要设计师对男女表象差别进行分析，对信息进行良好处理之后，应用到实际中，对数据信息进行翔实的传递。

其次，我们利用可视化工具进行预设，图形视觉要素的选择主要是依靠视知觉来实现，人的视觉能够对某一事物产生综合反映。例如，进行北京雾霾这样一个主题的视觉设计，要利用雾霾天气最为直观的视觉体验进行图形表达，这样我们可以以灰色为作品背景，伫立着一个暗色的站牌，上面写着“北京”，在这两个简单的意象构成中，人们能够马上想雾霾的景象，不需要多余的文字来赘述，雾霾所带来的消极影响跃然而出，然后能够使用户陷入带着口罩的场景中，这些信息都是人们通过简单的背景颜色能够联想到的情境。图形设计原则，需要以实际为基础，不能脱离体验，增加人们对图形的联想。

3 结语

智慧城市建设需要使用信息可视化的方法来使人们获得更好的用户体验。在信息可视化与大数据时代中，通过视觉设计使智慧城市的各种服务更贴近用户。加强城市与人之间的联系是通过对信息可视化的视觉转化进行研究而不断深入的。将图形视觉转化分为信息视觉表达、直接信息的视觉转化以及间接信息的视觉转化是智慧城市发展必然要关注并实践的领域。

参考文献：

[1] 郑杨硕.信息交互设计方式的历史演进研究[D].武汉理工大学，2013.

[2] 胡小妹.信息可视化设计与公共行为研究[D].中央美术学院，2014.

[3] 聂自超.城市形象系统的信息可视化设计研究[D].东南大学，2015.

[4] 迈克尔·巴蒂，安德鲁·哈德逊-史密斯，陈宇琳.城市设计中的可视化分析、智慧城市与大数据[J].城市设计，2016（03）：6-15.

[5] 潘慧.城市设计的数字化生存[D].吉林建筑大学，2015.

[6] 方学兵.人机界面信息视觉化设计研究[D].合肥工业大学，2010.

[7] 胡飞.艺术设计符号的形式、意义及运用研究[D].武汉理工大学，2002.

[8] 邓颖星.手机界面的人性化设计[D].江南大学，2005.