CitySound

王婧

摘 要：大數(shù)據(jù)時代，信息可視化作為數(shù)據(jù)信息呈現(xiàn)的有效媒介成為當(dāng)下的熱點(diǎn)，其背景下的交互設(shè)計(jì)在了解目標(biāo)用戶及其期望的基礎(chǔ)上，給予使用者行為、心理上更有效、舒適的用戶體驗(yàn)，使得數(shù)據(jù)的價值發(fā)揮到最大化。本文從城市公共空間的噪音污染這一現(xiàn)實(shí)情況出發(fā)，探討信息可視化的交互設(shè)計(jì)方法在其問題解決上的實(shí)際應(yīng)用，達(dá)到用戶協(xié)同檢測及監(jiān)管城市噪音污染的目的，期望在數(shù)據(jù)分享及交流的平臺上增強(qiáng)其社會主人翁及環(huán)保意識。

關(guān)鍵詞：數(shù)據(jù)；信息可視化；交互設(shè)計(jì)；城市噪音污染；群體意識

1 概況

在2014年世界衛(wèi)生組織和歐盟研究中心發(fā)布的《噪音污染導(dǎo)致的疾病負(fù)擔(dān)》統(tǒng)計(jì)顯示，噪音危害的程度僅次于空氣污染。全國有近2/3的城市居民生活在噪音污染的環(huán)境。當(dāng)前我國城市公共空間的噪音污染的檢測多局限于較為宏觀的地域單元。雖然當(dāng)下噪聲數(shù)據(jù)采集及研究的方式和工具都有了明顯提升，但多數(shù)地區(qū)仍采用傳統(tǒng)監(jiān)測方法，出現(xiàn)了監(jiān)測管理滯后。所以不應(yīng)僅僅靠政府部門的一方數(shù)據(jù)，還應(yīng)該結(jié)合城市居民的舉報(bào)跟投訴，加強(qiáng)政府與城市居民的互動與協(xié)作，完善噪音污染監(jiān)測管理。

2 眾籌城市環(huán)境的新模式

當(dāng)今，手持智能移動設(shè)備量每年在成倍遞增，這相當(dāng)于每個用戶至少手持一部傳感器，這是相當(dāng)龐大的數(shù)據(jù)搜集能力。市場中，如DecibleMe和哇咔噪音等相關(guān)移動應(yīng)用，其功能多局限在噪音的智能檢測、噪音分類以及噪音科普知識等，較單一。如果將市民搜集數(shù)據(jù)的能力利用起來，建立一個城市噪音信息的開源平臺，用戶自下而上生成數(shù)據(jù)及內(nèi)容，并實(shí)時更新信息，不僅推動大眾對城市環(huán)境問題的關(guān)注，更能從側(cè)面監(jiān)督政府對城市環(huán)境的監(jiān)管力度，共同營造和諧的生活環(huán)境。

3 噪音數(shù)據(jù)檢測的交互式分析

3.1 任務(wù)驅(qū)動的交互操作

交互設(shè)計(jì)是關(guān)于創(chuàng)建用戶體驗(yàn)的設(shè)計(jì)，其目的是增強(qiáng)和擴(kuò)充人們工作、通信及交互的方式，是關(guān)于人類交流和交互空間的設(shè)計(jì)。因此，單純通過豐富技術(shù)手段來提升可視化的有效性已不能完全滿足用戶的信息需求，信息可視化中的交互設(shè)計(jì)將直接影響操作結(jié)果與用戶感受。CitySound是一款基于用戶的檢測數(shù)據(jù)上傳，通過分享及參與的過程中，幫助政府監(jiān)測城市的噪音發(fā)生情況，提高治理噪音污染效率的一款應(yīng)用型APP。操作過程中具有特定的操作任務(wù)，這就決定了交互操作的設(shè)計(jì)需要依據(jù)具體的任務(wù)流程進(jìn)行。這要求用戶需要在海量數(shù)據(jù)中迅速、有效地發(fā)現(xiàn)隱藏在信息內(nèi)部的特征和規(guī)律。尤其考慮到噪音發(fā)生的地理環(huán)境較為惡劣，并且移動終端設(shè)備處在不規(guī)則的地理位置的轉(zhuǎn)換中，這就為交互式的操作方式提出了更加苛刻的要求。

CitySound主要基于兩個部分：一是用戶個人界面。二是噪音數(shù)據(jù)地圖。主頁面打開即可顯示出用戶此時所處環(huán)境的情況，從主頁面到上傳信息只需要一個頁面的轉(zhuǎn)換。

“新發(fā)聲”的地圖板塊（圖1），用戶擁有了更多數(shù)據(jù)采集及收集的選擇，打破其在城市中對聲音認(rèn)識的局限，開闊用戶對聲音的關(guān)注視野，將傳統(tǒng)噪音地圖呈現(xiàn)地更加多元化。交互操作手勢是交互設(shè)計(jì)中不可缺少的一個環(huán)節(jié)，這是對通過對待解決任務(wù)進(jìn)行層次化的子任務(wù)分解，在確定各子任務(wù)執(zhí)行的先后順序后，來明確各交互視圖和頁面之間的跳轉(zhuǎn)過程，并支撐相應(yīng)合適的交互操作方式。例如，點(diǎn)擊、輸入、跳轉(zhuǎn)、拖拽、縮放等操作步驟，CitySound多采用頁面的左右滑動，而盡量避免精確點(diǎn)擊，以減少用戶重復(fù)操作的情況出現(xiàn)。此外，在實(shí)際應(yīng)用中通常也需要考慮交互操作與視圖之間的聯(lián)動關(guān)系，即一個交互操作會影響當(dāng)前數(shù)據(jù)顯示的形式，而這種聯(lián)動變化就形成了視圖變換。用戶點(diǎn)擊搜索框，根據(jù)特定地點(diǎn)進(jìn)行搜索，對話框的下拉彈出給予用戶更為直接的視覺顯示，地圖將顯示出不同用戶上傳的噪聲舉報(bào)信息，而進(jìn)入具體信息，方便使用者參與此噪音發(fā)起活動并深入了解。

3.2 任務(wù)驅(qū)動的交互操作

可視化不僅能讓單個用戶參與到數(shù)據(jù)分析中，更能依托互聯(lián)網(wǎng)成為一個數(shù)據(jù)分享和信息交流的平臺，使得更多的用戶一起來對數(shù)據(jù)進(jìn)行分析和利用。用戶在CitySound，通過便利的交互方式、有效查看和使用海量數(shù)據(jù)、根據(jù)用戶需求控制數(shù)據(jù)的顯示和抽取、直觀地發(fā)現(xiàn)隱藏在數(shù)據(jù)內(nèi)部的特征及規(guī)律等，為城市公共空間噪音污染情況的存在與發(fā)生及解決提供有力的依據(jù)。因此，信息可視化中的交互設(shè)計(jì)應(yīng)該從原始數(shù)據(jù)的轉(zhuǎn)換開始，并貫穿于視覺轉(zhuǎn)換、用戶操作的整個始終，用戶在處理城市噪音數(shù)據(jù)過程中，控制數(shù)據(jù)轉(zhuǎn)化視覺過程中的各個階段以獲取信息。根據(jù)“城市發(fā)聲”中的交互流程、框架對交互操作的細(xì)化，不僅幫助用戶有效的控制數(shù)據(jù)的顯示和抽取，更是引導(dǎo)用戶完成分析任務(wù)。用戶界面工具的放置，亦應(yīng)采用最自然的操作方式，在即時、準(zhǔn)確的信息反饋中，讓用戶達(dá)到“流”的體驗(yàn)狀態(tài)。

“城市發(fā)聲”的使用者將自己的檢測數(shù)據(jù)上傳到城市地圖的公共平臺上，系統(tǒng)自動生成可視化，用戶還可以加上自己的評論及分析，并分享給其他的用戶或政府，人們通過可視化對數(shù)據(jù)進(jìn)行分析，所得到反饋，也將顯示在自己的個人中心當(dāng)中。這個過程不斷循環(huán)往復(fù)，從而實(shí)現(xiàn)了真正的協(xié)同數(shù)據(jù)分析，使我們可以依賴群體的智慧來應(yīng)對大數(shù)據(jù)帶來的挑戰(zhàn)。而這，正是互聯(lián)網(wǎng)的精神所在。

4 噪音檢測數(shù)據(jù)的高效呈現(xiàn)

數(shù)據(jù)信息可視化在產(chǎn)品設(shè)計(jì)和交流溝通中充分運(yùn)用人類對圖像、圖形等可視模塊快速識別的能力，通過有效的可視畫面，來觀察、分析、研究、過濾和理解大量的數(shù)據(jù)，實(shí)現(xiàn)的是人與信息間的可視化界面。因此，噪音檢測數(shù)據(jù)的信息可視化設(shè)計(jì)是解決其高效呈現(xiàn)的第一個課題，也是影響到用戶體驗(yàn)至關(guān)重要的因素。

4.1 信息元素的恰當(dāng)視覺表達(dá)

噪音本身的特質(zhì)具有即時性與可變性，這要求我們在體現(xiàn)“噪音”這一變量時需展現(xiàn)它的實(shí)時性。用戶打開應(yīng)用，第一界面即當(dāng)下所處環(huán)境的聲音環(huán)境的質(zhì)量情況，將噪音數(shù)據(jù)的維度映射到可視維度。視覺元素中的點(diǎn)、線、面、體、圖標(biāo)、文字、甚至是照片的顏色、大小、長短、透明度、密度等，以混合使用這些視覺元素的方式，恰當(dāng)?shù)恼故緮?shù)據(jù)的各個維度，只有合乎用戶心智模型的視覺形式才能自然、有效地將數(shù)據(jù)中隱含的信息和知識傳達(dá)出來。例如，主頁面采用簡單的圖形排列，展現(xiàn)噪音的不穩(wěn)定性，其不規(guī)則的波動互動展示，用戶可清晰的感應(yīng)當(dāng)前噪聲發(fā)生的自然軌跡，方便用戶（下轉(zhuǎn)第頁）（上接第頁）以直觀的方式獲取噪音信息。當(dāng)噪聲的音量超過一定的規(guī)定數(shù)值，與主頁面對比極強(qiáng)的紅色將告訴使用者，當(dāng)前噪聲超標(biāo)的等級，配上下列準(zhǔn)確的數(shù)值顯示，更加清晰明了。記憶中的經(jīng)驗(yàn)知識是提高信息獲取和理解效率的關(guān)鍵。一個信息用戶對信息獲取和理解的經(jīng)驗(yàn)知識越豐富，就越能夠從可視化界面中提取出自己所需要的信息內(nèi)容。相比文字，圖片所創(chuàng)造出的實(shí)體空間，是顯示其噪音具體信息及當(dāng)時環(huán)境的有力視覺傳達(dá)，在“新發(fā)聲”的地圖板塊中，用戶通過搜索或隨即點(diǎn)擊地圖的位置，可獲得當(dāng)?shù)氐木唧w噪音污染信息。

4.2 幫助用戶發(fā)現(xiàn)問題的視覺呈現(xiàn)

在視覺元素的運(yùn)用上，頁面的合理分配與協(xié)調(diào)處理能更好地引導(dǎo)用戶注意數(shù)據(jù)信息，首先保持視覺的清晰性，避免干擾信息的出現(xiàn)。例如，視覺信息的差異性決定了其界面中的“彈出效果”，彈出效果越好，需注意信息的篩選就越輕松。因此，可以通過改變顏色、大小、位置、形狀等視覺特征來使目標(biāo)信息從背景或非目標(biāo)信息中“跳出來”。其次，注意目標(biāo)信息的“突出”在整體界面風(fēng)格上要保持統(tǒng)一，這樣才能保證信息用戶的注意力不會因?yàn)檫^于分散而無法找到焦點(diǎn)。以色彩為例，其合理的運(yùn)用可即時表達(dá)單位空間內(nèi)額外的維度。色彩可以用作標(biāo)記、代表某一特征或事實(shí)，亮麗的色彩會使用戶快速識別；色彩可以用于程度的測量；色彩還可用于分類，近似色暗示相關(guān)聯(lián)的部分，對比色表示相互獨(dú)立的部分，能夠幫助提升用戶的瀏覽效率等。例如，CitySound的界面在色彩選擇上為適應(yīng)當(dāng)下的碎片化特征，結(jié)合噪聲給予人類心理及感官上的不舒適、煩躁感特點(diǎn)，將明度較低、純度適中的綠色作為主色調(diào)，背景多以灰、白的混合漸變?yōu)橹鳎诖_保主要圖形的高效展示的同時，帶給使用者舒緩煩躁情緒的體驗(yàn)。此外，色彩的使用不僅使視覺效果和諧、舒適，更重要的是可利用色彩的屬性對噪音的項(xiàng)目數(shù)據(jù)進(jìn)行分類，噪音分布采用高純度透明圓形代表噪音正在發(fā)生的區(qū)域，其密集、大小程度，給予使用者直觀的數(shù)據(jù)信息。

5 結(jié)語

在城市公共服務(wù)管理中，公民應(yīng)發(fā)揮自主性，與城市其他相關(guān)聯(lián)的部分形成溝通機(jī)制，而溝通的界面即數(shù)據(jù)信息的可視化設(shè)計(jì)。它能夠?qū)⒃胍魴z測數(shù)據(jù)的價值發(fā)揮到最大化，讓用戶更加快捷、有效地關(guān)注與監(jiān)測城市公共空間中的噪音污染現(xiàn)象與源頭，共同參與城市的聲音管理。但信息可視化的交互設(shè)計(jì)不僅僅是數(shù)據(jù)和信息的載體，也是一個數(shù)據(jù)分享和信息交流的平臺，提供給我們的是友好的信息瀏覽、探索的全新體驗(yàn)，成為智慧城市的“眼睛和大腦”，幫助人們迅速的看清問題、分析問題。不久的將來，數(shù)據(jù)可視化系統(tǒng)將會以多通道，多感官的數(shù)據(jù)搜集及體驗(yàn)方式給用戶提供更真實(shí)的虛擬分析實(shí)驗(yàn)室。

參考文獻(xiàn)：

[1] DDF.UXPA中國，用戶體驗(yàn)百家談[M].北京：電子工業(yè)出版社，2014：109-110.

[2] Maggie Macnab（美）.源于自然的設(shè)計(jì)[M].北京：機(jī)械工業(yè)出版社，2012.

[3] 王凱.信息可視化設(shè)計(jì)[M].遼寧：遼寧科學(xué)技術(shù)出版社，202：10-13.