毛斌 王晨 房振濤

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

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

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

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

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

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

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

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

2.1 同類(lèi)競(jìng)品分析

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

2.1.1 界面對(duì)比

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

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

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

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

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

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

2.2 用戶(hù)需求

2.2.1 用戶(hù)畫(huà)像

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

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

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

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

2.2.2 用戶(hù)需求

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

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

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

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

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

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

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

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

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

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

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

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

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

5 結(jié)語(yǔ)

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

參考文獻(xiàn)：

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

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

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

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

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

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