咨询电话:186 7916 6165 咨询电话:186 7916 6165 (微信同号)    在线QQ:181796286
DESIGN SHARING ·
设计分享
关注开优网络 关注前沿
2020年海报模型模板推荐
After Effects幻灯片模板

在网站或APP应用中使用地图的10种方法

发表日期:2020-05-15    文章编辑:南昌开优网络    浏览次数:3702    标签:网页设计

为了方便用户更容易可以定位企业的办公位置并增加企业的可信度,越来越多的应用程序以及网站中预留了相关的版块内容。 几乎每个应用程序都会提供一个具体的位置,并且它们的存在在网站设计上也变得越来越普遍。

但是,如果你没有对实际的位置提供地图图示或者准确的位置信息,这对用户来说是不友好的。

如何有效地为你的网站设计或应用程序使用地图服务? 我们今天将向你介绍定制风格地图的十种方法。

1.作为实际地图(As an Actual Map)



这几乎不言而喻,地图的最直接也是最原始的用途可能就是绘制具体的位置信息。 你可以使用几种方法为你的设计项目创建地图,你甚至可以自己绘制地图或使用第三方服务。

使用绘制的地图,你可以获得使用其他框架可能不容易实现的控制和样式。 你的地图可以具有传统的外观或具有多种不同的特征,以匹配你的网站风格,从卡通到彩色到简化,几乎没有什么限制。

排名第一的第三方地图系统是谷歌地图。 与其他类似的地图绘制工具相比,它被更多网站和设计师使用。 它功能强大且易于使用并很容易就可以集成到你的网站。 Google有一个完整的教程,可以使用HTML或API将地图添加到项目中,你可以使用基本地图功能或学习自定义来使用更高级的功能。

2.“打卡”景点或位置(For Checking In to Certain Spots)



“景点打卡”是各种移动应用程序的流行功能。 当你访问某些流行的地点(例如“网红店”)或你去的每个地方(Foursquare)或在社交媒体软件中签到时,你可以在应用程序中查看具体的“打卡”地点。

“打卡”可以通过独立程序来实现,该程序专门用于捕获地图上的位置或作为较大程序的一部分。 这种形式的好处是,你可以看到以清晰格式绘制的所有内容(想象一下,你可能会有一个值得发布到朋友圈进行分享的完美旅行)。

3.监控流量或数据(To Monitor Traffic or Data)



谁在关注你的公司或访问你的网站? 这些用户集中在哪里? 地图和位置信息可以帮助你确定访问者是否可以带来转化。

可以这样想:如果你的网站的所有流量都来自世界的另一端,那么可能是时候考虑电子商务而不是仅关注于本地区。

你还可以使用地图和基于位置的服务来记录步行数以及相关的其他数据,或者鼓励用户多次与活动或特定地点的应用程序进行互动。 与用户手机配合使用的寻宝风格游戏就是一个很好的例子。

除了流量之外,你还可以使用相同的概念来跟踪数据或趋势。

4.提供折扣或优惠券(To Offer a Discount or Coupon)



你可以通过向距离商店一定距离的客户提供折扣或优惠券的方式,以吸引客户访问你的实际位置。 尤其是有点偏僻的商家,一旦进入购物区,就可以为顾客提供折扣。

频率是折扣游戏的另一部分。 在客户多次进入你的“区域”后,它会激活促销活动。 使用地图和位置服务来为你提供实际的物理流量。

这也适用于酒店或旅游网站设计中。 使用地图显示你的位置,并为用户提供折扣,以吸引他们到你的确切位置。

5.作为比较的游戏或方法(As a Game or Method of Comparison)



游戏是应用和网站市场的重要组成部分。 使用它来为你产出实际的效益,你可以通过创建基于位置的游戏,供用户与你的产品进行互动并增加流量。 Chrome和Lego合作开发了一组有趣的数字积木,你可以在实时地图上建立城市(上图)。

即使没有特定的游戏组件,也要为用户提供一个可以参考的数据来比较他们正在做的事情。 我最喜欢的是耐克的跑步应用,基于地图的数据,你可以规划和执行你的日常运动情况,并将结果与朋友进行比较和分享。 我们在执行的是什么路线? 距离是多少? 这种比较有助于创造一个额外的动力鼓励你保持运动计划。

6.帮助用户查找相似的用户(To Help Users Find Like Users)



基于位置的约会应用程序同样获得了很大的推广和用户群。 帮助用户找到其他志同道合的人,你可以找到和你一样的自行车或马拉松爱好者,地图和位置在跟踪用户方面具有广泛的用途。

7.作为一个搜索工具(As a Search Tool)



Google在将搜索与地图集成方面做得非常出色。 输入一个位置的名称,它可以同时帮助你规划步行,驾车甚至通过飞机或地铁、公交等不同交通工具到达那里。

但这是一个很棒的功能,你网页设计或应用中的每个位置都应该借鉴一下这种功能。 不要指望用户努力找到你,你应该让他们轻松。 搜索应始终包含位置数据。

8.解释数据或信息(To Explain Data or Information)



平面设计师一直使用地图来解释数据或信息。 这同样可以很好地转化到网站设计中。 使用地图绘制信息,创建信息图表或解释概念。

用户越来越习惯于在屏幕上看到信息。 随着注意力的减少,对信息更加直观的需求正在增加。 使用地图可以更好地解释并将网站上的信息通过视觉的形式呈现出来。

9.即时的用户联系(To Connect with Users Now)



还记得2002年电影“少数派报道”中的场景,当汤姆克鲁斯的角色走过一个购物中心,每个广告都根据他的购物习惯和爱好进行相关的推荐? 当然,电影中的场景可能比今天的科技更先进一些,但概念是一样的。

基于位置的信息可以帮助你查找和识别客户以及他们与你的产品过去的互动方式。 Apple's Passport或Target's Cartwheel等应用程序已经开始实现这种功能,你可以选择零售商(和商店位置),并在你走进大门时通过通知提醒你正在销售的产品和其他信息。 其他应用程序已经将你的购物清单与你选择的杂货店配对,以获得所需商品的匹配列表。

10.计算成本和运输(To Calculate Costs or Shipping)

电子商务是该项技术和实践真正开始发展的领域之一。 请考虑这一点:每当你访问某个站点并允许使用你的位置信息时,运费都会自动计入到价格中。

我相信很多人在购物的时候就喜欢从一开始就考虑所有成本,而不是在最后突然被提示需要另行支付一定的运费。

从国际销售的角度考虑它。 基于位置的数据可以帮助你自动将货币更改为你所在地区的货币,并进行正确的汇率折算。