美文网首页
2019-03-22加载动画设计

2019-03-22加载动画设计

作者: H神龙大侠 | 来源:发表于2019-03-22 08:31 被阅读0次

    减少等待,反馈及时

    页面的过长时间的等待会引起用户的不良情绪,使用微信小程序项目提供的技术已能很大程度缩短等待时间。即便如此,当不可避免的出现了加载和等待的时候,需要予以及时的反馈以舒缓用户等待的不良情绪。

    启动页加载

    小程序启动页是小程序在微信内一定程度上展现品牌特征的页面之一。本页面将突出展示小程序品牌特征和加载状态。启动页除品牌标志(Logo)展示外,页面上的其他所有元素如加载进度指示,均由微信统一提供且不能更改,无需开发者开发。

    页面下拉刷新加载

    在微信小程序内,微信提供标准的页面下拉刷新加载能力和样式,开发者无需自行开发。

    页面内加载反馈

    开发者可在小程序里自定义页面内容的加载样式。建议不管是使用在局部还是全局加载,自定义加载样式都应该尽可能简洁,并使用简单动画告知用户加载过程。

    模态加载

    模态的加载样式将覆盖整个页面的,由于无法明确告知具体加载的位置或内容将可能引起用户的焦虑感,因此应谨慎使用。除了在某些全局性操作下不要使用模态的加载。

    局部加载反馈

    局部加载反馈即只在触发加载的页面局部进行反馈,这样的反馈机制更加有针对性,页面跳动小,是微信推荐的反馈方式。例如:

    全局加载反馈

    开发者可以参考图中样式,使用标题栏提示加载小程序页面内容的过程。例如: 

    加载反馈注意事项

    若载入时间较长,应提供取消操作,并使用进度条显示载入的进度。

    载入过程中,应保持动画效果 ; 无动画效果的加载很容易让人产生该界面已经卡死的错觉。

    不要在同一个页面同时使用超过1个加载动画。

    结果反馈

    除了在用户等待的过程中需予以及时反馈外,对操作的结果也需要予以明确反馈。根据实际情况,可选择不同的结果反馈样式。对于页面局部的操作,可在操作区域予以直接反馈,对于页面级操作结果,可使用弹出式提示、模态对话框或结果页面展示。

    相关文章

      网友评论

          本文标题:2019-03-22加载动画设计

          本文链接:https://www.haomeiwen.com/subject/zzvkvqtx.html