基于地图应用层的设计，嗯，我不是在说地图POI，也不是说测绘，更不是说哪些敏感区域不允许在地图上展示，你懂得。
基于地图的基础信息，在此基础上的产品设计，来满足某一类用户的某种需求。比如我们，就有酒店地图的需求。😀
在设计之前，我们思考的是，地图做为『底层背景』过于庞杂，如何把内容传达的更明确，更好的区分层次？如果我们简略把设计对象分层的话，大致可以分为：内容信息层、UI层、背景层。
最重要的是让用户第一注意力聚集在内容本身。
如果是一般的页面设计，背景层做为底层，因为有很高的设计自由度，从而带给UI层和信息层也有较强的发挥空间。但是基于地图的设计，第三方地图不可变，且内容繁多，导致UI层和信息层的展现要更明晰，方便不同层次不同内容的展现，有次序，不凌乱。
换个角度思考：
当一个用户在地图上找酒店时，在看什么？当他已经找到目的酒店，看地图时，又在看什么？
再换个角度：
基于地图的设计，带来的种种不同，是否可以创造不同的视觉形式？这种视觉形式，如何适配多种不同的应用场景，不同的设备，同时与现有的设计保持应有的一致性和联系？
从各个不同的角度出发，收集上下游来的各种信息，结合现有的数据，思考不同的展示模式，带来的效果就是：嗯，酒店所在地理位置，酒店详细信息，周边信息，交通信息，多维度的多个酒店比较，单个酒店的内容展示等等。把重点项罗列出来，大概有数了。
直接上图，最终的设计：
值得再细说一下的是，酒店地图中的单个酒店弹出层的内容设计，最开始，我们这样:
信息分一下模块就是：
后来我们讨论重新设计之后，是这样：
信息分一下模块就是：
主要的区别就是，从左右结构，但内容集中在右侧，左侧容易被忽略，改成上下结构，内容自上而下，阅读次序更顺畅，同时对用户来说，酒店图片和评论的重要度提升。
大图展示的魅力不用多说，小图起到的作用毕竟有限。
最终项目上线提升30%以上的转化，你信么？😀
观迎参观：http://hotels.ctrip.com/hotel/shanghai2/map
谢谢观赏，
Ctrip.UED.Lavi
本篇文章来源于微信公众号: TripDesign
