高德地圖中的設(shè)計(jì)亮點(diǎn)｜子牧設(shè)計(jì)筆談

地圖App已經(jīng)不再滿足導(dǎo)航工具， 通過信息挖掘和拓展 ，更希望能夠 成為人們?nèi)粘Ｉ钪兄匾男畔⑵脚_(tái)。 剛好春節(jié)回老家期間，高德地圖用得比較多。使用過程中發(fā)現(xiàn)了一些比較有意思的細(xì)節(jié)，覺得有必要總結(jié)下分享給大家。

主要包括以下3點(diǎn)內(nèi)容：

1. 信息架構(gòu)升級(jí)，構(gòu)建清晰的信息邊界
2. 信息挖掘，更好的服務(wù)用戶出行
3. 智能感知，提高用戶行為效率

01/信息架構(gòu)升級(jí)，構(gòu)建清晰的信息邊界 

高德10.0版本升級(jí)了平臺(tái)的信息架構(gòu)。 原有的版本并沒有做信息分層，而是以地圖畫面為核心，將各類信息分散展示，出行功能路徑入口共用“路線”功能，影響了用戶的操作效率。

另外 為了減少各個(gè)功能對(duì)地圖的遮擋，功能選項(xiàng)只能盡可能的融合、隱藏、精簡， 造 成了 部分入 口 信息層級(jí)較深，拉長了用戶的行為鏈路，同時(shí)不利于功能和內(nèi)容的拓展。

在新的版本中，信息架構(gòu)回歸到傳統(tǒng)的底部Tab導(dǎo)航形式，可以更好的拓展信息承載空間 ， 滿足 信息平臺(tái)型產(chǎn)品的設(shè)計(jì)定位 。 目前底部導(dǎo)航分為“首頁、附近、消息、我的”四個(gè)頻道，用戶可以分類查看內(nèi)容，信息結(jié)構(gòu)更加清晰。

▲圖片來自 AlibabaDesign

在首頁中，高德地圖打造了“內(nèi)容中心”來承載更多信息。 將”地圖“與”內(nèi)容“相互獨(dú)立， 構(gòu)建出了明確的信息邊界。

交互設(shè)計(jì)上，內(nèi)容中心采用彈性浮層方式，分為了3種模式。 默認(rèn)模式下，內(nèi)容中心展示快捷功能”工具箱“和常用地點(diǎn)，方便用戶快捷操作。 當(dāng)“內(nèi)容中心”下拉收起，可以釋放更多的屏幕空間給地圖。 上滑則進(jìn)入“更多模式”，為用戶提供更豐富的信息。

”內(nèi)容中心“的信息會(huì)根據(jù)用戶實(shí)際位置，搜索地點(diǎn)而變化。 例如我在北京時(shí)，會(huì)顯示北京的專享服務(wù)。 而我搜索上海的地點(diǎn)，首頁下方則增加了上海的推薦信息。

02/信息挖掘，更好的服務(wù)用戶出行

1) 地圖信息顆粒度細(xì)化，提高信息承載能力

一個(gè)地點(diǎn)除了基礎(chǔ)的地理信息外，還需要集合各類相關(guān)信息，為用戶做好出行服務(wù)。如何將復(fù)雜多樣的信息整合，實(shí)現(xiàn)“所見即所得”展示給用戶呢？

高德地圖采用了“內(nèi)容分類”的方式來展示地理位置的二級(jí)信息，從而提高地圖信息的承載量。

當(dāng)?shù)貓D定位到景區(qū)范圍內(nèi)，會(huì)顯示廁所、出入口、餐飲、停車場等信息選項(xiàng)，用戶點(diǎn)擊即可查看相應(yīng)的內(nèi)容。

而大型商場聚焦放大時(shí)，用戶可以查看商場樓層的店鋪信息，將細(xì)節(jié)信息融入在地圖中， 通過多層級(jí)的信息劃分，展示不同顆粒度的內(nèi)容 。

2) 實(shí)景信息，提高用戶決策準(zhǔn)確性

當(dāng)我們進(jìn)入一個(gè)陌生區(qū)域，乘坐公交車時(shí)，需要準(zhǔn)確知道公交車站的位置。而公交車是有方向的，一旦我們進(jìn)入了錯(cuò)誤的方向，可能需要橫穿馬路或者繞行很遠(yuǎn)才能抵達(dá)正確的公交站點(diǎn)，這會(huì)花費(fèi)用戶很大的體力和時(shí)間成本。

當(dāng)用戶規(guī)劃出行路線時(shí)，地圖路線中通過冒泡提示形式，引導(dǎo)用戶查看公交站點(diǎn)的實(shí)景地圖，方便用戶更準(zhǔn)確的定位。

3) 場景化信息挖掘，為用戶提供更好的服務(wù)體驗(yàn)

當(dāng)用戶搜索酒店時(shí)，在頁面上方會(huì)展示“查看附近酒店”的快捷按鈕。方便用戶快速查看周邊的酒店，進(jìn)行 對(duì)比 選擇。

如果用戶在非營業(yè)時(shí)段搜索商業(yè)場所，會(huì)展示不同的信息狀態(tài)。例如深夜搜索時(shí)，顯示“已打烊”狀態(tài)，而在清晨搜索時(shí)，顯示”未營業(yè)“狀態(tài)，并告知營業(yè)時(shí)間，避免用戶跑冤枉路。

當(dāng)用戶查詢駕車路線時(shí)，如果查詢的地點(diǎn)不是特別明確，系統(tǒng)會(huì)提供多個(gè)地點(diǎn)供用戶選擇，并增加了各個(gè)地點(diǎn)的選擇比例，降低不熟悉用戶的選擇成本。另外選項(xiàng)中不僅有停車場景，還考慮到了接送人臨時(shí)停車的場景，實(shí)現(xiàn)了多場景的覆蓋。

? ? ? ? ? ? ? ? ?

4）激活用戶群，實(shí)現(xiàn)信息共享

當(dāng)用戶計(jì)劃出行時(shí)，希望了解目的地的天氣、游玩情況。有些信息平臺(tái)無法給出明確的答案，于是高德地圖將發(fā)言權(quán)交給了有經(jīng)驗(yàn)的用戶，搭建相互交流的群組，實(shí)現(xiàn)了信息的共享交換。

03/智能感知，提高用戶行為效率

1）用戶行為態(tài)勢感知

當(dāng)用戶打開App、搜索地點(diǎn)或者行程導(dǎo)航時(shí)，高德地圖會(huì)主動(dòng)感知用戶的導(dǎo)航需求，提供相關(guān)的信息引導(dǎo)。例如上下班路線、消費(fèi)券、團(tuán)購優(yōu)惠、停車場建議等等引導(dǎo)信息，引導(dǎo)用戶的快捷操作。

另外用戶查詢地點(diǎn)時(shí)，地圖還會(huì)擴(kuò)充展示周邊地點(diǎn)的賣點(diǎn)信息，希望能夠?yàn)橛脩籼峁└嗟膮⒖夹畔ⅰ?/p>

2）行程查詢記錄的保存

用戶在查詢打車行程，但未打車時(shí)，信息會(huì)保存在首頁信息中，便于用戶隨時(shí)調(diào)用出行。

以上就是我的一些使用心得，歡迎小伙伴們?cè)u(píng)論區(qū)留言交流~