做地圖功能的設計,有哪些容易被我們忽略的思考?
編輯導讀:地圖是我們經(jīng)常使用的工具,互聯(lián)網(wǎng)讓地圖使用的場景豐富了起來。不僅可以用地圖進行導航,還可以用查找美食、酒店等等。在產(chǎn)品中加入地圖功能時,需要有哪些考量呢?本文將從四個方面進行分析,希望對你有幫助。
地圖作為使用率很高的工具,涵蓋了我們生活的方方面面,除了基礎的路線導航功能,解決了我們到陌生地方茫然找路的痛點外,還可以通過地圖找美食、酒店住宿,甚至是社交。那么,站在設計的角度,要在產(chǎn)品中加入地圖的功能,需要有哪些考量?
我們從用戶進入地圖前 —— 使用地圖時 —— 退出地圖來說說有哪些需要思考。
一、用戶進入地圖前
1. 比例尺
比例尺是地圖可視的比例系數(shù),即用戶進入地圖的頁面時,呈現(xiàn)給用戶的地圖比例該是多少。
我們先明確前提背景,用戶進入地圖的目的是通過地圖找到目標內(nèi)容,地圖的入口可以分為兩種類型:一是通過目標內(nèi)容的地址進入;二是有功能明確入口。
用戶通過目標內(nèi)容的地址進入時大多已有一個明確的地點,這時更多的需求是查看地點目標的周邊進行輔助決策,比例尺能合適展示周邊情況即可。
用戶通過功能入口進入時大多對目標內(nèi)容還不夠明確,需要地圖輔助查找。這類地圖大多為視圖的切換,通常在列表頁中出現(xiàn)。此時的比例尺可以分兩種類型來定義:一是通過固定顯示內(nèi)容數(shù)量設置自適應的比例尺,二是固定顯示范圍即默認一個比例尺。
- 自適應的比例尺根據(jù)數(shù)據(jù)的承載能力和用戶可接受的數(shù)量范圍來綜合考慮定義初始的比例尺。比例尺不一定是固定的值,可以根據(jù)要展示的數(shù)據(jù)范圍定義自適應的比例尺。
- 默認比例尺進入地圖默認比例尺即固定框定一個范圍來進行顯示,如攜程進入地圖時固定比例尺顯示該城市下的所有區(qū)域,用戶再根據(jù)自己的需要選擇某一個區(qū)進行相應酒店的瀏覽。
Tips: 非用戶自發(fā)操作不要輕易變化比例尺用戶進入地圖時需要我們提供合適的比例尺,在用戶進入地圖后,用戶可能會有移動、放大、縮小地圖及更改篩選條件等等觸發(fā)地圖數(shù)據(jù)重新加載的行為。在此期間我們要給其足夠的操控權(quán)利,如果不是用戶自發(fā)操作引起的比例尺變化,不要輕易修改地圖比例尺大小。
比例尺的變動會造成地圖的視圖頻繁變化,不是用戶操作帶來的比例尺變化會導致用戶找不到想要的目標范圍的情景,與用戶心理預期不符,這對體驗來說是非常不好的。
去哪兒-縮小區(qū)域重新搜索比例尺自動發(fā)生變化?
以用戶放大區(qū)域為例,用戶只想看放大查看目標范圍里的更多內(nèi)容,此時放大區(qū)域會重新數(shù)據(jù),我們應以用戶當前比例尺去重新加載內(nèi)容,而不是重新回到默認的比例尺。
若比例尺發(fā)生變化,那么用戶的目標范圍也會有所移動,由于地圖上的數(shù)據(jù)內(nèi)容很多,用戶很容易困惑我剛剛要看的地方在哪,特別是對當前目標范圍并不熟悉的用戶來說。因此,在用戶進入地圖后,要謹慎改變比例尺的大小。
2. 信息聯(lián)動
由于地圖數(shù)據(jù)量大,用戶需要接收的信息多,在地圖頁面通常會提供篩選條件幫助用戶找到目標內(nèi)容。對于此類的信息聯(lián)動,我們需要有以下思考:
進入地圖時要帶入什么條件?用戶進入地圖時,產(chǎn)品需要提供默認展示的數(shù)據(jù),我們要如何保證此時的默認數(shù)據(jù)是最符合用戶心理預期的呢?在此我們可以根據(jù)用戶進入地圖前的數(shù)據(jù)展示和篩選條件來綜合考量。
以選擇酒店為例,我們假設一個場景:用戶選擇了地點、入住時間段與入住人數(shù)后進入酒店列表頁,在列表頁滑動查看了幾頁后,對目標酒店還是不太有想法,這時想要進入地圖頁看看哪些酒店的位置比較方便(此時用戶的列表頁已加載到第4頁)。用戶進入地圖模式,我們該給用戶呈現(xiàn)同列表頁第4頁相同的酒店數(shù)據(jù),還是重新為用戶提供默認的酒店數(shù)據(jù)?
筆者大致分析了幾個OTA產(chǎn)品,他們大多進入地圖頁不會與列表頁當前瀏覽的頁數(shù)進行聯(lián)動顯示,即進入地圖頁依舊是平臺給用戶篩選出的最匹配條件的內(nèi)容。
為什么這樣做的理由,筆者猜測有兩個原因:
- 列表頁的內(nèi)容不一定在地理位置上是臨近的,只是根據(jù)用戶的查詢條件進行最佳匹配推薦,若用戶沒有設置具體位置距離的篩選,這些酒店有可能在地理位置上跨度很大,若要在地圖頁聯(lián)動顯示會造成進入地圖的比例尺偏小,由此影響用戶正常瀏覽。
- 技術(shù)層面的考慮,若要做聯(lián)動需要給列表頁瀑布瀏覽做頁碼編碼,且對應關系也需要特殊處理,比方說當前列表頁剛好上半部分是第4頁下半部分是第5頁,那么進入地圖時該顯示第4頁還是第5頁呢。
大家若有其他想法,歡迎一起交流討論。
二、用戶使用地圖時
1. 數(shù)據(jù)承載與地圖移動的關系
用戶進入地圖后,移動地圖是非常常見的操作,理想情況下,地圖是會跟隨用戶的移動進行實時的數(shù)據(jù)加載與更新。
但同時會造成反向的影響:
1)對于數(shù)據(jù)處理的影響
用戶移動的路徑每偏移一個經(jīng)緯度,后端數(shù)據(jù)需要根據(jù)這經(jīng)緯度進行數(shù)據(jù)的加載與更新,對于數(shù)據(jù)承載是一個非常復雜的操作,同時可能造成數(shù)據(jù)錯誤和加載跟不上導致頻繁失敗的反效果。
在開發(fā)數(shù)據(jù)處理的層面,用戶自主觸發(fā)搜索會涉及到經(jīng)緯度的重新加載,這時候要框定一個范圍給開發(fā)大哥們進行數(shù)據(jù)處理和實現(xiàn)。
2)對于用戶的影響
實時加載和更新在用戶界面上會帶來頻繁進入數(shù)據(jù)加載,可能用戶只是移動的速度比較慢,但移動過程中實時的加載過程會打斷用戶的移動過程,多余的加載反而造成用戶到達目標范圍的干擾。因此,大多帶有地圖功能的產(chǎn)品在用戶移動時都會出現(xiàn)一個「重新搜索」的按鈕。這樣不論對于后端數(shù)據(jù),還是對于用戶來說,都是權(quán)衡利弊較友好的設計。
2. 放大/縮小視圖
放大和縮小視圖也是地圖移動行為,這部分屬于用戶自主進行比例尺的改變。在此過程中,我們依舊要保證用戶足夠的操控權(quán)利,在用戶自主操控放大或縮小的范圍內(nèi),給其準確的數(shù)據(jù)呈現(xiàn)。
3. 臨界點處理
地圖做為一個涵蓋范圍超廣且用戶操作多元的功能頁面,臨界點是保證功能完整和易用性的基礎。那么,我們需要有哪些臨界的考量呢?
1)跨區(qū)域處理
所謂跨區(qū)域處理,即用戶在移動地圖時進入到了非當前查詢條件的行政區(qū)域,我們需要平衡技術(shù)實現(xiàn)能力決定是否要讓用戶繼續(xù)進行下一個行政區(qū)域的瀏覽,若要,需要給予適當?shù)奶崾荆矣脩舴祷亓斜眄摃r需要將新的行政區(qū)域帶回到查詢條件中重新刷新列表頁的內(nèi)容。
2)視圖的臨界區(qū)域
進入地圖視圖時會顯示一定數(shù)量的內(nèi)容標記,很有可能出現(xiàn)標簽tag處于屏幕的邊界處,用戶只能看到一半甚至是幾個像素的內(nèi)容,因此,劃定視圖區(qū)域是保障用戶能夠清晰瀏覽內(nèi)容標記的建議方式。
3)最大/最小視圖的臨界點
用戶在放大縮小視圖時可能會涉及比例尺的切換,比如從某條街道縮小到某個市,再到省和國家,因此,需要定義一個臨界點,到達哪里時默認切換到省的比例尺,顯示各省信息。
4)數(shù)據(jù)聯(lián)動的臨界范圍
數(shù)據(jù)聯(lián)動的臨界范圍,正如我們上面有提到的,當視圖涉及不同行政區(qū)域時,我們需要定義當前城市占比多大時將用戶的條件切換到此城市。
三、用戶離開地圖時
用戶在地圖查看了內(nèi)容退出時,若在地圖頁面有過篩選、翻頁、縮放、更換地區(qū)等等操作行為,我們需要視場景和需求考量是否要這些條件帶回以及如何帶回。
這里大致有兩種處理方式:
- 將篩選條件帶回用戶在地圖頁有了新的篩選條件即帶回列表頁中。用戶的行為是連貫,不會因為視圖的切換有不同的篩選需求。
- 根據(jù)用戶篩選條件來看是否要顯示地圖小視圖如攜程在添加了位置距離的篩選條件后,由于此項篩選意味著用戶對位置周邊是有目標范圍和方向的,且位置是用戶的一個關鍵決策點,此時在列表頁會顯示地圖的小視圖,方便用戶知曉當前酒店大致的位置在哪。同時若在地圖頁設置了該項篩選,那么回到列表頁也會顯示地圖的小視圖。
四、設計原則與注意事項
綜合上述內(nèi)容,筆者總結(jié)了以下幾條設計原則:
- 要給用戶足夠的操控感,不能隨意替用戶挪動顯示區(qū)域我們不能隨意改變用戶的顯示區(qū)域,特別在地圖信息這么復雜的場景下,用戶迷失了原先確定的目標方向,對于體驗是非常不好的。
- 盡可能減少加載的時長,可適當呈現(xiàn)較少的數(shù)據(jù)地圖的數(shù)據(jù)龐大復雜,若無法確保加載的高效性,倒不如限制一定的數(shù)量分批顯示,我們無法一口做一個胖子,用戶也無法一口吃成一個胖子。
- 及時的反饋地圖功能的復雜性對及時反饋有更高的要求,只有及時反饋讓用戶知曉才能給予用戶足夠的操控感。
- 要有閉環(huán)設計這里的閉環(huán)設計是指對于信息聯(lián)動要有清晰謹慎地思考。用戶的操作行為是連貫的,目標是始終如一的,因此從進入地圖、使用地圖到退出地圖都要輔助用戶決策,不要輕易改變用戶的方向和已有的明確行為。
共勉之:-)
本文由 @設計牛奶盒 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載
題圖來自Unsplash,基于CC0協(xié)議。
- 目前還沒評論,等你發(fā)揮!