页面加载功能设计总结

我们可以从以下三个方面进行分析：指示器、方向和顺序。

指示器

用户每次进入一个新页面都要从后台请求数据，数据返回到页面完成渲染，内容才会展示出来。这个过程需要时间，需要用户去等待。指示器的作用就是填补用户等待的时间，减少用户因等待而产生的焦虑情绪。

FEVTE编注：更多平面设计理论学习请访问飞特网平面设计理论知识栏目，地址：https://www.fevte.com/plan/shejililun/

1. 告诉用户系统当前的状态

防止用户焦虑首先我们要告诉用户页面加载的过程正在进行。如果我们不提示用户，那么用户看到的就是一尘不变的白屏。就像下图的酷我音乐一样，用户点击进入"直播页"，没有任何元素提示用户页面内容正在加载中。一旦你不知道自己所等待的流程是否正在进行，那么等待就是漫无目的的，焦虑情绪也会产生。

作为对比我们可以看一下飞猪的处理方式，这里使用了一个loading动效弹框告诉了用户页面正在加载中。及时告诉用户系统当前的状态可以很好的起到安抚用户的作用。

2. 品牌基因植入

指示器的样式并没有特殊的要求，虽然大部分的产品使用的都是上面所提到的loading弹框，但是指示器样式和载体并不只限于此。我们可以选择进度条，也可以将loading的动效放到标题栏。

如果我们更进一步，可以将品牌基因植入指示器的设计中。还是以飞猪的loading动效为例，这里采用了飞猪logo的形状。当然选择传统的菊花动效同样可以，但是这个无法体现产品之间的差异性。