今天,教你玩这个小程序版的“乐高”

创造未来
创造未来
创造未来
686
文章
0
评论
2019年11月12日03:32:38今天,教你玩这个小程序版的“乐高”已关闭评论 已被4 人盯上 2942字阅读9分48秒
枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ


你一定用过小程序来导航、打车、找共享充电宝... 不过,可能遇到过这些令人“捉急”的情况:
· 定位时,明明能够拖动地图上的图标,找到了自己想去的地方,却无法直接确定位置,只能搜索目的地;
· 叫车时,明明看到了司机就离你2公里,但却不能直接显示到达时间;
· 找共享充电宝时,明明就可以使用不同的logo区分开柜机是在餐厅、超市、还是电影院,但所有logo都一样,得一一点开才能知道你到底在哪儿?
……
地图的确能带你“去”任何地方,但是,路上也可能会发生很多不定的状况。 今天我们来聊一件“新事儿”,当一个小程序能力不能满足需求时,可以与另一个能力叠加在一起打“组合拳”。就像乐高的拼搭一样,新颖的创意,大开的脑洞往往会带来更出奇不意的效果。 本期《小程序说·能力百科全书》的主角是:地图组件+同层渲染”能力组合,我们邀请到货拉拉、货车定位、街电等3款小程序,看看他们是如何通过巧妙地应用,让自己的服务更炫酷,从而留住用户的。


1

货拉拉


给司机直接的信息,还能“找乐子”


在没有接入「地图组件」之前,货拉拉的“遭遇”是这样的。
 作为一款货运平台,地图是产品的灵魂,而「货拉拉」小程序的地图功能使用的却是H5;所以,「货拉拉」只支持地址搜索,规划路线这些都无法支持,用户体验上非常“割裂”。

接入「地图组件」,用户体验可以说是直线提升,“现在用户可以直接在地图上选择发单地址、规划货运路线,以及查看司机的实时位置等等”,「货拉拉」小程序用户端研发负责人尹志平告诉我们。
不过,用户想要看到司机与用户的实时距离、以及货车达到后的等待时间时,依然还需多次点击才能看得到。这时候,同层渲染能力则能快速解决这一“Bug”。
同层渲染相当于在地图上增加了一个浮层,底层是地图,上面可以添加许多功能和需要显示的信息。比如,在司机的位置图标上增加气泡效果,用来展示货车的位置,而在此前,得需要用户点击多次才能实现。现在,尹志平终于体验到“一眼望穿”的感觉了。

 

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ点击图片可跳转小程序

 

除了解决了根本的用户体验问题,尹志平还发现,同层渲染的加入,给货车司机们找了很多乐子。 比如,当货车到达用户指定位置,在装货过程,会有一段免费的等待时间,超时才会收费。有了同层渲染,在地图上就可以实现更多好玩有趣的动态效果。在免费等待期间,气泡中的时间采用了倒计时的效果;超时之后,则会换成另一种颜色,从视觉上给用户造成紧张感。 和高德地图用林志玲的声音和郭德纲的相声段子来增加听觉上的趣味性一样,货拉拉小程序则是用两个能力组合达到了视觉享受。



2

货车定位


跟着乔布斯做一款极简的定位神器


 

乔布斯曾说过,“简洁就是美。 但对于货车定位小程序来说,简洁有了,美却没了。 作为一个帮助用户定位货车和追踪货物的小程序,意味着货车定位需要配备足够的功能。比如定位功能,可以查看车辆的实时位置;轨迹功能,在地图上显示车辆行车路线;提醒功能,推送车辆到达时间。 而在「地图组件」支持同层渲染之前,这些功能并不能同时覆盖在地图之上。如果同时放置,整个页面会凌乱不堪。如果硬要“简洁”的话,就意味着功能不完善了。 “现在,同层渲染很好地解决了这些问题,这些功能可以与地图处于同一层级,也就不用担心不好布局的问题了。” 「货车定位」小程序产品经理Vivian说

 

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ点击图片可跳转小程序

 

除此,还可以在地图上放置更多的功能与好玩的效果。比如,把输入框用气泡的形式直接放置在地图上,方便用户操作。好玩的是,司机们可以任意增加气泡,标记自己常去的地址,下次使用直接调出即可,方便又快捷。 值得注意的是,同层渲染还大大提高的操作效率,没有特殊需要的用户和司机可以直接使用地图享受服务,有其它需要的用户和司机,可以在浮层上任意选择。一页直达,各取所需。

 

3

街电


5折优惠券用一种巧妙的方式发放


如果说,货拉拉与货车定位只是“停留”在视觉体验与功能优化上,那对于街电小程序来说,同层渲染带来的改变,则是开发者更在意的转化与变现。 乍一看,地图组件也好、同层渲染也好,与转化变现并没有什么关系,但在定位导航的场景中,则可以完美实现。
在「地图组件」的使用上,街电主要是用来标记用户附近的充电宝柜机。用户可以通过地图直观地了解周边有哪些商户可以使用街电共享充电宝,并查看各柜机对应的可借、还状态,此外,还可以唤起导航前往目的地。 “尤其是在支持同层渲染之后,「地图组件」的能力就更强大了,不但降低了我们的开发难度,还可以在地图上叠加更多好玩的动画效果”,「街电」小程序负责人小富告诉我们,“在此之前,连GIF都不支持,几乎无法在地图上使用动画。” 直白点说就是,在柜机图标的展示上,效果更好看也更好玩了。商家不但可以更换logo样式,点击气泡图标,还展示商户名称。

 

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ点击图片可跳转小程序

 

这样一来,不同类型的商户、不同状态的柜机就能使用不同的logo,用户在选择上更直观。节假日时,也可以换成主题logo,或根据商户进行定制。比如,在聚美301周年庆的活动上,街电就把所有柜机的图标换成了该活动的主题logo,以此达到宣传效果。对于街电来说,logo的更换也能成为一种广而告之的载体。 
此外,街电联合附近商家推出专属优惠活动,商家logo可被特别标记出来,同时,用户点击商家图标后的气泡,还会显示“优惠券”。这个举措可谓是一箭三雕:帮商家引了流、街电顺便拉新转化,而用户说不定就能抽一张5折优惠卡,在给手机充电之际,去吃一顿可口的大餐。  


Tips

给开发者的一些建议



| 1.「地图组件」本身无太大问题,主要是它与之对应的覆盖组件有太多兼容性问题,在同层渲染之后可以大幅度减少这类问题。但需要注意的是,同层渲染的基础库版本比较高,强行升基础库会造成较多用户不升级微信就使用不了小程序;


| 2.「地图组件」的使用上, 在自定义组件下,使用wx.createMapContext方法去创建地图实例,要记得给第二个参数this传值,不然方法会无效,另外,要理解「地图组件」是原生组件,setData完后并不代表map已经做完了相应的操作;


| 3. 在做服务端动态下发地图图标的功能时,地图图标是只支持将图标打包到小程序包内的,所以就无法实现动态与个性化配置。但是,可以采用服务端下发图片地址,然后小程序先将图片下载到本地的办法,来实现动态配置的效果。


本期《小程序说·能力百科全书》介绍的「地图组件+同层渲染」能力,大家看过之后都有哪些启发?欢迎留言与我们交流。需要接入的话,赶快参考《开发文档》实战体验吧。
当然,如果你有在能力运用上的新想法、案例,或者数据,以及开发过程中遇到的疑问,都可以通过填写下方问卷与我们联系。

点击填写问卷


往期推荐


枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

微信公开课

微信ID:wx-gongkaike

枣庄滕州无忧小程序工作室,主营枣庄及滕州小程序,微信小程序开发,多合一小程序制作,百度抖音支付宝头条QQ

1.点击历史信息,查看更多内容

2.长按右侧二维码,关注微信公开课

长按二维码关注



枣庄滕州睿博网络服务工作室专注枣庄和枣庄滕州地区的企业网站建设定制开发服务及各大平台(百度微信支付宝头条抖音)小程序开发定制。小程序免费体验。主营各类型软件系统定制开发,各平台各行业类型的小程序定制开发制作,网站系统开发定制及建设、推广,各大知名品牌网站服务器的代理销售,联系方式:微信(qq):541074440,手机号15563204499
继续阅读
weinxin
我的微信
这是我的微信扫一扫
  • 本文由 发表于 2019年11月12日03:32:38
  • 除非特殊声明,本站文章均为网络收集,如侵犯您的权益可联系邮箱:541074440@qq.com
抖音电商小程序入驻标准(试运行版) 抖音小程序

抖音电商小程序入驻标准(试运行版)

各位开发者,你们好: 为规范电商小程序上线,特制定以下入驻标准,符合标准的小程序在审核后可自动上线到抖音端,请认真阅读,再次感谢您对字节小程序平台的支持与关注。 备注:抖音电商类小程序入驻处于启动阶段,为降低风险,试运行期间标准较高,后续铺开后将根据运营状况及时调整,其他接入方案也在同步推进中,敬请期待。 类目准入标准 1.品牌电商类 1.1 天猫旗舰店/京东旗舰店/拼多多旗舰店任意平台粉丝数大于...
实名验证、分时预约,旅游行业复苏更需要这个! 滕州小程序开发

实名验证、分时预约,旅游行业复苏更需要这个!

经历过毫无防备的退订潮,文旅行业现在面临着新的“复苏”议题。 如何进行安全有序的复工?怎样分时预约,做到游客实名可回溯?即将到来的五一、端午“报复性”旅游如何应对? 这份指南请收好↓↓↓
@所有小程序开发者,手机上就能给小程序提审加急 滕州小程序开发

@所有小程序开发者,手机上就能给小程序提审加急

你有试过在下班路上,小程序突然要加急提审,但身边又没有电脑吗?别愁,今天给大家分享个“福利”:即日起,小程序开发者在手机端的小程序助手,可以提交小程序代码审核、加急或撤回代码审核、设置体验版小程序了。|提交代码审核和查看审核版本,可以很轻松紧急的提审时,打开小程序助手,手机上轻松提交代码审核。但目前还不支持小游戏类型的代码审核。提交审核后,想了解最新的审核消息。你可以在小程序助手内,快速查看近期审...
专业提供各种“代发钱”服务 滕州微信小程序资讯

专业提供各种“代发钱”服务

各位市民、街坊、老乡:大家好。是的,你没看错微信多了个新技能——“代发钱”。疫情逐渐退散,盼望着盼望着,吃吃吃、买买买、浪浪浪的好日子来了!由各地政府、机关事业单位发放的一大波“消费券”也正在袭来,微信为此提供专业的“代发钱“服务。当地朋友们在微信钱包、微信卡包或微信支付公众号菜单栏等就有机会领取到,用微信支付还能自动减免。该项服务现已火热开张,今天收到一张湖南的大单!3月26日,湖南省总工会宣布...