眼睛会怀孕, 没勇气,千万别点开!

144
作者 Andysen
字数 1090 阅读 268评论 6

最近公司技术这边采用混合开发模式,源生跳转到H5页面,中间总是会停留很长一段加载时间,于是乎~我们就在想是否可以添加一些动画,让页面变得的有趣起来~

产品小伙伴们都知道,普通用户能够忍受的最长的页面加载时间一般为8S。

8秒是一个临界值,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,否则,用户定会关闭页面或者转到其他页面。

那么,如何能用一个小小的进度动画,来让用不会感觉到千篇一律,枯燥无味~从而缓冲用户焦急的心情呢~不如一起来先欣赏几张图吧!







































以上是我从网上搜集到的一些动图,看到他们,内心里是不是欢愉了很多~~虽然简洁,但是却给用户添加了不少兴趣。。。。不知不觉,你的页面已经加载OK!

天哪,本来只想看一眼~

好吧~10分钟已经过去了。。

。。有毒。。。有毒。。。毒眼睛!!!

各位射鸡师、产品汪们你们从这些图中get到一些灵感了吗~~

来不妨说说看~~~~~



产品疑惑
登录 后发表评论
流年未晚
1楼 · 2018-06-11 11:42

很棒,很有启发。特别喜欢倒数第三张。

有两个疑问需要请教:

  1. 软件实现方式,是用代码写出来比较好还是通过预加载动图方式比较好。是否有建议

  2. 版权问题,是否有开源商用的相关设计素材库。(CC/CC0)

franklin
2楼 · 2018-06-08 11:37

干了这碗毒药

午后的红茶
3楼 · 2018-06-08 11:42

想了解一下,这些应该都是做成gif动图直接加载的吧?不是程序用代码实现的?

KEVIN
4楼 · 2018-06-08 10:23

哇 不错,真的怀孕了

Andysen
5楼 · 2018-08-04 12:35

这个UI设计一个加载图片就行了,难度小的可以代码写出来,当然复杂一些的建议还是做成GIF图吧~