CitySound

王婧

摘 要：大数据时代，信息可视化作为数据信息呈现的有效媒介成为当下的热点，其背景下的交互设计在了解目标用户及其期望的基础上，给予使用者行为、心理上更有效、舒适的用户体验，使得数据的价值发挥到最大化。本文从城市公共空间的噪音污染这一现实情况出发，探讨信息可视化的交互设计方法在其问题解决上的实际应用，达到用户协同检测及监管城市噪音污染的目的，期望在数据分享及交流的平台上增强其社会主人翁及环保意识。

关键词：数据；信息可视化；交互设计；城市噪音污染；群体意识

1 概况

在2014年世界卫生组织和欧盟研究中心发布的《噪音污染导致的疾病负担》统计显示，噪音危害的程度仅次于空气污染。全国有近2/3的城市居民生活在噪音污染的环境。当前我国城市公共空间的噪音污染的检测多局限于较为宏观的地域单元。虽然当下噪声数据采集及研究的方式和工具都有了明显提升，但多数地区仍采用传统监测方法，出现了监测管理滞后。所以不应仅仅靠政府部门的一方数据，还应该结合城市居民的举报跟投诉，加强政府与城市居民的互动与协作，完善噪音污染监测管理。

2 众筹城市环境的新模式

当今，手持智能移动设备量每年在成倍递增，这相当于每个用户至少手持一部传感器，这是相当庞大的数据搜集能力。市场中，如DecibleMe和哇咔噪音等相关移动应用，其功能多局限在噪音的智能检测、噪音分类以及噪音科普知识等，较单一。如果将市民搜集数据的能力利用起来，建立一个城市噪音信息的开源平台，用户自下而上生成数据及内容，并实时更新信息，不仅推动大众对城市环境问题的关注，更能从侧面监督政府对城市环境的监管力度，共同营造和谐的生活环境。

3 噪音数据检测的交互式分析

3.1 任务驱动的交互操作

交互设计是关于创建用户体验的设计，其目的是增强和扩充人们工作、通信及交互的方式，是关于人类交流和交互空间的设计。因此，单纯通过丰富技术手段来提升可视化的有效性已不能完全满足用户的信息需求，信息可视化中的交互设计将直接影响操作结果与用户感受。CitySound是一款基于用户的检测数据上传，通过分享及参与的过程中，帮助政府监测城市的噪音发生情况，提高治理噪音污染效率的一款应用型APP。操作过程中具有特定的操作任务，这就决定了交互操作的设计需要依据具体的任务流程进行。这要求用户需要在海量数据中迅速、有效地发现隐藏在信息内部的特征和规律。尤其考虑到噪音发生的地理环境较为恶劣，并且移动终端设备处在不规则的地理位置的转换中，这就为交互式的操作方式提出了更加苛刻的要求。

CitySound主要基于两个部分：一是用户个人界面。二是噪音数据地图。主页面打开即可显示出用户此时所处环境的情况，从主页面到上传信息只需要一个页面的转换。

“新发声”的地图板块（图1），用户拥有了更多数据采集及收集的选择，打破其在城市中对声音认识的局限，开阔用户对声音的关注视野，将传统噪音地图呈现地更加多元化。交互操作手势是交互设计中不可缺少的一个环节，这是对通过对待解决任务进行层次化的子任务分解，在确定各子任务执行的先后顺序后，来明确各交互视图和页面之间的跳转过程，并支撑相应合适的交互操作方式。例如，点击、输入、跳转、拖拽、缩放等操作步骤，CitySound多采用页面的左右滑动，而尽量避免精确点击，以减少用户重复操作的情况出现。此外，在实际应用中通常也需要考虑交互操作与视图之间的联动关系，即一个交互操作会影响当前数据显示的形式，而这种联动变化就形成了视图变换。用户点击搜索框，根据特定地点进行搜索，对话框的下拉弹出给予用户更为直接的视觉显示，地图将显示出不同用户上传的噪声举报信息，而进入具体信息，方便使用者参与此噪音发起活动并深入了解。

3.2 任务驱动的交互操作

可视化不仅能让单个用户参与到数据分析中，更能依托互联网成为一个数据分享和信息交流的平台，使得更多的用户一起来对数据进行分析和利用。用户在CitySound，通过便利的交互方式、有效查看和使用海量数据、根据用户需求控制数据的显示和抽取、直观地发现隐藏在数据内部的特征及规律等，为城市公共空间噪音污染情况的存在与发生及解决提供有力的依据。因此，信息可视化中的交互设计应该从原始数据的转换开始，并贯穿于视觉转换、用户操作的整个始终，用户在处理城市噪音数据过程中，控制数据转化视觉过程中的各个阶段以获取信息。根据“城市发声”中的交互流程、框架对交互操作的细化，不仅帮助用户有效的控制数据的显示和抽取，更是引导用户完成分析任務。用户界面工具的放置，亦应采用最自然的操作方式，在即时、准确的信息反馈中，让用户达到“流”的体验状态。

“城市发声”的使用者将自己的检测数据上传到城市地图的公共平台上，系统自动生成可视化，用户还可以加上自己的评论及分析，并分享给其他的用户或政府，人们通过可视化对数据进行分析，所得到反馈，也将显示在自己的个人中心当中。这个过程不断循环往复，从而实现了真正的协同数据分析，使我们可以依赖群体的智慧来应对大数据带来的挑战。而这，正是互联网的精神所在。

4 噪音检测数据的高效呈现

数据信息可视化在产品设计和交流沟通中充分运用人类对图像、图形等可视模块快速识别的能力，通过有效的可视画面，来观察、分析、研究、过滤和理解大量的数据，实现的是人与信息间的可视化界面。因此，噪音检测数据的信息可视化设计是解决其高效呈现的第一个课题，也是影响到用户体验至关重要的因素。

4.1 信息元素的恰当视觉表达

噪音本身的特质具有即时性与可变性，这要求我们在体现“噪音”这一变量时需展现它的实时性。用户打开应用，第一界面即当下所处环境的声音环境的质量情况，将噪音数据的维度映射到可视维度。视觉元素中的点、线、面、体、图标、文字、甚至是照片的颜色、大小、长短、透明度、密度等，以混合使用这些视觉元素的方式，恰当的展示数据的各个维度，只有合乎用户心智模型的视觉形式才能自然、有效地将数据中隐含的信息和知识传达出来。例如，主页面采用简单的图形排列，展现噪音的不稳定性，其不规则的波动互动展示，用户可清晰的感应当前噪声发生的自然轨迹，方便用户（下转第页）（上接第页）以直观的方式获取噪音信息。当噪声的音量超过一定的规定数值，与主页面对比极强的红色将告诉使用者，当前噪声超标的等级，配上下列准确的数值显示，更加清晰明了。记忆中的经验知识是提高信息获取和理解效率的关键。一个信息用户对信息获取和理解的经验知识越丰富，就越能够从可视化界面中提取出自己所需要的信息内容。相比文字，图片所创造出的实体空间，是显示其噪音具体信息及当时环境的有力视觉传达，在“新发声”的地图板块中，用户通过搜索或随即点击地图的位置，可获得当地的具体噪音污染信息。

4.2 帮助用户发现问题的视觉呈现

在视觉元素的运用上，页面的合理分配与协调处理能更好地引导用户注意数据信息，首先保持视觉的清晰性，避免干扰信息的出现。例如，视觉信息的差异性决定了其界面中的“弹出效果”，弹出效果越好，需注意信息的筛选就越轻松。因此，可以通过改变颜色、大小、位置、形状等视觉特征来使目标信息从背景或非目标信息中“跳出来”。其次，注意目标信息的“突出”在整体界面风格上要保持统一，这样才能保证信息用户的注意力不会因为过于分散而无法找到焦点。以色彩为例，其合理的运用可即时表达单位空间内额外的维度。色彩可以用作标记、代表某一特征或事实，亮丽的色彩会使用户快速识别；色彩可以用于程度的测量；色彩还可用于分类，近似色暗示相关联的部分，对比色表示相互独立的部分，能够帮助提升用户的浏览效率等。例如，CitySound的界面在色彩选择上为适应当下的碎片化特征，结合噪声给予人类心理及感官上的不舒适、烦躁感特点，将明度较低、纯度适中的绿色作为主色调，背景多以灰、白的混合渐变为主，在确保主要图形的高效展示的同时，带给使用者舒缓烦躁情绪的体验。此外，色彩的使用不仅使视觉效果和谐、舒适，更重要的是可利用色彩的属性对噪音的项目数据进行分类，噪音分布采用高纯度透明圆形代表噪音正在发生的区域，其密集、大小程度，给予使用者直观的数据信息。

5 结语

在城市公共服务管理中，公民应发挥自主性，与城市其他相关联的部分形成沟通机制，而沟通的界面即数据信息的可视化设计。它能够将噪音检测数据的价值发挥到最大化，让用户更加快捷、有效地关注与监测城市公共空间中的噪音污染现象与源头，共同参与城市的声音管理。但信息可视化的交互设计不仅仅是数据和信息的载体，也是一个数据分享和信息交流的平台，提供给我们的是友好的信息浏览、探索的全新体验，成为智慧城市的“眼睛和大脑”，帮助人们迅速的看清问题、分析问题。不久的将来，数据可视化系统将会以多通道，多感官的数据搜集及体验方式给用户提供更真实的虚拟分析实验室。

参考文献：

[1] DDF.UXPA中国，用户体验百家谈[M].北京：電子工业出版社，2014：109-110.

[2] Maggie Macnab（美）.源于自然的设计[M].北京：机械工业出版社，2012.

[3] 王凯.信息可视化设计[M].辽宁：辽宁科学技术出版社，202：10-13.