页面加载功能设计总结

2016-09-04 分类：网站建设

关于“前进”，我们很难给出一个准确的定义。狭义上的“前进”指的是用户触发某个交互动作进入一个新页面。如何在进入一个新页面的过程中给予用户良好的体验呢？

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

指示器

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

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

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

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

2. 品牌基因植入

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

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

指示器在产品中出现的场景会很多，我们可以花点心思，做的尽量精致一点。很多产品都选择通过一些有趣的动效分散用户在等待过程中的注意力。

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容