室內導航類App的UI界面設計中信息可視化的應用研究

李敏 劉文佳 鹿峰 王琳

摘 要：隨著時代的變化，人們對于使用導航的方式在不斷地變化，從最原始的依靠自然現象、到后來的指南針和紙質地圖，再到現在的電子地圖和導航軟件等。由于移動設備的快速發展和智能手機的普及，各種導航類的APP如雨后春筍般出現，導航工具也向著便捷與智能的方向發展。伴隨經濟的發展，各大城市的綜合購物中心越來越多。購物過程中發生一些問題也隨之而來，例如，在一些大規模的商場顧客很難確定自己的位置，也無法找到目的地，導致在購物期間浪費大量的時間和精力。由此可見，設計一款能夠為顧客提供室內定位和導航服務的應用是非常有意義的一件事情，而且可以極大地提升用戶的購物體驗。在移動互聯網時代和大數據信息分析的背景下，信息可視化已經從傳統行業向新型行業發展，大型室內空間大數據可視化就是發展方向之一，怎樣以一種易于理解的方式展現數據、內容、實現室內空間導航的視覺化，是本此研究的意義之所在。

關鍵詞：室內導航APP;視覺界面設計;信息可視化設計

中圖分類號：J524文獻標識碼：A文章編號：2096-0905（2020）15-00-02

一、室內導航APP

隨著位置服務APP的深入發展和人們在生活中活動需求的不斷擴大，室內導航和定位服務的需求越來越大，特別是在一些大規模的室內環境中，如商場、醫院、交通樞紐、礦井、監獄和地下車庫等，對室內的導航定位需求在急速增加。因此，為用戶提供基于移動端的室內導航服務的需求就顯得尤為迫切。

但是，室內導航與室外導航相比具有較大差異。從技術層面來說，室內導航類APP還處于起步階段，由于室內的環境復雜多變，還有建筑物墻壁遮擋等因素，室內信息獲取還是比較困難的，而且精確度還很差，使得現有的GPS定位變得困難。所以，現有的射頻識別、WiFi、紅外線、藍牙等定位技術成為了主流導航和定位的技術。隨著室內定位方面的技術向著商業化發展，使得室內定位系統被廣泛應用到實際當中，本文研究的室內導航APP主要通過獲取室內平面的結構圖，來分析和引導路徑。這樣使得用戶快速有效的確定自己的位置和所需目的地。[1]

二、視覺界面設計原則

我們可以把人腦當作一臺強大的識別模式的計算機，它不僅能夠理解著眼睛所能看到的地方，而且，人腦通過眼睛，能夠找出所見事物的重點，管理流入眼睛的海量信息。著名的視覺設計師凱文·米萊和達雷爾·薩諾在《設計視覺界面》一書中進行了總結和概括，提出了視覺界面的設計原則：一是傳達風格/傳播品牌;二是帶領用戶厘清視覺層級;三是在組織的每個級別提供視覺結構和涌流;四是在特定屏幕上告訴用戶能做什么;五是響應命令;六是把注意力吸引到重要事件上;七是建立有凝聚力的視覺系統，保證體驗一致;八是最小化視覺工作量;九是保持簡單。

在當今這個高速發展的信息時代，互聯網平臺的操作使用與軟件技術的運用變得越來越普及流暢。標準化且易于傳播的移動用戶界面則對受眾群體變得十分重要。因此，移動用戶界面設計除了清晰的信息框架以外，還需要通過美觀的視覺界面來吸引受眾，讓受眾的視線始終保持在追視信息上。[2]

在移動用戶界面中，界面視覺效果成為用戶最直接的溝通手段。在設計中運用視覺語言來傳遞所需內容的同時要遵循形式美的界面外觀表現。而在用戶體驗設計中，需要建立與用戶保持頻繁的交流與溝通，通過視覺秩序引導能更好地促進信息的傳遞。移動手機APP軟件界面則可以發揮設計師創意的部分。

三、信息可視化設計

信息可視化（Information visualization）也可稱作信息圖形（Information graphics）或者信息圖（Infographics），是一門跨學科的領域，它是通過研究大規模數據信息的視覺呈現方式，再利用圖像或圖形的視覺呈現方法，來幫助人們快速分析和理解相應的數據信息。關于信息可視化的概念，最早是由斯圖爾特·卡德、約克·麥金利和喬治·羅伯遜創在《Reading in information visualization》中提出的。他們認為，信息可視化是一個從抽象數據到可視化形式的映射過程，在繪制數據的可視化的過程中，將那些抽象的信息映射為有效的可視化形式，并通過人機交互來進一步提高人的感知能力。

隨著計算機科學的發展，現代信息設計、計算機圖形學也隨之發展。自20世紀80年代以來，更是將可視化的概念及其應用推向了研究的前沿。可視化學科發展至今，主要分為三個方向：科學可視化、信息可視化、可視分析。本研究主題是信息可視化這一方向。

在移動大數據信息分析這一背景下，人們如何利用現有的信息進行有效的溝通、互動成為研究的主題。因為人類的視覺永遠是接收和處理信息的主要的方式，所以，這就使得信息可視化設計成為非常有效地信息溝通和交流互動的前提。信息可視化作為大數據時代的產物，它致力于創建最直觀方式來傳達抽象信息。可視化的表達形式與交互技術則是利用人的眼睛通往心靈深處的廣闊帶寬優勢，使得用戶能夠目睹、探索以至快速理解大量的信息。信息可視化是對抽象的、非結構化的數據進行處理，其中包括文本、圖像、地圖、聲音等。

隨著視覺設計工作的延伸，它不但涉及信息技術、圖形處理技術、還涉及認知心理學、符號學、人文教育學等學科。可視化的表達形式與交互設計旨在讓用戶首先能夠看到，然后通過視覺的獲得進而理解大量的信息。通過信息采集、信息構架、視覺轉化、符號傳達這樣的方法來進行信息可視化設計。信息視覺化設計是一個全新的設計領域，在設計領域中的導視系統設計方面信息可視化應用尤為突出。[3]

四、室內導航類App的界面設計中信息可視化設計

設計是用來解決問題并提供好的解決方案的，而信息可視化設計則是用來解決信息處理到實現可視的過程中出現的問題。信息可視化設計的功能總體歸納起來，具體有以下幾種：首先，使繁雜枯燥的文字內容與數據信息變得清晰易懂，并有條理地傳遞給不同需求的用戶群體，使信息能更容易被接受得以認知;其次，不同領域的學科運用信息視覺化設計的可視化或其他感官進行傳達，消除不同專業跨學科間的理解困難;最后，將枯燥的文字內容以及理性的信息內容轉化視覺能感受到的方式進行傳遞，將深層次的內容通過視覺化呈現出來，便于尋找問題及解決問題。不論是學術研究、設計教育還是商業方面的運用，信息可視化設計將分散的無序的信息內容變得集中、有序，讓一切更有邏輯性，清晰直觀易懂，得到更好的理解。[4]

在室內導航APP不同于普通的室內導視系統設計，普通的室內導視設計是借用平面的設計形式，將信息可視化設計運用在室內空間的導視系統中，通過獨立的圖形標識來傳遞信息的屬性，通過識別性指引方向和介紹相關位置。其作用就是負責把空間信息內容通過有效的視覺秩序傳達給受眾群體，保證每一位受眾群體都可以理解信息。伴隨著界面設計在全球的火熱發展，界面設計已經達成基本共識。而一款好的室內導航界面設計不僅讓產品有個性，還將空間信息內容通過手機界面傳達給用戶，使用戶能夠有更好的購物體驗。

在UI設計中一般來說，信息是通過對色彩、圖形、文字、版式等視覺要素的進行版面的設計或者信息圖表設計，借用視覺語言工具，建立抽象信息和視覺形式之間的內在聯系，來實現信息的視覺轉化的。室內導航APP的界面設計來看，它更需要從視覺的出發點思考對使用者的想法的預判及對使用場景和使用方式的考量。從信息可視化設計的方法入手，通過商鋪信息逐個采集，導視信息構架的確立，再到視覺設計將信息轉化，最后設計出符號傳達所需信息。

五、結束語

本文通過對室內導航APP、視覺界面設計以及信息可視化設計進行全方位的分析，以視覺設計作為切入點，室內導航作為創新點，著力探討了信息可視化在界面設計中發揮的作用，在室內導航APP界面設計過程中如何將視覺界面設計原則與信息可視化設計方法融入設計中。信息可視化在各行各業中隨處可見，借用視覺語言工具，建立抽象信息和視覺形式之間的內在聯系，并利用信息可視化這種優秀的溝通方式與交流著建立起高效的信息流通模式。信息可視化的發展空間不止局限于室內導航范疇之內。時代的發展給信息可視化帶來體現在各行各業，經過本次研究，希望在未來在信息可視化領域有更多嘗試，有更多的機會參與這方面的研究。

參考文獻：

[1]魯曉波，詹炳宏編著.數字圖形界面藝術設計[M].北京：清華大學出版社，2006.

[2]陳秋嫻.大型商場室內導航導購系統的設計與實現[J].信息與電腦，2020（04）：113-114.

[3]王琪.基于智能手機的停車導航系統設計[J].物聯網技術，2020（04）：93-95.

[4]史偉.醫院室內定位導航系統的設計與實現[J].遼寧工業大學學報（自然科學版），2020（02）：88-91.