淺析地圖相關產品設(she)計(上xi)   贗嫉幕ji)本因(yin)素設(she)計
淺析地圖相關產品設(she)計(上��xi)   贗嫉幕��ji)本因(yin)素設(she)計-移動閱讀二維碼(ma)

現(xian)階段,如果有人說(shuo)想做出一個媲美于高德、谷歌、百度地圖的地圖類(lei)產品,估(gu)計不會(hui)被大多數人看好。再去研究一個地圖本身沒有太大的意義,但將(jiang)地圖的地點(dian)與(yu)生(sheng)活中的需求(qiu)聯系起(qi)來就會(hui)得到(dao)非(fei)同凡響的影(ying)響。比re)縊shuo)現(xian)在依然(ran)大熱(re)的共享單(dan)車行業,就是(shi)將(jiang)交通(tong)工具同地理位置進行結合(he)xi) 僖淮穩貿魴諧cheng)為了熱(re)點(dian)。

 

反過(guo)來想一想,衣、食、住、行等民生(sheng)行業,方方面(mian)面(mian),都(du)少(shao)不了對地理位置的依賴。以下是(shi)關于地圖本身狀態的思(si)考腦圖,然(ran)而難xun)dian)不在地圖(因(yin)為這一塊現(xian)在市場上已(yi)經又(you)相對比較成(cheng)熟的產品),在于將(jiang)地圖同新的需求(qiu)聯系起(qi)來而產生(sheng)的多種(zhong)化學(xue)反cong)/strong>。今天先來談(tan)談(tan)地圖本身的基(ji)本功能設(she)計。

 

淺析地圖相關產品設(she)計,地圖的基(ji)本因(yin)素設(she)計f0.jpg

 

365彩票论坛官网

 

在地圖的操(cao)作中主要有,放大、縮(suo)小、上下左右的滑(hua)動,基(ji)于去尋找自yue)核 牡氐dian)信息去進行最直接的查找方式。

 

在地圖的放大和縮(suo)小的功能上xi)inch(捏合(he)手(shou)勢)比相對于放置于地圖上的“+”、“-”button來說(shuo),使用的更加頻繁。有的地圖APP,甚至在首頁cheng)夏 喜懷魷xian)這樣的button,比方說(shuo)di)嘸蚪嚳綹竦oogle Map,這樣做顯得畫面(mian)更加干(gan)淨,反而讓用戶(hu)沉浸(jin)在地圖的查看體驗中,未(wei)嘗不是(shi)一種(zhong)好的選擇。當然(ran),還(huai)有個便(bian)捷的放大操(cao)作就是(shi)雙擊需要放大的地點(dian)。

 

地圖的基(ji)本因(yin)素設(she)計1e

 

默認情況下,地圖會(hui)先加載首屏的數據,當用戶(hu)進行上下左右滑(hua)動到(dao)其他地方的時候(hou),再進行加載其他區(qu)域的數據,這樣能保(bao)證優先顯示最重(zhong)要的na)頡/p>

 

並且視覺(jue)中心(xin)是(shi)屏liao)壞鬧行xin),當用戶(hu)在選擇其他區(qu)域的時候(hou)不改變視覺(jue)中心(xin)點(dian),避免頻繁查看地點(dian)過(guo)程中,加載情況導致(zhi)視覺(jue)一直變化給用戶(hu)帶(dai)去的眩(xuan)暈感。放大縮(suo)小後,還(huai)可以進行考慮的就是(shi),地點(dian)的聚合(he)xi) suo)小到(dao)一定程度之後,距離(li)近的地點(dian)就變成(cheng)一個具有更統籌一點(dian)的地理位置信息,一是(shi)因(yin)為點(dian)擊區(qu)域變小不方便(bian)用戶(hu)進行點(dian)擊;二是(shi)方便(bian)對同一層級信息的歸(gui)納與(yu)管理。

 

 

365彩票论坛官网

 

地點(dian)主要分為查找、選擇、返回、新lue)觥  /strong>五大範(fan)疇,而與(yu)用戶(hu)緊密相連的還(huai)有,人shuo)畝ㄎ灰約(yue)壩ying)響範(fan)圍的考慮。

 

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

 

選擇地理位置的場景分為兩種(zhong),一是(shi)qie)沒hu)一屏以內就可以發現(xian)有其他的地方可以選擇,或者說(shuo)看起(qi)來比較符合(he)用戶(hu)的需求(qiu);二是(shi)qie)沒hu)在移動或者縮(suo)小地圖看到(dao)更多的na)蛑 笥蟹he)自yue)盒棖qiu)的地點(dian)信息,于是(shi)點(dian)擊進行xing)≡窳恕A秸 榭齙墓餐 dian)就是(shi)找到(dao)符合(he)自yue)盒棖qiu)的地點(dian),進行xing)≡瘛/p>

 

淺析地圖的基(ji)本因(yin)素設(she)計

 

而其中的關鍵點(dian)在于隨著(zhou)比例尺的變化,推薦給用戶(hu)的地理信息。比方說(shuo)di) 懲萍齙牡贗跡 屯懷魷允靜吞牡乩 畔 yu)周圍的標志性建築,正常(chang)顯示其它的信息。

 

返回到(dao)現(xian)在的地點(dian)也是(shi)常(chang)用的功能之一。當用戶(hu)移動到(dao)其他地點(dian)的時候(hou)能夠快速找回自yue)旱某齜 dian),這一點(dian)的功能有點(dian)像Web端shuo)牡己較低持小盎氐dao)首頁”的功能,當用戶(hu)打(da)開到(dao)足夠多的層級或者說(shuo)跳轉比較強烈的時候(hou),在網頁cheng)廈月lu),那(na)麼一鍵回到(dao)首頁重(zhong)新開始就是(shi)個不錯的選擇。但在這一點(dian)的操(cao)作上xi) 詰PP操(cao)作主要放在左下角,國外Google Map放在右下角,而iOS自帶(dai)的Map則(ze)放在了右上角。不同的map培(pei)養了用戶(hu)不同的操(cao)作習慣。還(huai)有一個小的細節就是(shi),再次點(dian)擊會(hui)進入3D模式的指南針界面(mian)。

 

新lue)觥  /strong>的使用場景都(du)是(shi)在用戶(hu)沒有找到(dao)自yue)合(he)胍 牡氐dian)下產生(sheng)的需求(qiu),它需要用戶(hu)額外去填充(chong)一些信息,對用戶(hu)來說(shuo),付出的勞動力比較大,所以受(shou)眾比較小。主要以運營或者組織方為主。

 

 

365彩票论坛官网

 

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

 

地圖相關產品設(she)計的基(ji)本因(yin)素設(she)計

 

Corner Case是(shi)一些極端情況下的考慮,主要是(shi)地理信息未(wei)授(shou)權、網絡慢地圖未(wei)加載完全的空狀態顯示、無網絡情況的現(xian)實情況。未(wei)授(shou)權的na)榭 話閿玫 隹kuang)進行提(ti)示,給兩個選項,如下圖。

 

淺析地圖相關產品設(she)計地圖的基(ji)本因(yin)素設(she)計

 

離(li)線與(yu)非(fei)離(li)線數據包的整理,離(li)線數據包的na)榭鮒?鐘沒hu)在沒有網絡的na)榭魷亂部梢越惺褂謾U庵zhong)場景主要是(shi)qie)沒hu)進行應急或者出國旅游沒來及換成(cheng)當地的網絡支持等情況。

 

以上xian)皇shi)對單(dan)純地圖的功能分析,完整的地圖功能還(huai)有很(hen)多可以進行描(miao)述(shu),比re)縊shuo)比例尺、收藏、線路(lu)規劃等等qu)5 鋇贗加yu)其他部分功能進行結合(he)時bao) 突hui)產生(sheng)不同種(zhong)類(lei)的功能增減。

 

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

 

淺析地圖相關產品設(she)計基(ji)本因(yin)素設(she)計

 

地圖只是(shi)整個產品的一部分,下一篇文章將(jiang)介紹地圖同體育場館進行結合(he)xi) zen)樣開始一場基(ji)于場館地理信息的na)蛉sai)。也將(jiang)介紹在真實的項目中怎(zen)樣進行功能的刪減操(cao)作。

 

今天也讀到(dao)另(ling)一段對樓(lou)主影(ying)響比較大的話︰
對于什麼樣的知識有用,什麼樣的無用,我覺(jue)得能夠改變我們自yue)旱南xian)狀,能夠創造更好的未(wei)來,能夠幫助更多的人,那(na)麼能學(xue)就都(du)學(xue),就算很(hen)難xuan) 閶xue)了並沒有進步很(hen)大,你也比很(hen)多沒有xing) 暗娜艘 俊strong>學(xue)習的知識多了,內心(xin)就充(chong)實了,頭腦里的存量多了,思(si)考就清晰(xi)了,考慮問題就周到(dao)了,幸福感就提(ti)升了

 

 

Sophia的tips︰
怎(zen)樣提(ti)高思(si)維,首先做的就是(shi)提(ti)高腦袋里面(mian)知識的存量,不斷地做實事

 

 

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


本文鏈接︰http://www.mobileui.cn/map-related-product-design-1.html
本文標簽: ,