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

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

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

基本操作

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

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

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

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

關(guān)于地點

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

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

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

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

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

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

其他因素和Corner Case

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

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

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

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

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

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

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

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

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

相關(guān)閱讀

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

專欄作家

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

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