智慧城市建設(shè)中提升用戶(hù)體驗(yàn)的可視化設(shè)計(jì)

馬華

摘 要：隨著智慧城市建設(shè)的不斷深入，可視化設(shè)計(jì)已經(jīng)成為提升用戶(hù)體驗(yàn)和觸發(fā)用戶(hù)黏性的關(guān)鍵。從用戶(hù)體驗(yàn)的角度來(lái)看，信息的可視化是以另一種形式存在的信息現(xiàn)象，是從抽象形態(tài)到具象形態(tài)的轉(zhuǎn)變。智慧城市大數(shù)據(jù)的信息可視化圖形設(shè)計(jì)中，視覺(jué)轉(zhuǎn)化成為設(shè)計(jì)的首要任務(wù)。其主要表現(xiàn)在信息圖形的表達(dá)、信息符號(hào)的表達(dá)和信息視覺(jué)設(shè)計(jì)的表達(dá)這三個(gè)方面?？梢暬O(shè)計(jì)的流程主要有分析數(shù)據(jù)、匹配圖形、優(yōu)化圖形和檢查測(cè)試。需要對(duì)信息的內(nèi)容進(jìn)行理解，并根據(jù)信息表達(dá)的需要，進(jìn)行合理化提取。利用可視化工具進(jìn)行預(yù)設(shè)，以實(shí)際為基礎(chǔ)，增加人們對(duì)圖形的聯(lián)想。

關(guān)鍵詞：智慧城市；用戶(hù)體驗(yàn)；可視化設(shè)計(jì)

1 智慧城市與移動(dòng)互聯(lián)

智慧城市以五網(wǎng)融合（互聯(lián)網(wǎng)、物聯(lián)網(wǎng)、電信網(wǎng)、廣電網(wǎng)、無(wú)線寬帶網(wǎng)）為基礎(chǔ)，以云計(jì)算和物聯(lián)網(wǎng)技術(shù)為核心，通過(guò)集合技術(shù)在城市的各個(gè)系統(tǒng)工程中發(fā)揮智慧化建設(shè)，從而提高城市的管理水平。智慧城市是促進(jìn)民生建設(shè)的城市發(fā)展新模式。它既是當(dāng)下城市化發(fā)展中的高階段，又符合成為“美麗中國(guó)”展現(xiàn)概念的新載體，它已成為城市發(fā)展推動(dòng)的引擎。同時(shí)，智慧城市是信息時(shí)代的城市新形態(tài)，它將信息技術(shù)廣泛應(yīng)用到城市的規(guī)劃、服務(wù)和管理過(guò)程中，可對(duì)城市各類(lèi)資源進(jìn)行科學(xué)配置，提升城市的競(jìng)爭(zhēng)力和吸引力，最終實(shí)現(xiàn)市民高品質(zhì)的生活。

智慧城市的發(fā)展離不開(kāi)各種新技術(shù)和新模式的應(yīng)用，在移動(dòng)互聯(lián)網(wǎng)、云計(jì)算、物聯(lián)網(wǎng)以及大數(shù)據(jù)的推動(dòng)下，智慧城市所涉及的領(lǐng)域幾乎無(wú)所不包，其中移動(dòng)互聯(lián)網(wǎng)是智慧城市的“神經(jīng)”，它具有移動(dòng)化、寬帶化、融合化、便捷化、可定位化、實(shí)時(shí)性等特征，是建設(shè)智慧城市的最佳實(shí)踐載體，是智慧城市首當(dāng)其沖的環(huán)節(jié)。目前，移動(dòng)互聯(lián)網(wǎng)已經(jīng)呈現(xiàn)出給人們生活帶來(lái)巨大便捷的優(yōu)勢(shì)。

移動(dòng)互聯(lián)網(wǎng)必然會(huì)包括三個(gè)要素：移動(dòng)終端、移動(dòng)網(wǎng)絡(luò)和移動(dòng)應(yīng)用服務(wù)。目前，移動(dòng)互聯(lián)網(wǎng)已快速滲透到人們生活和工作的各個(gè)領(lǐng)域，正在深刻改變信息時(shí)代的城市生活。智慧城市則更需要通過(guò)移動(dòng)互聯(lián)網(wǎng)為居民和企業(yè)提供隨時(shí)隨地、無(wú)縫的服務(wù)。一個(gè)城市的核心移動(dòng)應(yīng)用平臺(tái)已經(jīng)成為智慧城市建設(shè)中爭(zhēng)相發(fā)展目標(biāo)。豐富的信息化服務(wù)可以拓展信息化應(yīng)用的時(shí)空范圍，無(wú)論學(xué)習(xí)、娛樂(lè)、購(gòu)物、支付還是基于位置的服務(wù)，豐富多彩的移動(dòng)終端應(yīng)用和商業(yè)模式都已日趨成熟，作為三要素之一的移動(dòng)終端，App的形式已被廣大用戶(hù)接受，通過(guò)App的日?；褂貌⑼扑推渌麡I(yè)務(wù)，是移動(dòng)領(lǐng)域全業(yè)務(wù)發(fā)展的重要方向。

移動(dòng)領(lǐng)域全業(yè)務(wù)的發(fā)展勢(shì)必隨著信息的擴(kuò)張而遞增，那紛繁復(fù)雜的數(shù)據(jù)會(huì)讓我們?cè)絹?lái)越無(wú)所適從，用戶(hù)很容易迷失在龐大的數(shù)據(jù)中。從信息傳播的本質(zhì)角度來(lái)看，信息的可視化是一種數(shù)據(jù)形式的轉(zhuǎn)化，傳統(tǒng)的二維信息被轉(zhuǎn)化為可視的三維信息，進(jìn)而增加信息的可讀性，降低信息的接受門(mén)檻，成為現(xiàn)代信息行業(yè)發(fā)展的主要方向。

2 信息可視化設(shè)計(jì)

2.1 智慧城市建設(shè)中信息可視化的合理性

信息可視化，旨在把數(shù)據(jù)資料以視覺(jué)化的方式表現(xiàn)出來(lái)，是一種將數(shù)據(jù)與設(shè)計(jì)結(jié)合起來(lái)的圖形，是有利于簡(jiǎn)短而有效地向用戶(hù)傳播信息的數(shù)據(jù)表現(xiàn)形式。因此，立足于智慧城市的信息行業(yè)的發(fā)展實(shí)際，應(yīng)從圖形設(shè)計(jì)角度出發(fā)，將可視化作為解決這些問(wèn)題的有效手段，通過(guò)視覺(jué)的方式讓信息易于理解。使真實(shí)的人通過(guò)與智慧城市形態(tài)上相連，構(gòu)造真實(shí)的現(xiàn)代生活方式。

隨著智慧城市建設(shè)的深入發(fā)展，智慧城市的可視化設(shè)計(jì)的合理性已經(jīng)成為觸發(fā)用戶(hù)黏性的關(guān)鍵，從用戶(hù)體驗(yàn)的角度來(lái)看，信息的可視化是以另一種形式存在的信息現(xiàn)象，是從抽象形態(tài)到具象形態(tài)的轉(zhuǎn)變。從設(shè)計(jì)學(xué)角度對(duì)信息可視化進(jìn)行分析，其實(shí)質(zhì)是信息的內(nèi)涵本質(zhì)能否得以保留，是說(shuō)故事的一種手段，但是外在表現(xiàn)形式上以比較適當(dāng)?shù)姆绞剑瑢?shí)現(xiàn)了對(duì)數(shù)據(jù)信息的分析之后，能夠讓數(shù)據(jù)與信息之間通過(guò)合適的方式進(jìn)行傳播，讓復(fù)雜難懂的數(shù)據(jù)易于理解。同時(shí)為了能夠讓數(shù)據(jù)信息更加易于用戶(hù)的理解，在信息可視化設(shè)計(jì)中，采用圖形、媒介等形式，對(duì)信息內(nèi)容進(jìn)行分解與翻譯。從而實(shí)現(xiàn)以信息為主導(dǎo)的可視化設(shè)計(jì)。

在用戶(hù)與信息之間的可視化空間范圍內(nèi)，我們的生活一直被多種多樣的信息包圍著，有些信息是有效的，而有些信息是無(wú)效，大量的信息使得人們?cè)谛畔⒌睦斫夂瓦x擇上陷入徘徊，對(duì)于信息的可視化能否有效地幫助人們走出無(wú)效信息產(chǎn)生的交流，需要凸顯隱性?xún)?nèi)容和接受之間實(shí)現(xiàn)用戶(hù)與信息能有效傳播，是重新定義信息可視化的視覺(jué)設(shè)計(jì)方式，這將給設(shè)計(jì)師面臨信息的一次挑戰(zhàn)。

2.2 可視化設(shè)計(jì)中的視覺(jué)轉(zhuǎn)化

智慧城市大數(shù)據(jù)的信息可視化圖形設(shè)計(jì)中，視覺(jué)轉(zhuǎn)化成為設(shè)計(jì)的首要任務(wù)。文字表達(dá)向著圖形表達(dá)中轉(zhuǎn)化，就是一種完成了圖形設(shè)計(jì)的視覺(jué)轉(zhuǎn)化最直觀的類(lèi)型。將比較抽象的信息轉(zhuǎn)化為用戶(hù)比較熟悉的符號(hào)，將復(fù)雜的信息簡(jiǎn)單化地傳遞給用戶(hù)。視覺(jué)轉(zhuǎn)化實(shí)際上是一種創(chuàng)意行為，是通過(guò)信息采集到清晰的信息邏輯架構(gòu)搭建的創(chuàng)新活動(dòng)。然后在可視化的載體上實(shí)現(xiàn)需求。

因此，數(shù)據(jù)加上一個(gè)故事并通過(guò)設(shè)計(jì)圖形來(lái)呈現(xiàn)就等于可視化設(shè)計(jì)。App 應(yīng)用中的信息視覺(jué)語(yǔ)言就具備這樣表達(dá)的規(guī)律性，其主要表現(xiàn)在以下三方面：第一，信息圖形的表達(dá)；第二，信息符號(hào)的表達(dá)；第三，信息視覺(jué)設(shè)計(jì)的表達(dá)。進(jìn)行可視化之前，需要從一個(gè)問(wèn)題開(kāi)始，弄清楚進(jìn)行可視化設(shè)計(jì)的目的是什么，你想講什么樣的故事，以及你打算跟誰(shuí)講等問(wèn)題。比如一周天氣的變化情況用怎么樣方式呈現(xiàn)出來(lái)。

故事的背后一定需要數(shù)據(jù)的支撐，并且有對(duì)數(shù)據(jù)處理的方法，通過(guò)對(duì)原始數(shù)據(jù)進(jìn)行標(biāo)準(zhǔn)化、結(jié)構(gòu)化的處理，把它們整理成數(shù)據(jù)表，找到合理的邏輯關(guān)系，將這些數(shù)值轉(zhuǎn)換成視覺(jué)結(jié)構(gòu)（包括形狀、位置、尺寸、值、方向、色彩、紋理等），通過(guò)視覺(jué)的方式把它表現(xiàn)出來(lái)。例如，將高中低的等級(jí)轉(zhuǎn)換成紅黃藍(lán)等色彩，數(shù)值轉(zhuǎn)換成大小。將視覺(jué)結(jié)構(gòu)進(jìn)行組合，把它轉(zhuǎn)換成圖形傳遞給用戶(hù)，用戶(hù)通過(guò)終端進(jìn)行人機(jī)交互。通過(guò)多次迭代，最后，我們選擇一些好的可視化的方法。

信息圖形的表達(dá)，可視化能夠以圖的形式為載體通過(guò)對(duì)圖形的合理選擇、實(shí)現(xiàn)圖形的真實(shí)運(yùn)行場(chǎng)景到排列次序。在這個(gè)環(huán)節(jié)中，信息感召力突出，實(shí)現(xiàn)了語(yǔ)境與文字之間的聯(lián)系。

信息符號(hào)的表達(dá)，其符號(hào)特征能夠是平面或立體，固態(tài)或動(dòng)態(tài)等形式，目的就是能夠讓信息更加的明確和簡(jiǎn)潔，以符號(hào)的特定含義，增加圖形的魅力。進(jìn)行符號(hào)的設(shè)計(jì)過(guò)程中，主要是符號(hào)語(yǔ)言與文字語(yǔ)言之間的相互轉(zhuǎn)換，增加信息的象征性，進(jìn)而能夠讓信息更加的流暢。因此，圖形設(shè)計(jì)中的符號(hào)設(shè)計(jì)是信息可視化中另外一個(gè)重要的載體，是用戶(hù)認(rèn)識(shí)事物的一種簡(jiǎn)化方式。在實(shí)際的信息化設(shè)計(jì)中，要求設(shè)計(jì)師在有限的圖形中，將大量的數(shù)據(jù)進(jìn)行有序化處理，從而消除文字信息所帶來(lái)的視覺(jué)障礙，實(shí)現(xiàn)有形的圖形中蘊(yùn)藏著無(wú)形的信息資源。

信息視覺(jué)設(shè)計(jì)的表達(dá)，是指直接信息的視覺(jué)圖形轉(zhuǎn)化，也就是根據(jù)信息所要傳達(dá)的方向，通過(guò)設(shè)計(jì)師的直覺(jué)引導(dǎo)，進(jìn)行創(chuàng)作，通過(guò)大量的數(shù)據(jù)信息之間的分析，進(jìn)而得到比較直接且清晰的信息傳達(dá)方式。例如，在城市地鐵電子路線圖設(shè)計(jì)中，為了向人們展示比較完好的地鐵線路，在實(shí)際的圖形設(shè)計(jì)中突破了傳統(tǒng)圖形設(shè)計(jì)中的比例尺的束縛，對(duì)空間的位置以及站點(diǎn)之間的距離進(jìn)行簡(jiǎn)化。忽視了地鐵站點(diǎn)之間的真實(shí)距離，采取類(lèi)似間隔的形式，實(shí)現(xiàn)不同站點(diǎn)之間的標(biāo)出。在不同地鐵線路中的設(shè)計(jì)中，采用不同顏色線條，作為線路的區(qū)分，并用加粗的點(diǎn)來(lái)表示換乘站等等相應(yīng)的設(shè)計(jì)方法。在以上實(shí)例中的所用的線條、顏色以及加粗點(diǎn)都是直接圖形設(shè)計(jì)的具體表現(xiàn)。

由此可見(jiàn)，智慧城市的信息設(shè)計(jì)就猶如一個(gè)好的故事，并且有大量的情節(jié)可進(jìn)行描述，以圖形的方式加上一些設(shè)計(jì)的引導(dǎo)，就構(gòu)成整個(gè)數(shù)據(jù)信息的可視化。

2.3 可視化設(shè)計(jì)流程

另外，一個(gè)好的流程可以讓我們事半功倍，可視化的設(shè)計(jì)流程主要有分析數(shù)據(jù)、匹配圖形、優(yōu)化圖形、檢查測(cè)試。

首先，在了解用戶(hù)需求的基礎(chǔ)上分析我們要展示哪些數(shù)據(jù)，對(duì)所要表達(dá)的信息中的功能要素、相關(guān)重點(diǎn)數(shù)據(jù)進(jìn)行處理，實(shí)現(xiàn)對(duì)原始數(shù)據(jù)的收集與整理。以便對(duì)信息的內(nèi)容進(jìn)行理解，然后根據(jù)信息表達(dá)的需要，進(jìn)行合理化提取。一方面要實(shí)現(xiàn)圖形設(shè)計(jì)的功能，另一方面實(shí)現(xiàn)信息的良好表達(dá)。一個(gè)簡(jiǎn)單的例子，我們常常對(duì)城市的公共場(chǎng)所中衛(wèi)生間男女符號(hào)進(jìn)行設(shè)計(jì)時(shí)，需要設(shè)計(jì)師對(duì)男女表象差別進(jìn)行分析，對(duì)信息進(jìn)行良好處理之后，應(yīng)用到實(shí)際中，對(duì)數(shù)據(jù)信息進(jìn)行翔實(shí)的傳遞。

其次，我們利用可視化工具進(jìn)行預(yù)設(shè)，圖形視覺(jué)要素的選擇主要是依靠視知覺(jué)來(lái)實(shí)現(xiàn)，人的視覺(jué)能夠?qū)δ骋皇挛锂a(chǎn)生綜合反映。例如，進(jìn)行北京霧霾這樣一個(gè)主題的視覺(jué)設(shè)計(jì)，要利用霧霾天氣最為直觀的視覺(jué)體驗(yàn)進(jìn)行圖形表達(dá)，這樣我們可以以灰色為作品背景，佇立著一個(gè)暗色的站牌，上面寫(xiě)著“北京”，在這兩個(gè)簡(jiǎn)單的意象構(gòu)成中，人們能夠馬上想霧霾的景象，不需要多余的文字來(lái)贅述，霧霾所帶來(lái)的消極影響躍然而出，然后能夠使用戶(hù)陷入帶著口罩的場(chǎng)景中，這些信息都是人們通過(guò)簡(jiǎn)單的背景顏色能夠聯(lián)想到的情境。圖形設(shè)計(jì)原則，需要以實(shí)際為基礎(chǔ)，不能脫離體驗(yàn)，增加人們對(duì)圖形的聯(lián)想。

3 結(jié)語(yǔ)

智慧城市建設(shè)需要使用信息可視化的方法來(lái)使人們獲得更好的用戶(hù)體驗(yàn)。在信息可視化與大數(shù)據(jù)時(shí)代中，通過(guò)視覺(jué)設(shè)計(jì)使智慧城市的各種服務(wù)更貼近用戶(hù)。加強(qiáng)城市與人之間的聯(lián)系是通過(guò)對(duì)信息可視化的視覺(jué)轉(zhuǎn)化進(jìn)行研究而不斷深入的。將圖形視覺(jué)轉(zhuǎn)化分為信息視覺(jué)表達(dá)、直接信息的視覺(jué)轉(zhuǎn)化以及間接信息的視覺(jué)轉(zhuǎn)化是智慧城市發(fā)展必然要關(guān)注并實(shí)踐的領(lǐng)域。

參考文獻(xiàn)：

[1] 鄭楊碩.信息交互設(shè)計(jì)方式的歷史演進(jìn)研究[D].武漢理工大學(xué)，2013.

[2] 胡小妹.信息可視化設(shè)計(jì)與公共行為研究[D].中央美術(shù)學(xué)院，2014.

[3] 聶自超.城市形象系統(tǒng)的信息可視化設(shè)計(jì)研究[D].東南大學(xué)，2015.

[4] 邁克爾·巴蒂，安德魯·哈德遜-史密斯，陳宇琳.城市設(shè)計(jì)中的可視化分析、智慧城市與大數(shù)據(jù)[J].城市設(shè)計(jì)，2016（03）：6-15.

[5] 潘慧.城市設(shè)計(jì)的數(shù)字化生存[D].吉林建筑大學(xué)，2015.

[6] 方學(xué)兵.人機(jī)界面信息視覺(jué)化設(shè)計(jì)研究[D].合肥工業(yè)大學(xué)，2010.

[7] 胡飛.藝術(shù)設(shè)計(jì)符號(hào)的形式、意義及運(yùn)用研究[D].武漢理工大學(xué)，2002.

[8] 鄧穎星.手機(jī)界面的人性化設(shè)計(jì)[D].江南大學(xué)，2005.