導(dǎo)航類APP界面交互設(shè)計(jì)研究

毛斌 王晨 房振濤

摘要：隨著人均GDP的提高和互聯(lián)網(wǎng)大數(shù)據(jù)在日常生活中的拓展蔓延，更多性價比較高的小汽車進(jìn)入居民家庭，手機(jī)導(dǎo)航也成為人們?nèi)粘３鲂械膭傂瑁鞘薪煌〒矶乱渤蔀橛绊懢用袢粘Ｉ畹闹卮竺裆鷨栴}。文章對當(dāng)前導(dǎo)航APP的發(fā)展現(xiàn)狀進(jìn)行分析，對市場主流的兩大導(dǎo)航APP產(chǎn)品進(jìn)行對比研究，歸類總結(jié)出適用于導(dǎo)航APP的設(shè)計(jì)原則，結(jié)合對用戶的調(diào)研分析，針對停車位置搜索以及出行數(shù)據(jù)統(tǒng)計(jì)對導(dǎo)航類APP進(jìn)行界面交互的細(xì)化設(shè)計(jì)研究，以期為用戶設(shè)計(jì)出更便捷、更精準(zhǔn)的導(dǎo)航產(chǎn)品，優(yōu)化用戶出行體驗(yàn)，緩解城市交通壓力。

關(guān)鍵詞：城市出行;手機(jī)導(dǎo)航;界面設(shè)計(jì)

中圖分類號：TB472 文獻(xiàn)標(biāo)識碼：A 文章編號：1004-9436（2021）18-0-03

1 導(dǎo)航類APP的發(fā)展現(xiàn)狀

近年來國家經(jīng)濟(jì)與科技水平不斷提高，我國提倡的“綠色出行”理念也帶動傳統(tǒng)汽車行業(yè)向綠色新能源電車領(lǐng)域進(jìn)一步轉(zhuǎn)型。近10年來，隨著小汽車進(jìn)入家庭數(shù)量的顯著增長，交通擁堵的問題從一線城市向二三線城市，甚至四線城市迅速蔓延。根據(jù)公安部的統(tǒng)計(jì)數(shù)據(jù)，2013年底全國小汽車保有量約1億輛，至2018年底突破2億輛。雖然2018年是近30年來首次乘用車產(chǎn)銷量出現(xiàn)負(fù)增長的年份，但全年的產(chǎn)銷量仍然達(dá)到了2 800萬輛^[1]。因此，交通擁堵的問題也勢必會成為城市發(fā)展的絆腳石，如何緩解城市交通的擁堵問題，不僅是政府和人民共同關(guān)注的民生問題，也是各導(dǎo)航APP產(chǎn)品亟待解決的現(xiàn)實(shí)問題。

隨著智能手機(jī)的逐漸普及，不論是自駕還是公共交通，人們?nèi)粘３鲂幸阎饾u依賴于更加輕量級的移動端導(dǎo)航APP制定的出行方案^[2]。手機(jī)端的導(dǎo)航APP經(jīng)歷了從無到有、從有到精的發(fā)展歷程，首款手機(jī)導(dǎo)航APP是諾基亞智能手機(jī)Symbian S60上的Nokia Maps（諾基亞地圖），這款出現(xiàn)在大眾視野中的導(dǎo)航APP雖然地圖更新得十分緩慢，無法快速合理地推薦最優(yōu)路線，同時受限于手機(jī)屏幕小無法給用戶很好的使用體驗(yàn)，但仍為后來的手機(jī)導(dǎo)航APP的發(fā)展提供了重要的靈感及基礎(chǔ)。

現(xiàn)在，華為、騰訊、百度、高德等公司紛紛搶占智慧交通市場研發(fā)導(dǎo)航類手機(jī)軟件，不僅結(jié)合了大數(shù)據(jù)、5G通信、人工智能等互聯(lián)網(wǎng)技術(shù)，功能方面更是具有覆蓋地域廣闊、出行服務(wù)豐富、查詢信息廣泛等特點(diǎn)，成為當(dāng)前5G網(wǎng)絡(luò)發(fā)展大環(huán)境下人們出行的必備工具。由于地圖數(shù)據(jù)要求高質(zhì)量和強(qiáng)時效性，各家地圖應(yīng)用紛紛借助自身技術(shù)、資源，不斷深化使用場景與用戶體驗(yàn)的研發(fā)，提供越來越精細(xì)化、智能化的功能服務(wù)，極大地方便了居民的日常出行。

2 導(dǎo)航類APP的設(shè)計(jì)需求

2.1 同類競品分析

根據(jù)主流手機(jī)應(yīng)用市場iOS與Android的導(dǎo)航類APP下載量排行，目前高德地圖和百度地圖基本占據(jù)下載排行榜首，說明用戶對于這兩款A(yù)PP更為認(rèn)可，因此文章選擇這兩個APP進(jìn)行對比分析。

2.1.1 界面對比

整體來看，百度地圖和高德地圖基礎(chǔ)功能均已相對完善，除了基礎(chǔ)的核心功能外，都逐步開始向生活服務(wù)平臺的定位發(fā)展，如圍繞用戶行程展開的智能語音交互、AR智能導(dǎo)游、百度熱力圖、行程助手、周邊熱點(diǎn)、休閑娛樂、多平臺一鍵打車等便利功能，從用戶的需求痛點(diǎn)出發(fā)提升使用體驗(yàn)。

從首頁的功能元素分布來看，高德地圖和百度地圖趨同化嚴(yán)重。頁面主要布局都是地點(diǎn)、路線搜索欄、個人中心和語音輸入，兩個產(chǎn)品都弱化了底圖顏色，使用灰色等低飽和度的配色表示點(diǎn)、線、面、文字與圖片注釋等所有地圖要素，只使用彩色顯示少量重要地標(biāo)。用戶地理定位十分清晰，默認(rèn)顯示在界面正中心，即用戶觀察屏幕的視覺中心，同時突出探索周邊功能，但兩款產(chǎn)品在界面設(shè)計(jì)上仍有一定的區(qū)別。

高德地圖在首頁有聚合的功能區(qū)，搜索框默認(rèn)位于整個界面下方，更加貼合人們的手機(jī)使用習(xí)慣，用戶也可以根據(jù)自己的操作習(xí)慣自行設(shè)置其在屏幕上的位置，自主性很強(qiáng)。界面中突出多路線、多出行方式等以導(dǎo)航為主的核心功能，細(xì)節(jié)更加豐富，突出顯示公共交通入口;功能模塊全部使用抽象化圖標(biāo)，數(shù)量繁多但視覺感受不繁雜。

百度地圖核心信息傳達(dá)能力非常強(qiáng)，主要顯示地圖、搜索欄、路線、探索周邊、語音助手、圖層模塊。地圖的縮放功能置于界面右側(cè)邊緣;主要功能按鈕設(shè)計(jì)較簡潔，功能模塊、地物標(biāo)注都使用文字+圖標(biāo)加粗顯示，清晰易懂，界面結(jié)構(gòu)性較強(qiáng)。

2.1.2 信息架構(gòu)對比

兩個導(dǎo)航APP的主要功能框架相似，基礎(chǔ)功能都比較完善，能夠滿足大部分用戶的日常出行需求，導(dǎo)航信息都比較完善精準(zhǔn)。但二者仍存在細(xì)微差別，高德地圖的功能聚合性更強(qiáng)，在功能架構(gòu)的展示方面邏輯性更強(qiáng)，頁面設(shè)計(jì)更加清晰有條理，個性化設(shè)置更加細(xì)致，更注重用戶體驗(yàn);百度地圖的主要功能突出，次要功能比高德地圖更加細(xì)致，但商業(yè)化嚴(yán)重，推廣內(nèi)容過多，在一定程度上影響了用戶的使用體驗(yàn)。

2.2 用戶需求

2.2.1 用戶畫像

根據(jù)出行方式選擇的不同，擬定兩類典型的目標(biāo)用戶畫像。

第一類用戶是通勤族。用戶擬定為一位26歲的普通女性白領(lǐng)，大部分時間乘坐公交或地鐵等公共交通工具上下班，周末喜歡和朋友們相約去商場等娛樂場所，長假期時會約朋友一起去外地旅游，她對于手機(jī)導(dǎo)航APP的基本需求是公交查詢、到站提醒、周邊搜索、位置共享、室內(nèi)地圖和叫車服務(wù)。

第二類用戶是有車一族。用戶擬定為33歲的男性自由職業(yè)者，工作時間自由，喜歡旅行，喜歡自駕去不同的城市旅游、體驗(yàn)生活，他對于手機(jī)導(dǎo)航APP的基本需求是地點(diǎn)搜索、路徑規(guī)劃、駕車導(dǎo)航、停車點(diǎn)搜索、實(shí)時路況、加油站等出行服務(wù)搜索。

因此，用戶需求可以分為兩類，一是帶有明確目的，即定位和導(dǎo)航，這也是用戶的剛需，定位的準(zhǔn)確性及導(dǎo)航線路的合理性將直接影響用戶體驗(yàn)，進(jìn)而影響手機(jī)地圖的市場份額;二是無明確目的，僅僅是基于當(dāng)前的位置探索周邊功能。

2.2.2 用戶需求

第一，用戶使用功能分布。針對導(dǎo)航類APP的使用及建議對用戶展開線上調(diào)研，調(diào)研結(jié)果顯示，在參與調(diào)研的用戶中，對于手機(jī)地圖類APP功能需求方面，過半用戶使用手機(jī)地圖確定出行路線，31.2%的用戶選擇實(shí)時路況查詢，27.6%選擇行車導(dǎo)航;對用戶使用手機(jī)地圖工具的功能頻率進(jìn)行分析得出，62.7%的用戶選擇導(dǎo)航規(guī)劃，53.8%的用戶選擇公共信息查詢，53.4%的用戶選擇定位功能。

第二，需求痛點(diǎn)分析。手機(jī)地圖類APP作為出行必備的工具類產(chǎn)品，其需求基本圍繞著位置定位和路線導(dǎo)航展開，用戶對于導(dǎo)航類APP的基本需求是定位準(zhǔn)確的地點(diǎn)搜索功能和導(dǎo)航正確的路線查詢功能;用戶痛點(diǎn)需求在于語音導(dǎo)航、公共交通信息查詢、實(shí)時路況檢測、多種出行方式可選、日常生活服務(wù)功能。有些用戶則會在基礎(chǔ)需求之外提出更高的要求，比如更準(zhǔn)確快速的定位、更合適順暢的線路規(guī)劃。從用戶的角度來看，他們已經(jīng)不再滿足于簡單的出行路線規(guī)劃，一方面追求高質(zhì)量的出行服務(wù)，另一方面渴望多樣化的出行方式。

因此，單純的導(dǎo)航功能已經(jīng)越來越難以滿足用戶日益增長的需求，這說明用戶追求更高的效率，希望導(dǎo)航產(chǎn)品能夠更加定制化，以滿足用戶在某些方面的緊急需求，比如作為車主對停車場尋找有更急迫的需要，這也從側(cè)面體現(xiàn)出了如今用戶對于導(dǎo)航類APP有更強(qiáng)的依賴性。

3 導(dǎo)航類APP的設(shè)計(jì)原則

手機(jī)地圖作為出行類工具產(chǎn)品，對信息的實(shí)時性要求較高，需要強(qiáng)調(diào)數(shù)據(jù)展示的結(jié)果，其核心系統(tǒng)功能主要分為基本地圖操作、路徑規(guī)劃導(dǎo)航和查詢定位3個功能模塊^[3]。由于用戶在到達(dá)目的地之前會持續(xù)地輸入信息、讀取信息和理解信息，手機(jī)地圖在使用過程中往往是不能間斷的，因此在交互的設(shè)計(jì)上應(yīng)該盡可能減少用戶對屏幕信息的輸入和理解，釋放用戶雙手，最大限度地避免在用戶移動過程中給用戶帶來負(fù)擔(dān)。因此，針對導(dǎo)航類APP的設(shè)計(jì)，將從以下幾方面制定基本設(shè)計(jì)原則。

第一，功能層面。對缺乏用戶需求支撐且造成干擾的次要功能進(jìn)行刪減，注重線路地圖設(shè)計(jì)清晰明確，方便用戶進(jìn)行周邊及路線查詢，優(yōu)化用戶的使用體驗(yàn)。

第二，交互層面。界面的排布要做到高效易用且向下兼容，在滿足大眾需求的基礎(chǔ)上顧及老年人、殘障人士等弱勢群體的使用，突出信息查詢層面的交互，降低用戶獲取和處理信息的成本，更好地體現(xiàn)產(chǎn)品的人性化。

第三，版式布局。主頁使用瀑布流式的布局設(shè)計(jì)，結(jié)合列表式、標(biāo)簽式、圓角卡片等交互風(fēng)格，凸顯界面設(shè)計(jì)的活潑調(diào)性與親和力;在文字方面，規(guī)范標(biāo)題和正文內(nèi)容的字號、字重和顏色區(qū)分層級;在圖標(biāo)方面，在增強(qiáng)表意性和識別性的前提下，盡量簡化和規(guī)范設(shè)計(jì)。

第四，個性化功能。文章的設(shè)計(jì)實(shí)踐所產(chǎn)出的APP產(chǎn)品，除基礎(chǔ)的路線導(dǎo)航功能外還著重從停車位置搜索及出行數(shù)據(jù)統(tǒng)計(jì)功能展開了細(xì)化設(shè)計(jì)，尤其是停車點(diǎn)搜索功能，這是車主們高頻使用的功能。

4 設(shè)計(jì)實(shí)踐

導(dǎo)航類APP整體的設(shè)計(jì)都是在配色、字體、圖標(biāo)風(fēng)格統(tǒng)一的基礎(chǔ)上進(jìn)行的，頁面風(fēng)格為統(tǒng)一輕便的卡片式設(shè)計(jì)和圓角設(shè)計(jì)，圓角為15px外加線性邊框的設(shè)計(jì)語言，整個APP配色為淡紫色和藍(lán)色，這樣能突出界面的親和力，信息層次也會更清晰。圖標(biāo)采用線形的設(shè)計(jì)，整體來看視覺重心也比較明確，能夠增強(qiáng)用戶在使用過程中的安全性（見下圖）。

關(guān)于停車點(diǎn)搜索功能頁面設(shè)計(jì)，用戶可直接點(diǎn)擊首頁底部工具欄中的“停車位”按鈕或直接搜索停車位，頁面會自動跳轉(zhuǎn)到停車位搜索頁面，用戶可搜索附近可用的停車點(diǎn)并獲取相關(guān)信息，包括附近停車場/停車位、評分及推薦理由，選擇想去的目的地后進(jìn)行停車位預(yù)選，深色為已占用，淺灰色為未占用，自己選擇的車位將會橙色高亮顯示，確認(rèn)相關(guān)信息后即可進(jìn)入導(dǎo)航前往目的地。

關(guān)于“我的出行”頁面設(shè)計(jì)，目的是通過數(shù)據(jù)的展示，讓用戶直觀了解到自己在某一段時間內(nèi)的出行方式統(tǒng)計(jì)，可以按天、按月、按年分別查看，能夠讓用戶關(guān)注日常出行工具的選擇，有意識地改變自己的出行方式，進(jìn)而選擇更環(huán)保節(jié)能的方式出行，此功能為規(guī)劃更綠色環(huán)保的日常出行方案提供了數(shù)據(jù)參考。

5 結(jié)語

如今，地圖導(dǎo)航的出行生態(tài)逐漸完善，人工智能技術(shù)的發(fā)展使數(shù)據(jù)采集效率顯著提升，未來手機(jī)地圖場景化應(yīng)用將面向無線旅游、移動出行等基于地理位置信息的日常生活消費(fèi)生態(tài)。在交互設(shè)計(jì)研究中，希望能注重產(chǎn)品核心功能體驗(yàn)，提升用戶滿意度，同時挖掘更多的增值功能，未來的地圖導(dǎo)航依舊會以用戶為導(dǎo)向、以技術(shù)為驅(qū)動，為人工智能技術(shù)在導(dǎo)航領(lǐng)域找到更多的應(yīng)用場景，人工智能技術(shù)的發(fā)展同時也是地圖導(dǎo)航提高精度以及拓寬應(yīng)用場景的有力支撐。

參考文獻(xiàn)：

[1] 林銳，吳瑞涵，黃雅婷.手機(jī)導(dǎo)航大數(shù)據(jù)對緩解城市交通擁堵的作用[J].中國統(tǒng)計(jì)，2019（5）：16-17.

[2] 蔡曉潔，陸世明，張子彬，等.移動端旅游導(dǎo)航Web APP的設(shè)計(jì)[J].信息與電腦（理論版），2020，32（3）：57-59.

[3] 林富明，劉禹鑫，周源，等.基于移動端的室內(nèi)導(dǎo)航APP設(shè)計(jì)研究與實(shí)現(xiàn)[J].測繪與空間地理信息，2018，41（10）：60-62，66.

作者簡介：毛斌（1972—），男，山東諸城人，碩士，副教授，研究方向：產(chǎn)品設(shè)計(jì)、適老化設(shè)計(jì)、設(shè)計(jì)文化。

王晨（1995—），女，山西呂梁人，碩士在讀，研究方向：產(chǎn)品設(shè)計(jì)、適老化設(shè)計(jì)。

房振濤（1996—），男，山東平度人，碩士在讀，研究方向：產(chǎn)品設(shè)計(jì)、適老化設(shè)計(jì)。