[思考]设计模式杂谈-地图

现在的地图已经进入了生活中更多的领域,LBS(Location Based Service 基于位置服务)丰富在了更多的线下场景,外出购物,路线导航,打车出行,预定房间,叫个外卖,甚至是附近交友,地图都会扮演一个重要的角色。相较于其他的个性化服务方式,LBS收集信息更为准确,易于实现。想想看,你去优化一个feeds推荐算法有多头疼。

地图在app中的应用十分广泛,在这里谈谈如何在app中引入地图,并且让它易于使用,以及案例中的设计亮点。

加入地图可以给产品带来哪些提升?

地图可以让你的产品变得:直观,可视化;灵活,可操作性。

直观,可视化

地图上的信息是聚合的,并且可视化程度很高,你可以通过地图上的标识来读取到想要的信息,例如目标地点所处的方位,相距的距离,还有附近其它你可能关心的信息(预定房子你可能期望了解附近的商圈信息)。而这些信息,通过文字很难去表达,或者说不足以在页面中(尤其是移动端)做到精简地表达。

一款app的附近餐厅


在这个例子中,附近的餐厅以list的形式呈现,位置信息智能通过店名括弧后的信息显示,第三个item则显示不全。能够获取到的餐厅信息不多,也无法让用户产生探索欲。

灵活,可操作性

相较于文字或者列表,地图可以进行移动,缩放,旋转,元素化。丰富的交互类型,可以让用户直接在地图上操作,而无须在页面上递进跳转。相交于从表单和图片库中去苦苦搜寻,便捷了不少。

如果用户并不关心地理和位置信息,或这些信息只是次要的内容,那么可能不适合引入地图,因为大量的次要/无关信息只会消耗用户的精力去探索,然后卸载。

接下来谈一些设计上的小方法,一点点的提升地图的使用体验。

1.始终明确的定位

如果你提供的服务与用户所在的地点有关联的话,那么需要通过图钉或高亮的圆点,来明确用户当前所处的地点,让用户清楚自己当前的位置。并且在移动到其他区域丢失了图钉后,在页面中提供重新定位的按钮,帮助用户快速定位到当前的位置,降低重新寻找当前位置的成本和减少丢失目标的焦虑。

2.适应比例尺的tips

地图在不同的比例尺下,展示的信息密度是不同的,tips作为对重要信息的标识,也同样应该在不同比例尺下有不同的展示形式,因为用户在大地图和局部地图上对信息的期待是有层次的。

Agoda的递进tips


从左至右,是Agoda在不同比例下,对酒店tips的标注,从圆点,到图标,再到显示详细的价格,这是一个递进的过程,用户首先希望知道的是:目标地点有没有酒店?酒店分布大概有多少?这个位置的酒店价格是多少?

想想看,如果从一开始就把所有的tips都标明价格,整张地图就所剩不多了,而且那些你不关心的酒店占据了绝大多数的屏幕。

3.对呈现的信息进行约束

地图上获取的信息可以有很多,但是我们需要对信息增加约束,控制呈现的数量和形式,不加思考地把信息扔给用户,会让你的产品不容易使用。

booking的地图点

booking在分区统计总数的方法也不错,但是稍微放大一下,就是密集恐惧症的噩梦了...

除了优化算法,分层递进之外,你也可以尝试在页面上添加一个筛选条件,让用户可以主动的去选择自己想要看到的信息。

Airbnb的筛选延续到了地图中

airbnb增加的筛选条件可以帮助控制页面呈现的信息,相较于智能的推送,这让使用者更加灵活的操作。

4.对tips进行区分

对tips进行区分,加速对地图信息的阅读,你可能通过它的形状,颜色就能辨别出它是不是你所期望的目标。

左:Spot  右:Hotel Tonight

Spot,对餐厅和酒吧的图标作出区分,也许都能让你和朋友坐坐,但是你可以考虑的更细致了。

Hotel Tonight maps,相较于前几类的地图,他在价格上的颜色上作出了些改动,即使你没有对价格作出筛选,也可以通过颜色来寻找期望价位的酒店。这里颜色的辨识度也挺重要,而且颜色应该也会影响到作出的选择。

5.选择浮层面板

在地图中会涉及到很多的操作,如果跳转到新页面的话无疑会增加许多的负担,所以在选择触发控件的时候,请更优先的考虑浮层形式,因为这不仅可以在当前页面保留地图信息和操作,而且也可以即时的更改和调整。用户无需担心某些参数改变后,地图上的信息是不是不一样了。

Uber

Uber就是这样一个优秀的例子,地图信息会在页面上保留,额外的操作作为浮层呈现,你可以根据自己的路线以及附近的车况来选择自己需要的车型。此外,UBer为人乐道还有引入了小车的图标,你不仅知道它在哪,还可以知道它前进的方向。

6.避免让用户盲目的探索

地图具有探索性,用户可以自由地点击滑动,去寻找想要了解的信息,但是产品本身并不应该让用户盲目地去探索,这会让使用者花费很多的时间,而收效甚微。你可以通过几种方法来解决这个问题:

-预设安全区域

将用户可能需要的信息优先呈现在屏幕中,即时无法完整呈现,也应该告诉用户在哪一块放大进行探索。

-回拽提示

如果用户离开了预设的区域很多,这个时候需要考虑重新对用户进行推荐,通过一些横幅或滑出层对用户提供推荐,引导至目标区域进行探索。

摩拜单车

摩拜会主动提示用户最近的一辆单车,并且展示上的更为优先,图标也大一些,你不需要再去想附近哪一辆最快能用上。摩拜在运营活动上对tips的运用也很丰富,不论是红包还是礼物,都增进了地图的探索性,可能你愿意多走50米去骑一辆红包车对吧?

现在的开放API平台很多,高德,Google等等,如果你有兴趣也可以注册一个开发者账号,定位,地图,导航的SDK都能够获取,将它引入你的产品,然后探索吧~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 203,324评论 5 476
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 85,303评论 2 381
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 150,192评论 0 337
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 54,555评论 1 273
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 63,569评论 5 365
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,566评论 1 281
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,927评论 3 395
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,583评论 0 257
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,827评论 1 297
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,590评论 2 320
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,669评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,365评论 4 318
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,941评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,928评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,159评论 1 259
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,880评论 2 349
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,399评论 2 342

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 171,391评论 25 707
  • 社交红利阅读笔记 书名:社交红利(修订升级版) 作者:徐志斌 出版社:中信出版社 正文前笔记: 推荐序1摘要 社交...
    凫水阅读 8,896评论 4 26
  • 共享单车的火爆为地图类应用带来了崭新的使用场景,百度地图抓住时机地增加了共享单车的功能入口,同时新增了“地铁+共享...
    baolvlv阅读 21,666评论 4 118
  • 总是看着别人的故事, 却不知写写自己的故事, 不是从何说起, 不知从何下笔, 或许这就是不了解自己。
    丫小包阅读 181评论 3 0
  • “来,丹儿,这是我敬你们的新婚酒,祝福你们百年好合。”赵晗月说着举起酒杯,此时王凤丹正和刘晓安面对面坐着,听了这些...
    思想聚焦的原创阅读 185评论 0 5