AMP手机网站中的新加载指标 让您的等待更加美好

发布时间: 2019年09月02日

最佳性能表现始终融入AMP的每个角落,但实际上速度只是故事的一半。虽然工程师继续扼杀技术细节,但在设计团队中我们着手提高感知速度。等待将永远是生活的一部分 - 我们的工程师无法更快地制作AMP页面的某些部分,因为它们来自我们无法控制的服务(如Facebook帖子YouTube视频)或因为它们很大。但是有大量证据表明你所处的环境会影响你不得不等待的感觉

如果您已经使用了AMP页面,那么您可能熟悉自2015年AMP推出以来我们使用的加载指示:

现在我们开始使用新的加载指示:


让我们来看看我们是如何到达这里的。我们从三个目标开始:

1.  使装载感觉更快。

2.  让读访问者知道即将发生的事情。自2016年以来,我们在AMP网页上使用了不同的广告加载指标,因此人们可以立即将其与主要内容区分开来。我们希望将其扩展到更多类型的内容 - 视频,推文,Facebook帖子等等。

3.  使设计现代化。我们不能在这方面加上数字,但AMP团队中的许多人都觉得我们的装载机在视觉上更优雅。

我们还需要保持设计优雅,但中性。AMP附带的UI需要与任何AMP页面的设计完美契合 - 这意味着没有戏剧性的颜色或明显的样式。

我们做了一些原型设计,并要求2500名网络用户组成的小组查看十种不同的加载指示器设计中的一种,这些设计在一段时间后“加载”内容并预测需要多长时间。预测的准确性并不重要 - 人类不擅长估计非常短的持续时间。参与者估计,与现有新设计AMP装载指示或基本旋转器比传统装载指示时间减少了近一秒。基于这些数据以及我们在设计过程中感到兴奋的一些观察,我们选择了一种设计。

我们有三个原则:

1.  有时没有加载指示更好。在你注意到你正在等待之前展示装载机可能会分散注意力并使网站看起来更慢。

2.  保持有趣。看到一百万次相同的重复旋转器并不能帮助减少等待时间。

3.  保持一致。在一个页面上加载多个东西,每个都有自己的加载器设计和时间,这样会分散注意力和草率。

为了满足最后的原则,我们确保我们的设计可以适应不同的尺寸,内容类型图标和背景。为了满足前两个,我们的加载器分几个阶段进行动画制作:首先我们不显示任何内容,然后我们将显示一个中间动画,最后我们将完成一个循环播放器,直到内容被加载为止。如果内容加载不到半秒,人们根本看不到加载器,除非内容花了整整3.5秒,否则他们不会看到重复的微调器。


 

我们的设计符合我们的所有三个目标:我们对其感知速度有令人鼓舞的数据,我们强烈认为它更优雅,并且它确实让读者知道即将发生的事情。

还有一些额外的细节可以帮助开发人员保持AMP的灵活性。我们不希望新设计与AMP占位符图像,消息甚至自定义加载指示符的能力发生冲突。对于具有简单占位符图像的内容,我们仍然希望向读者表明更多内容即将发布,因此我们将展示一个特殊版本的加载指示器,它将在任何彩色图像上脱颖而出。对于任何比这更复杂的占位符 - 消息或自定义加载指示器,我们将不会显示默认加载器以确保我们的设计不会与您的设计冲突。


最后的证据将是我们将在未来几周内进行的实时实验:将我们的新加载指标发布到一小部分AMP页面,并密切关注网站性能指标以及反馈。根据这些反馈,我们的目标是将我们的新装载指示推广到所有AMP页面上的所有组件。

我们希望您喜欢新的设计,并支持我们更好地改善网络的用户体验,一次一个小细节。

更多关于AMP手机网站的功能请随时关注http://www.eyingbao.net/news.html,省时省力省心的AMP手机网站搭建可访问易营宝云智能建站营销平台www.eyingbao.com  免费体验热线:15600002121   4006552477


上一篇: 没有内容了

相关内容