本文作者將來(lái)談?wù)劦貓D本身的基本功能設(shè)計(jì)，enjoy~

現(xiàn)階段，如果有人說(shuō)想做出一個(gè)媲美于高德、谷歌、百度地圖的地圖類產(chǎn)品，估計(jì)不會(huì)被大多數(shù)人看好。再去研究一個(gè)地圖本身沒(méi)有太大的意義，但將地圖的地點(diǎn)與生活中的需求聯(lián)系起來(lái)就會(huì)得到非同凡響的影響。比如說(shuō)現(xiàn)在依然大熱的共享單車行業(yè)，就是將交通工具同地理位置進(jìn)行結(jié)合，再一次讓出行成為了熱點(diǎn)。

反過(guò)來(lái)想一想，衣、食、住、行等民生行業(yè)，方方面面，都少不了對(duì)地理位置的依賴。以下是關(guān)于地圖本身狀態(tài)的思考腦圖，然而難點(diǎn)不在地圖（因?yàn)檫@一塊現(xiàn)在市場(chǎng)上已經(jīng)又相對(duì)比較成熟的產(chǎn)品），在于將地圖同新的需求聯(lián)系起來(lái)而產(chǎn)生的多種化學(xué)反應(yīng)。今天先來(lái)談?wù)劦貓D本身的基本功能設(shè)計(jì)。

基本操作

在地圖的操作中主要有，放大、縮小、上下左右的滑動(dòng)，基于去尋找自己所要的地點(diǎn)信息去進(jìn)行最直接的查找方式。

在地圖的放大和縮小的功能上，Pinch（捏合手勢(shì)）比相對(duì)于放置于地圖上的“+”、“-”button來(lái)說(shuō)，使用的更加頻繁。有的地圖APP，甚至在首頁(yè)上默認(rèn)不出現(xiàn)這樣的button，比方說(shuō)走簡(jiǎn)潔風(fēng)格的Google Map，這樣做顯得畫(huà)面更加干凈，反而讓用戶沉浸在地圖的查看體驗(yàn)中，未嘗不是一種好的選擇。當(dāng)然，還有個(gè)便捷的放大操作就是雙擊需要放大的地點(diǎn)。

默認(rèn)情況下，地圖會(huì)先加載首屏的數(shù)據(jù)，當(dāng)用戶進(jìn)行上下左右滑動(dòng)到其他地方的時(shí)候，再進(jìn)行加載其他區(qū)域的數(shù)據(jù)，這樣能保證優(yōu)先顯示最重要的區(qū)域。

并且視覺(jué)中心是屏幕的中心，當(dāng)用戶在選擇其他區(qū)域的時(shí)候不改變視覺(jué)中心點(diǎn)，避免頻繁查看地點(diǎn)過(guò)程中，加載情況導(dǎo)致視覺(jué)一直變化給用戶帶去的眩暈感。放大縮小后，還可以進(jìn)行考慮的就是，地點(diǎn)的聚合，縮小到一定程度之后，距離近的地點(diǎn)就變成一個(gè)具有更統(tǒng)籌一點(diǎn)的地理位置信息，一是因?yàn)辄c(diǎn)擊區(qū)域變小不方便用戶進(jìn)行點(diǎn)擊；二是方便對(duì)同一層級(jí)信息的歸納與管理。

關(guān)于地點(diǎn)

地點(diǎn)主要分為查找、選擇、返回、新增、報(bào)錯(cuò)五大范疇，而與用戶緊密相連的還有，人的定位以及影響范圍的考慮。

查找一個(gè)地理信息，是最常用、最便捷的方式。模塊主要是分為搜索和智能推薦兩個(gè)部分。樓主會(huì)在以后的文章進(jìn)行兩部分說(shuō)明。

選擇地理位置的場(chǎng)景分為兩種，一是用戶一屏以內(nèi)就可以發(fā)現(xiàn)有其他的地方可以選擇，或者說(shuō)看起來(lái)比較符合用戶的需求；二是用戶在移動(dòng)或者縮小地圖看到更多的區(qū)域之后有符合自己需求的地點(diǎn)信息，于是點(diǎn)擊進(jìn)行選擇了。兩者情況的共同點(diǎn)就是找到符合自己需求的地點(diǎn)，進(jìn)行選擇。

而其中的關(guān)鍵點(diǎn)在于隨著比例尺的變化，推薦給用戶的地理信息。比方說(shuō)做飲食推薦的地圖，就突出顯示餐廳的地理信息與周圍的標(biāo)志性建筑，正常顯示其它的信息。

返回到現(xiàn)在的地點(diǎn)也是常用的功能之一。當(dāng)用戶移動(dòng)到其他地點(diǎn)的時(shí)候能夠快速找回自己的出發(fā)點(diǎn)，這一點(diǎn)的功能有點(diǎn)像Web端的導(dǎo)航系統(tǒng)中“回到首頁(yè)”的功能，當(dāng)用戶打開(kāi)到足夠多的層級(jí)或者說(shuō)跳轉(zhuǎn)比較強(qiáng)烈的時(shí)候，在網(wǎng)頁(yè)上迷路，那么一鍵回到首頁(yè)重新開(kāi)始就是個(gè)不錯(cuò)的選擇。但在這一點(diǎn)的操作上，國(guó)內(nèi)的APP操作主要放在左下角，國(guó)外Google Map放在右下角，而iOS自帶的Map則放在了右上角。不同的map培養(yǎng)了用戶不同的操作習(xí)慣。還有一個(gè)小的細(xì)節(jié)就是，再次點(diǎn)擊會(huì)進(jìn)入3D模式的指南針界面。

新增、報(bào)錯(cuò)的使用場(chǎng)景都是在用戶沒(méi)有找到自己想要的地點(diǎn)下產(chǎn)生的需求，它需要用戶額外去填充一些信息，對(duì)用戶來(lái)說(shuō)，付出的勞動(dòng)力比較大，所以受眾比較小。主要以運(yùn)營(yíng)或者組織方為主。

其他因素和Corner Case

切換模式，地圖的產(chǎn)品主要有衛(wèi)星圖、2D平面圖、3D俯視圖三種模式。衛(wèi)星地圖是衛(wèi)星拍攝的真實(shí)的地理面貌，所以衛(wèi)星地圖可用來(lái)檢測(cè)地面的信息，你可以了解到地理位置，地形等，對(duì)抗災(zāi)或者地貌比較合適，在有些運(yùn)動(dòng)里面，比如說(shuō)打高爾夫也需要地形圖的參考，可能也會(huì)用衛(wèi)星圖。2D因界面的簡(jiǎn)潔直觀，適用范圍更加廣泛。3D模式的模型圖下，對(duì)于尋找建筑物和方位來(lái)說(shuō)更有利。

Corner Case是一些極端情況下的考慮，主要是地理信息未授權(quán)、網(wǎng)絡(luò)慢地圖未加載完全的空狀態(tài)顯示、無(wú)網(wǎng)絡(luò)情況的現(xiàn)實(shí)情況。未授權(quán)的情況一般用彈出框進(jìn)行提示，給兩個(gè)選項(xiàng)，如下圖。

離線與非離線數(shù)據(jù)包的整理，離線數(shù)據(jù)包的情況支持用戶在沒(méi)有網(wǎng)絡(luò)的情況下也可以進(jìn)行使用。這種場(chǎng)景主要是用戶進(jìn)行應(yīng)急或者出國(guó)旅游沒(méi)來(lái)及換成當(dāng)?shù)氐木W(wǎng)絡(luò)支持等情況。

以上只是對(duì)單純地圖的功能分析，完整的地圖功能還有很多可以進(jìn)行描述，比如說(shuō)比例尺、收藏、線路規(guī)劃等等。但當(dāng)?shù)貓D與其他部分功能進(jìn)行結(jié)合時(shí)，就會(huì)產(chǎn)生不同種類的功能增減。

比方說(shuō)在共享車的應(yīng)用里面，地點(diǎn)就不能進(jìn)行點(diǎn)選，只能在地圖上進(jìn)行定位的移動(dòng)。這樣做的好處就是使定位更加精準(zhǔn)，比方說(shuō)同一個(gè)樓有東南西北四個(gè)門和四個(gè)出口，每個(gè)出口可能都有很多單車，而你恰好在北門站著，推薦給你的單車就更應(yīng)該偏北方一點(diǎn)，以你人為中心進(jìn)行推薦，而不是以你所在的樓為中心。

地圖只是整個(gè)產(chǎn)品的一部分，下一篇文章將介紹地圖同體育場(chǎng)館進(jìn)行結(jié)合，怎樣開(kāi)始一場(chǎng)基于場(chǎng)館地理信息的球賽。也將介紹在真實(shí)的項(xiàng)目中怎樣進(jìn)行功能的刪減操作。

今天也讀到另一段對(duì)樓主影響比較大的話：

對(duì)于什么樣的知識(shí)有用，什么樣的無(wú)用，我覺(jué)得能夠改變我們自己的現(xiàn)狀，能夠創(chuàng)造更好的未來(lái)，能夠幫助更多的人，那么能學(xué)就都學(xué)，就算很難，你學(xué)了并沒(méi)有進(jìn)步很大，你也比很多沒(méi)有學(xué)習(xí)的人要強(qiáng)。學(xué)習(xí)的知識(shí)多了，內(nèi)心就充實(shí)了，頭腦里的存量多了，思考就清晰了，考慮問(wèn)題就周到了，幸福感就提升了。

Sophia的tips：怎樣提高思維，首先做的就是提高腦袋里面知識(shí)的存量，不斷地做實(shí)事！

相關(guān)閱讀

《創(chuàng)業(yè)公司設(shè)計(jì)師怎樣從0到1設(shè)計(jì)一款A(yù)PP（一）——概述》

專欄作家

Sophiallg，微信公眾號(hào)：Sophia的玲瓏閣，人人都是產(chǎn)品經(jīng)理專欄作家。一枚愛(ài)折騰，愛(ài)健身的交互設(shè)計(jì)妹紙。

本文原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理，未經(jīng)許可，禁止轉(zhuǎn)載。