淺析地圖相關產品設計(上)——地圖的基本因素設計
淺析地圖相關產品設計(上)——地圖的基本因素設計-移動閱讀二維碼

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

 

反過來想一想,衣、食、住、行等民生行業,方方面面,都少不了對地理位置的依賴。以下是關于地圖本身狀態的思考腦圖,然而難點不在地圖(因為這一塊現在市場上已經又相對比較成熟的產品),在于將地圖同新的需求聯系起來而產生的多種化學反應。今天先來談談地圖本身的基本功能設計。

 

淺析地圖相關產品設計,地圖的基本因素設計f0.jpg

 

基本操作

 

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

 

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

 

地圖的基本因素設計1e

 

默認情況下,地圖會先加載首屏的數據,當用戶進行上下左右滑動到其他地方的時候,再進行加載其他區域的數據,這樣能保證優先顯示最重要的區域。

 

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

 

 

關于地點

 

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

 

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

 

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

 

淺析地圖的基本因素設計

 

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

 

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

 

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

 

 

其他因素和Corner Case

 

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

 

地圖相關產品設計的基本因素設計

 

Corner Case是一些極端情況下的考慮,主要是地理信息未授權、網絡慢地圖未加載完全的空狀態顯示、無網絡情況的現實情況。未授權的情況一般用彈出框進行提示,給兩個選項,如下圖。

 

淺析地圖相關產品設計地圖的基本因素設計

 

離線與非離線數據包的整理,離線數據包的情況支持用戶在沒有網絡的情況下也可以進行使用。這種場景主要是用戶進行應急或者出國旅游沒來及換成當地的網絡支持等情況。

 

以上只是對單純地圖的功能分析,完整的地圖功能還有很多可以進行描述,比如說比例尺、收藏、線路規劃等等。但當地圖與其他部分功能進行結合時,就會產生不同種類的功能增減。

 

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

 

淺析地圖相關產品設計基本因素設計

 

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

 

今天也讀到另一段對樓主影響比較大的話:
對于什么樣的知識有用,什么樣的無用,我覺得能夠改變我們自己的現狀,能夠創造更好的未來,能夠幫助更多的人,那么能學就都學,就算很難,你學了并沒有進步很大,你也比很多沒有學習的人要強。學習的知識多了,內心就充實了,頭腦里的存量多了,思考就清晰了,考慮問題就周到了,幸福感就提升了。

 

 

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

 

 

作者簡介:Sophia的玲瓏閣,一枚愛折騰,愛健身的交互設計妹紙。
職場設計技能,更多教程搶先看,請關注作者的微信公眾號:Sophia的玲瓏閣


本文鏈接:http://www.casaleticia.com/map-related-product-design-1.html
本文標簽: ,