小程序页面与弹窗

小程序页面与弹窗的思考,弹窗在安卓与ios客户端中,各自有系统自带的弹窗样式,并且名字也有不同,有toast与alert的区分。

二个弹窗在交互与色彩上都会尽可能的与系统搭配,弹窗的巧妙利用可以给予用户轻盈、和谐、流畅的三个感受。

微信自带的用户交互与设计规范,但什么时候使用微信小程序中所带的弹窗规范,什么时候应该选用系统自带的?

小程序只是一个功能性小程序,满足功能即可,正常情况直接拆分主路径功能作为小程序的核心功能即可,直接挪用app功能,会给用户带来的小程序体验度是不完善的。

交互上:少用弹窗,小程序因其技术使用的H5实现。其功能加载能力与动效丰富都不如原生的app。

下面是分别以小程序的动画效果对比ios下app的交互效果,明显可以看出,在稍微有动画过渡的情况下,明显是小程序会弱一些。

在小程序中使用弹窗会导致页面加载层级太多。很常见的常见是底层会有banner这样的轮播,但弹窗在上层级导致banner的体验降低

为此,尽可能的少用弹窗,并且将弹窗化为一个入口,单独增加一个页面。以页面跳转的时间代替弹窗的缓慢交互。

上图是微信给的规范,我们也可以用这样的切换显示。避免H5导致的加载问题,通过分页或分栏的方式提高用户可读性。

微信生态给予你的小程序提供了什么样的能力与资源?除了考虑传播性外,尤其需要牢记微信自带的接口、甚至要熟记于心小程序常用的微信生态接口,

小程序除了提供一套方便的账户体系外,微信自身也会自带一些数据。

  • 用户昵称

  • 性别

  • 年龄

  • 地理位置(获取权限)

  • 微信步数

  • ……

提前考虑微信自带的数据资源生态,产品设计前利用起来后可以对提高小程序的传播性是非常有帮助的,传播性最为本质是数据与用户产生共感,如果每个用户都拥有这份数据,产生PK或传播显然是比个性化数据传播效果会好很多的,在微信生态资源下,用户产生数据几乎没有门槛,如微信步数、微信位置,小程序不同于app,还需要熟悉小程序热门的场景、与微信生态的利用能力,不能直接照抄App。