淺析地圖相關產品設計(上)——地圖的基本因素設計
本文作者將來談談地圖本身的基本功能設計,enjoy~
現(xiàn)階段,如果有人說想做出一個媲美于高德、谷歌、百度地圖的地圖類產品,估計不會被大多數(shù)人看好。再去研究一個地圖本身沒有太大的意義,但將地圖的地點與生活中的需求聯(lián)系起來就會得到非同凡響的影響。比如說現(xiàn)在依然大熱的共享單車行業(yè),就是將交通工具同地理位置進行結合,再一次讓出行成為了熱點。
反過來想一想,衣、食、住、行等民生行業(yè),方方面面,都少不了對地理位置的依賴。以下是關于地圖本身狀態(tài)的思考腦圖,然而難點不在地圖(因為這一塊現(xiàn)在市場上已經又相對比較成熟的產品),在于將地圖同新的需求聯(lián)系起來而產生的多種化學反應。今天先來談談地圖本身的基本功能設計。
基本操作
在地圖的操作中主要有,放大、縮小、上下左右的滑動,基于去尋找自己所要的地點信息去進行最直接的查找方式。
在地圖的放大和縮小的功能上,Pinch(捏合手勢)比相對于放置于地圖上的“+”、“-”button來說,使用的更加頻繁。有的地圖APP,甚至在首頁上默認不出現(xiàn)這樣的button,比方說走簡潔風格的Google Map,這樣做顯得畫面更加干凈,反而讓用戶沉浸在地圖的查看體驗中,未嘗不是一種好的選擇。當然,還有個便捷的放大操作就是雙擊需要放大的地點。
默認情況下,地圖會先加載首屏的數(shù)據(jù),當用戶進行上下左右滑動到其他地方的時候,再進行加載其他區(qū)域的數(shù)據(jù),這樣能保證優(yōu)先顯示最重要的區(qū)域。
并且視覺中心是屏幕的中心,當用戶在選擇其他區(qū)域的時候不改變視覺中心點,避免頻繁查看地點過程中,加載情況導致視覺一直變化給用戶帶去的眩暈感。放大縮小后,還可以進行考慮的就是,地點的聚合,縮小到一定程度之后,距離近的地點就變成一個具有更統(tǒng)籌一點的地理位置信息,一是因為點擊區(qū)域變小不方便用戶進行點擊;二是方便對同一層級信息的歸納與管理。
關于地點
地點主要分為查找、選擇、返回、新增、報錯五大范疇,而與用戶緊密相連的還有,人的定位以及影響范圍的考慮。
查找一個地理信息,是最常用、最便捷的方式。模塊主要是分為搜索和智能推薦兩個部分。樓主會在以后的文章進行兩部分說明。
選擇地理位置的場景分為兩種,一是用戶一屏以內就可以發(fā)現(xiàn)有其他的地方可以選擇,或者說看起來比較符合用戶的需求;二是用戶在移動或者縮小地圖看到更多的區(qū)域之后有符合自己需求的地點信息,于是點擊進行選擇了。兩者情況的共同點就是找到符合自己需求的地點,進行選擇。
而其中的關鍵點在于隨著比例尺的變化,推薦給用戶的地理信息。比方說做飲食推薦的地圖,就突出顯示餐廳的地理信息與周圍的標志性建筑,正常顯示其它的信息。
返回到現(xiàn)在的地點也是常用的功能之一。當用戶移動到其他地點的時候能夠快速找回自己的出發(fā)點,這一點的功能有點像Web端的導航系統(tǒng)中“回到首頁”的功能,當用戶打開到足夠多的層級或者說跳轉比較強烈的時候,在網頁上迷路,那么一鍵回到首頁重新開始就是個不錯的選擇。但在這一點的操作上,國內的APP操作主要放在左下角,國外Google Map放在右下角,而iOS自帶的Map則放在了右上角。不同的map培養(yǎng)了用戶不同的操作習慣。還有一個小的細節(jié)就是,再次點擊會進入3D模式的指南針界面。
新增、報錯的使用場景都是在用戶沒有找到自己想要的地點下產生的需求,它需要用戶額外去填充一些信息,對用戶來說,付出的勞動力比較大,所以受眾比較小。主要以運營或者組織方為主。
其他因素和Corner Case
切換模式,地圖的產品主要有衛(wèi)星圖、2D平面圖、3D俯視圖三種模式。衛(wèi)星地圖是衛(wèi)星拍攝的真實的地理面貌,所以衛(wèi)星地圖可用來檢測地面的信息,你可以了解到地理位置,地形等,對抗災或者地貌比較合適,在有些運動里面,比如說打高爾夫也需要地形圖的參考,可能也會用衛(wèi)星圖。2D因界面的簡潔直觀,適用范圍更加廣泛。3D模式的模型圖下,對于尋找建筑物和方位來說更有利。
Corner Case是一些極端情況下的考慮,主要是地理信息未授權、網絡慢地圖未加載完全的空狀態(tài)顯示、無網絡情況的現(xiàn)實情況。未授權的情況一般用彈出框進行提示,給兩個選項,如下圖。
離線與非離線數(shù)據(jù)包的整理,離線數(shù)據(jù)包的情況支持用戶在沒有網絡的情況下也可以進行使用。這種場景主要是用戶進行應急或者出國旅游沒來及換成當?shù)氐木W絡支持等情況。
以上只是對單純地圖的功能分析,完整的地圖功能還有很多可以進行描述,比如說比例尺、收藏、線路規(guī)劃等等。但當?shù)貓D與其他部分功能進行結合時,就會產生不同種類的功能增減。
比方說在共享車的應用里面,地點就不能進行點選,只能在地圖上進行定位的移動。這樣做的好處就是使定位更加精準,比方說同一個樓有東南西北四個門和四個出口,每個出口可能都有很多單車,而你恰好在北門站著,推薦給你的單車就更應該偏北方一點,以你人為中心進行推薦,而不是以你所在的樓為中心。
地圖只是整個產品的一部分,下一篇文章將介紹地圖同體育場館進行結合,怎樣開始一場基于場館地理信息的球賽。也將介紹在真實的項目中怎樣進行功能的刪減操作。
今天也讀到另一段對樓主影響比較大的話:
對于什么樣的知識有用,什么樣的無用,我覺得能夠改變我們自己的現(xiàn)狀,能夠創(chuàng)造更好的未來,能夠幫助更多的人,那么能學就都學,就算很難,你學了并沒有進步很大,你也比很多沒有學習的人要強。學習的知識多了,內心就充實了,頭腦里的存量多了,思考就清晰了,考慮問題就周到了,幸福感就提升了。
Sophia的tips:怎樣提高思維,首先做的就是提高腦袋里面知識的存量,不斷地做實事!
相關閱讀
《創(chuàng)業(yè)公司設計師怎樣從0到1設計一款APP(一)——概述》
專欄作家
Sophiallg,微信公眾號:Sophia的玲瓏閣,人人都是產品經理專欄作家。一枚愛折騰,愛健身的交互設計妹紙。
本文原創(chuàng)發(fā)布于人人都是產品經理,未經許可,禁止轉載。
夠淺的
這些都是高德、百度等地圖最最基本的功能了
老板,等看下篇