数据先加载还是先展示？

冷不防 2023-10-16 22:52 44阅读 0赞

当用户打开你的app，你希望把数据展示给他，还任由他在上面操作，还是等数据加载好了，再给他呢？

两种方式各有利弊：

**1.先展示，后加载：**

**优点：**给用户0等待的错觉

**缺点：**当前数据有可能是错的，而且得等用户操作到最后一步才会发现

**2.先加载，后展示：**

**优点：**保证数据的质量和准确

**缺点：**网络不好时，造成等待

这是项目进行了快一个月的今天，我在验收产品时发现的一个小细节问题。乍一眼看起来好像没什么太大的争议，但是当我发现我们的产品采用的是第一种方式，而且我直到操作到最后一步才发现我上当了的时候，我的内心是极度崩溃的T\_T。于是在第一时间找到了攻城狮。然后我俩的对话，一直在上面的两个利弊中盘旋。

还原场景：

作为一个用户，我既不希望等待，也不希望被骗，然而，最不希望的其实是被骗，这种心情大概是这样的：

![blob.png][]

那到底是先加载还是先展示呢？我的答案是，当需加载的是功能时，可以先展示再加载，当需加载的是内容时，则反过来。

何解，用实例说话（仅针对电商类APP）：

1. 淘宝

![blob.png][blob.png 1]

打开APP的第一个页面是功能，所以先展示再加载的：

随便点击一个模块（不要点菜单），下面要展示的将要是内容（商品），所以是先加载再展示的，没有加载完都不展示：

![blob.png][blob.png 2]

2. 京东

同样的，功能模块先展示后加载

![blob.png][blob.png 3]

内容先加载，没加载完不展示：

![blob.png][blob.png 4]

3. 平安万里通

同样，功能模块先加载：

![blob.png][blob.png 5]

内容没加载完不展示：

![blob.png][blob.png 6]

有没有发现什么蹊跷之处？

显然，功能模块对于一个产品来说是既有固定的，在短时间内几乎不会更新，所以这种数据出现错误或与当前状态不同的几率小得多，因此，可以使用先展示后加载的方式。

另一方面，内容（特别是商品数据）是最容易产生变动的，为了保证每一个消费者看到的数据都是最真实，最准确的，所以务必要先加载再展示。

最后在我的晓之以情，动之以理的劝说之下，攻城狮总算同意了把我们的预约理发师内容改成了先加载再展示的方式。

[blob.png]: http://cc.cocimg.com/api/uploads/20150731/1438324682914261.png
[blob.png 1]: http://cc.cocimg.com/api/uploads/20150731/1438324698821958.png
[blob.png 2]: http://cc.cocimg.com/api/uploads/20150731/1438324720299412.png
[blob.png 3]: http://cc.cocimg.com/api/uploads/20150731/1438324742769192.png
[blob.png 4]: http://cc.cocimg.com/api/uploads/20150731/1438324757314317.png
[blob.png 5]: http://cc.cocimg.com/api/uploads/20150731/1438324770311765.png
[blob.png 6]: http://cc.cocimg.com/api/uploads/20150731/1438324781261645.png