智慧城市建設中提升用戶體驗的可視化設計

馬華

摘 要：隨著智慧城市建設的不斷深入，可視化設計已經成為提升用戶體驗和觸發用戶黏性的關鍵。從用戶體驗的角度來看，信息的可視化是以另一種形式存在的信息現象，是從抽象形態到具象形態的轉變。智慧城市大數據的信息可視化圖形設計中，視覺轉化成為設計的首要任務。其主要表現在信息圖形的表達、信息符號的表達和信息視覺設計的表達這三個方面?？梢暬O計的流程主要有分析數據、匹配圖形、優化圖形和檢查測試。需要對信息的內容進行理解，并根據信息表達的需要，進行合理化提取。利用可視化工具進行預設，以實際為基礎，增加人們對圖形的聯想。

關鍵詞：智慧城市；用戶體驗；可視化設計

1 智慧城市與移動互聯

智慧城市以五網融合（互聯網、物聯網、電信網、廣電網、無線寬帶網）為基礎，以云計算和物聯網技術為核心，通過集合技術在城市的各個系統工程中發揮智慧化建設，從而提高城市的管理水平。智慧城市是促進民生建設的城市發展新模式。它既是當下城市化發展中的高階段，又符合成為“美麗中國”展現概念的新載體，它已成為城市發展推動的引擎。同時，智慧城市是信息時代的城市新形態，它將信息技術廣泛應用到城市的規劃、服務和管理過程中，可對城市各類資源進行科學配置，提升城市的競爭力和吸引力，最終實現市民高品質的生活。

智慧城市的發展離不開各種新技術和新模式的應用，在移動互聯網、云計算、物聯網以及大數據的推動下，智慧城市所涉及的領域幾乎無所不包，其中移動互聯網是智慧城市的“神經”，它具有移動化、寬帶化、融合化、便捷化、可定位化、實時性等特征，是建設智慧城市的最佳實踐載體，是智慧城市首當其沖的環節。目前，移動互聯網已經呈現出給人們生活帶來巨大便捷的優勢。

移動互聯網必然會包括三個要素：移動終端、移動網絡和移動應用服務。目前，移動互聯網已快速滲透到人們生活和工作的各個領域，正在深刻改變信息時代的城市生活。智慧城市則更需要通過移動互聯網為居民和企業提供隨時隨地、無縫的服務。一個城市的核心移動應用平臺已經成為智慧城市建設中爭相發展目標。豐富的信息化服務可以拓展信息化應用的時空范圍，無論學習、娛樂、購物、支付還是基于位置的服務，豐富多彩的移動終端應用和商業模式都已日趨成熟，作為三要素之一的移動終端，App的形式已被廣大用戶接受，通過App的日?；褂貌⑼扑推渌麡I務，是移動領域全業務發展的重要方向。

移動領域全業務的發展勢必隨著信息的擴張而遞增，那紛繁復雜的數據會讓我們越來越無所適從，用戶很容易迷失在龐大的數據中。從信息傳播的本質角度來看，信息的可視化是一種數據形式的轉化，傳統的二維信息被轉化為可視的三維信息，進而增加信息的可讀性，降低信息的接受門檻，成為現代信息行業發展的主要方向。

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.