页面加载中 十种加载样式

对于设计师来说，他们往往更注重界面的设计，从而忽略了用户等待加载的体验。如何以不同的负载缓解用户的等待焦虑，从而提高用户对产品的体验？让我们告诉你有哪些加载风格和使用方法。

目录

什么是加载？

什么情况下需要加载？

加载的样式

1.什么是加载？

加载就像反馈。在人机交互中，用户和界面之间的每一次交互都是一个加载过程。页面元素或信息因跳页、刷新或弹出等而改变。手术造成的。所有页面都需要向服务器发送请求信息，服务器收到后发送反馈信息。但是由于网络和页面本身的信息处理，信息交换的过程可能会延长，这就需要一个“反馈”，即加载，以缓解用户的等待。加载时快时慢。快可以让你完全意识不到这种“反馈”，慢可以让你感到崩溃。

二、什么情况下需要加载？

1.打开应用程序时

通常我们第一次打开一个App，会有一个启动页面，或者用一个广告页面来过渡这个过程。

2.打开新页面

在当前页面上加载:也称为模态加载，是指在当前页面的提示被加载或处理成功后，打开一个新的页面。适用于需要判断的情况。

进入页面加载:首先进入新页面，提示正在加载或处理。体验更流畅，可以使用几种不同的加载方式。

3.显示更多内容

指在当前页面刷新显示更多内容时需要加载。

第三，装载方式

1.状态栏加载

通常是系统默认的配置加载方式。比如IOS自带APP页面，就会加载状态栏

2.导航栏加载

多用于社交产品，用于表达信息的收集，不会干扰用户浏览其他信息。)

3.徽标和预设加载

当页面布局固定时，采用这种刷新方式，即先加载布局数据。为了防止加载的版面出现太空，会填充LOGO或预设图片

4.色块加载

在加载图片之前，在图片位置显示一个颜色占位符。具体颜色可以根据图片的颜色来读取，也可以按照一定的规则来设置。

5.下拉刷新负载

下拉刷新在App中得到了广泛的应用，保证了用户不仅可以看到本地缓存的数据，还可以选择主动更新当前页面。载入风格也可以进一步设计，比如美团的效果，用产品形象作为刷新风格，既增加了品牌形象的宣传，又增强了用户体验。

6.白屏加载

当前页面的内容比较简单，需要加载一次才能显示，所以采用白屏加载方式。在这种加载模式下，在完全加载完成之前，您看不到任何东西，因此一旦时间过长，您必须提示用户加载失败的原因，而不是一直加载。也可以从美团外卖更有意思，减少用户的等待焦虑。

7.加载进度条

进度条加载在浏览器中很常见，包括PC和移动浏览器。如果应用程序中的页面是以H5格式制作的，大多数页面都会加载进度条。

8 .面包装载

当用户执行一个操作时，为了防止由于用户的继续操作导致数据加载失败，使用了Toast样式来提示正在加载，并限制用户继续操作。在这种情况下，用户只能执行返回上一级的操作，其他都被禁用。

9.分段加载

新页面过多时，一次加载全部内容会增加设备负担，内容过多也会增加加载时间，甚至因为用户使用的是低调的手机而死机。分段装载就是为了解决这个问题而诞生的。首先，它被添加到最新的内容中。当用户向上滑动时，一部分数据被加载并显示给用户。

10.布局加载

名字可能很奇怪，但是很常见。它用灰色块填充卸载的内容区域，在加载过程中具有很好的一致性。当然，使用这种加载形式是有条件的，内容的框架是固定的。如果页面可能没有内容，则无法使用。

总结

对于设计师来说，加载速度是没有办法改变的，但是我们可以使用不同的加载风格来缓解用户等待加载的焦虑。我们应该学会在不同的应用中使用适合用户的加载风格。

参考文献:

https://www.jianshu.com/p/fa5d6a108768

https://www.jianshu.com/p/6dd20e449f7a

https://blog.csdn.net/iplayvs2008/article/details/48344425

转载自:微信官方账号海燕社