小程序浪潮来袭,设计方面要如何突出重围?

微信小程序于2017年1月9日正式上线,支付宝小程序也于2018年9月12日正式上线,互联网两大巨头都纷纷表示把发展重点放到了小程序上,那作为设计师的我们,要怎么在小程序的浪潮里稳住脚步并突出重围呢?



无论是微信小程序还是支付宝小程序,跟APP和普通H5设计上并没有太大的区别,但是体量就能比APP小很多,整体稳定性也比H5要好。


那他们两者之间又有什么不同呢?


1.首先,微信小程序是面向大众开放注册的,注册门槛相对要低,也基于微信本身的社交属性,微信小程序更立足于娱乐和社交,休闲游戏类的活动比支付宝小程序更多,整体数量也要更多。


支付宝小程序则是面向企业开放注册,对注册者的信用要求会相对要高。所以相比微信小程序,支付宝小程序更立足于信用和服务。


2.支付宝能分享小程序到微信打开;微信不能分享到支付宝打开,只能分享给微信好友;而支付宝更支持多方社交网站/门户分享。


3.支付宝小程序能直接在添加到手机桌面;微信的小程序只能分享给微信好友;由于入口的便利,支付宝更能增加用户回流,甚至可以取代部分不常用的APP。



4.支付宝小程序分享页面为750X950,分享的页面是自动生成当前页面的截图;微信小程序分享页面为:800X900,需要设计一张相应的分享图片。



可以看出,在设计上,微信小程序与支付宝小程序基于本身平台来说,两者并没有太大的差异,他们的差异性更多体现的功能和开发层面上。


在小程序的设计上,可以有什么突破点?


1.首先他们各自都有一套设计规范,设计师们可以根据官方所给的设计规范,能更高效地进行设计工作,避免踩雷。


微信小程序:

https://developers.weixin.qq.com/miniprogram/design/index.html?t=19022017


支付宝小程序:

https://docs.alipay.com/mini/design


而微信比支付宝更多整理了一套关于小游戏的设计规范:

https://developers.weixin.qq.com/minigame/design/index.html?t=19022017


2.小程序特点:无扰。服务用户,不打扰用户,用完即走。轻量:让用户便捷、迅速、简单地获取服务。利用这个特点,小程序的设计一定要做到更便捷,更轻松,操作步骤也应该要比APP要少。


3.微信和支付宝导航栏自定义颜色,可带来沉浸式体验;在微信的小程序:支持整个场景覆盖。目前对于游戏类型的活动,减少割裂感,带来更好的用户体验,也为设计师的创意提供更多的空间;

支付宝小程序:自家的产品支持整个场景覆盖;仅支持修改单色改变,期待他未来支持更多形式 。


4.巧用重力感应,重力感应是小程序能调用的一个重要功能,可以利用它,优化游戏体验。


5.读取好友通讯录,小程序能自动读取好友通讯录,能直与已参与游戏的好友PK,以及可以直接邀请好友。设计上可以使活动的PK感更强。



6.小程序能读取微信和支付宝的运动步数,可策划通过运动步数收集,进行兑换红包,兑换基金公司的积分;与基金公司的用户积分形成一个相交体系;又可以增加新客户开户;加入签到功能等回流,增加用户粘性的功能;


案例:运动赚,在2018年1-5月微信小程序TOP100



7.基于小程序比普通H5包容更大场景的设计。

举个例子:薅福利,活动目前是用户通过首页采摘红包,点击各种跳转弹窗操作;如果在首页场景进行修改,点击按钮,场景直接左移转去别人的地进行偷摘红包,会比弹窗切换,更有真实场景感,增加趣味性;达到一个新版本升级的感觉。


小程序俨然成为了互联网一个热词,对于小程序的争议也一直不断,但从现在小程序的发展来说,对它下定论也言之过早,作为设计师最重要是洞察发展走向,找出突破点,能站在风口中心的都是有准备的人。