室內(nèi)導(dǎo)航類App的UI界面設(shè)計(jì)中信息可視化的應(yīng)用研究

李敏 劉文佳 鹿峰 王琳

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

關(guān)鍵詞：室內(nèi)導(dǎo)航APP;視覺(jué)界面設(shè)計(jì);信息可視化設(shè)計(jì)

中圖分類號(hào)：J524文獻(xiàn)標(biāo)識(shí)碼：A文章編號(hào)：2096-0905（2020）15-00-02

一、室內(nèi)導(dǎo)航APP

隨著位置服務(wù)APP的深入發(fā)展和人們?cè)谏钪谢顒?dòng)需求的不斷擴(kuò)大，室內(nèi)導(dǎo)航和定位服務(wù)的需求越來(lái)越大，特別是在一些大規(guī)模的室內(nèi)環(huán)境中，如商場(chǎng)、醫(yī)院、交通樞紐、礦井、監(jiān)獄和地下車庫(kù)等，對(duì)室內(nèi)的導(dǎo)航定位需求在急速增加。因此，為用戶提供基于移動(dòng)端的室內(nèi)導(dǎo)航服務(wù)的需求就顯得尤為迫切。

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

二、視覺(jué)界面設(shè)計(jì)原則

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

在當(dāng)今這個(gè)高速發(fā)展的信息時(shí)代，互聯(lián)網(wǎng)平臺(tái)的操作使用與軟件技術(shù)的運(yùn)用變得越來(lái)越普及流暢。標(biāo)準(zhǔn)化且易于傳播的移動(dòng)用戶界面則對(duì)受眾群體變得十分重要。因此，移動(dòng)用戶界面設(shè)計(jì)除了清晰的信息框架以外，還需要通過(guò)美觀的視覺(jué)界面來(lái)吸引受眾，讓受眾的視線始終保持在追視信息上。[2]

在移動(dòng)用戶界面中，界面視覺(jué)效果成為用戶最直接的溝通手段。在設(shè)計(jì)中運(yùn)用視覺(jué)語(yǔ)言來(lái)傳遞所需內(nèi)容的同時(shí)要遵循形式美的界面外觀表現(xiàn)。而在用戶體驗(yàn)設(shè)計(jì)中，需要建立與用戶保持頻繁的交流與溝通，通過(guò)視覺(jué)秩序引導(dǎo)能更好地促進(jìn)信息的傳遞。移動(dòng)手機(jī)APP軟件界面則可以發(fā)揮設(shè)計(jì)師創(chuàng)意的部分。

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

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

隨著計(jì)算機(jī)科學(xué)的發(fā)展，現(xiàn)代信息設(shè)計(jì)、計(jì)算機(jī)圖形學(xué)也隨之發(fā)展。自20世紀(jì)80年代以來(lái)，更是將可視化的概念及其應(yīng)用推向了研究的前沿。可視化學(xué)科發(fā)展至今，主要分為三個(gè)方向：科學(xué)可視化、信息可視化、可視分析。本研究主題是信息可視化這一方向。

在移動(dòng)大數(shù)據(jù)信息分析這一背景下，人們?nèi)绾卫矛F(xiàn)有的信息進(jìn)行有效的溝通、互動(dòng)成為研究的主題。因?yàn)槿祟惖囊曈X(jué)永遠(yuǎn)是接收和處理信息的主要的方式，所以，這就使得信息可視化設(shè)計(jì)成為非常有效地信息溝通和交流互動(dòng)的前提。信息可視化作為大數(shù)據(jù)時(shí)代的產(chǎn)物，它致力于創(chuàng)建最直觀方式來(lái)傳達(dá)抽象信息?？梢暬谋磉_(dá)形式與交互技術(shù)則是利用人的眼睛通往心靈深處的廣闊帶寬優(yōu)勢(shì)，使得用戶能夠目睹、探索以至快速理解大量的信息。信息可視化是對(duì)抽象的、非結(jié)構(gòu)化的數(shù)據(jù)進(jìn)行處理，其中包括文本、圖像、地圖、聲音等。

隨著視覺(jué)設(shè)計(jì)工作的延伸，它不但涉及信息技術(shù)、圖形處理技術(shù)、還涉及認(rèn)知心理學(xué)、符號(hào)學(xué)、人文教育學(xué)等學(xué)科?？梢暬谋磉_(dá)形式與交互設(shè)計(jì)旨在讓用戶首先能夠看到，然后通過(guò)視覺(jué)的獲得進(jìn)而理解大量的信息。通過(guò)信息采集、信息構(gòu)架、視覺(jué)轉(zhuǎn)化、符號(hào)傳達(dá)這樣的方法來(lái)進(jìn)行信息可視化設(shè)計(jì)。信息視覺(jué)化設(shè)計(jì)是一個(gè)全新的設(shè)計(jì)領(lǐng)域，在設(shè)計(jì)領(lǐng)域中的導(dǎo)視系統(tǒng)設(shè)計(jì)方面信息可視化應(yīng)用尤為突出。[3]

四、室內(nèi)導(dǎo)航類App的界面設(shè)計(jì)中信息可視化設(shè)計(jì)

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

在室內(nèi)導(dǎo)航APP不同于普通的室內(nèi)導(dǎo)視系統(tǒng)設(shè)計(jì)，普通的室內(nèi)導(dǎo)視設(shè)計(jì)是借用平面的設(shè)計(jì)形式，將信息可視化設(shè)計(jì)運(yùn)用在室內(nèi)空間的導(dǎo)視系統(tǒng)中，通過(guò)獨(dú)立的圖形標(biāo)識(shí)來(lái)傳遞信息的屬性，通過(guò)識(shí)別性指引方向和介紹相關(guān)位置。其作用就是負(fù)責(zé)把空間信息內(nèi)容通過(guò)有效的視覺(jué)秩序傳達(dá)給受眾群體，保證每一位受眾群體都可以理解信息。伴隨著界面設(shè)計(jì)在全球的火熱發(fā)展，界面設(shè)計(jì)已經(jīng)達(dá)成基本共識(shí)。而一款好的室內(nèi)導(dǎo)航界面設(shè)計(jì)不僅讓產(chǎn)品有個(gè)性，還將空間信息內(nèi)容通過(guò)手機(jī)界面?zhèn)鬟_(dá)給用戶，使用戶能夠有更好的購(gòu)物體驗(yàn)。

在UI設(shè)計(jì)中一般來(lái)說(shuō)，信息是通過(guò)對(duì)色彩、圖形、文字、版式等視覺(jué)要素的進(jìn)行版面的設(shè)計(jì)或者信息圖表設(shè)計(jì)，借用視覺(jué)語(yǔ)言工具，建立抽象信息和視覺(jué)形式之間的內(nèi)在聯(lián)系，來(lái)實(shí)現(xiàn)信息的視覺(jué)轉(zhuǎn)化的。室內(nèi)導(dǎo)航APP的界面設(shè)計(jì)來(lái)看，它更需要從視覺(jué)的出發(fā)點(diǎn)思考對(duì)使用者的想法的預(yù)判及對(duì)使用場(chǎng)景和使用方式的考量。從信息可視化設(shè)計(jì)的方法入手，通過(guò)商鋪信息逐個(gè)采集，導(dǎo)視信息構(gòu)架的確立，再到視覺(jué)設(shè)計(jì)將信息轉(zhuǎn)化，最后設(shè)計(jì)出符號(hào)傳達(dá)所需信息。

五、結(jié)束語(yǔ)

本文通過(guò)對(duì)室內(nèi)導(dǎo)航APP、視覺(jué)界面設(shè)計(jì)以及信息可視化設(shè)計(jì)進(jìn)行全方位的分析，以視覺(jué)設(shè)計(jì)作為切入點(diǎn)，室內(nèi)導(dǎo)航作為創(chuàng)新點(diǎn)，著力探討了信息可視化在界面設(shè)計(jì)中發(fā)揮的作用，在室內(nèi)導(dǎo)航APP界面設(shè)計(jì)過(guò)程中如何將視覺(jué)界面設(shè)計(jì)原則與信息可視化設(shè)計(jì)方法融入設(shè)計(jì)中。信息可視化在各行各業(yè)中隨處可見(jiàn)，借用視覺(jué)語(yǔ)言工具，建立抽象信息和視覺(jué)形式之間的內(nèi)在聯(lián)系，并利用信息可視化這種優(yōu)秀的溝通方式與交流著建立起高效的信息流通模式。信息可視化的發(fā)展空間不止局限于室內(nèi)導(dǎo)航范疇之內(nèi)。時(shí)代的發(fā)展給信息可視化帶來(lái)體現(xiàn)在各行各業(yè)，經(jīng)過(guò)本次研究，希望在未來(lái)在信息可視化領(lǐng)域有更多嘗試，有更多的機(jī)會(huì)參與這方面的研究。

參考文獻(xiàn)：

[1]魯曉波，詹炳宏編著.數(shù)字圖形界面藝術(shù)設(shè)計(jì)[M].北京：清華大學(xué)出版社，2006.

[2]陳秋嫻.大型商場(chǎng)室內(nèi)導(dǎo)航導(dǎo)購(gòu)系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].信息與電腦，2020（04）：113-114.

[3]王琪.基于智能手機(jī)的停車導(dǎo)航系統(tǒng)設(shè)計(jì)[J].物聯(lián)網(wǎng)技術(shù)，2020（04）：93-95.

[4]史偉.醫(yī)院室內(nèi)定位導(dǎo)航系統(tǒng)的設(shè)計(jì)與實(shí)現(xiàn)[J].遼寧工業(yè)大學(xué)學(xué)報(bào)（自然科學(xué)版），2020（02）：88-91.