数据加载的几种形式和对应的交互设计多见于1.全屏加载页，例如微信文章详细页面。 全屏加载的特点是，界面一直停留在loading界面中，直到数据完成一次加载，内容加载完成。 进度条和有趣的动画设计可以减少用户等待时的焦虑感。
美团微信
加载失败后，数据为空，也就是默认页面。 这里请注意两点。 1 .在符合产品调性的前提下，可以做到有趣。 就像下图左侧的美团一样，右侧的微信设计得很简单，但是更加精致不是也可以吗？ 2 .便于用户重新读取。
美团微信
2.分步加载如果有文字和图像，则图像加载速度比文字慢。 在大多数情况下，会先加载字符，然后在加载过程中使用占位符，直到图像加载成功。 如果要加载的页面内容包含固定框架，则可以先加载框架，然后加载框架中的内容。
首先加载页面框架，设计占位符等形式，可以减少用户的心理等待时间，提高产品体验。
用简单的信看书
3.下拉刷新加载Twitter当时提出了下拉刷新，被广泛使用。 可以进一步设计加载的loading样式，以便用户可以手动更新当前页面。 例如，QQ将loading动画与下拉手势相结合，增加了趣味性； 豆瓣让loading微笑，赋予了产品人性化的设计。
豆瓣QQ
4.自动加载对于开放的互联网浏览信息，不断向上滑动，新内容不断从底部涌现。 这种方式称为自动加载。 关于自动加载，必须注意每次加载多少内容，或者加载多少屏幕内容。 即使数今天的标题，每次也会自动加载60条新闻。
我认识山姆
5.预加载在线浏览照片时，客户端会自动加载后面几张照片，这样开放的网络就可以直接看到下一张照片，而无需等到下一张照片。 如果你知道自己公司的产品每次浏览信息时都会被加载，你不是可以和开发者联系，讨论如何使用预加载吗？ 这对于提高产品的用户体验很有效果。
6.智能加载如果网络状况不好，可以加载低质量的图像，如果网络状况良好，可以加载高质量的图像。 同样，如果检测到用户正在使用蜂窝数据，则不显示图像，而是显示占位符，如果使用WiFi，则会直接加载图像。 这些设计方案都是站在用户的立场上，真正为用户着想，为用户创造价值，用户会真正喜欢你的产品。
知乎：蜂窝WiFi状态
如何降低用户的不安全感？ 由于存在网速不快、网络异常、服务器异常等情况，让用户等待的状况必不可少。 但是，我知道等待会产生不安感。 让用户按分钟卸载你的产品。 那么，用什么手段可以降低或缓解用户的不安全感呢？
第一：优化App的加载算法，使得App与服务器数据传输的时间减短。这需要开发者的精益求精。 这从根本上解决了问题，因为直接减少了加载数据的时间，减少了用户等待的时间。
第二：采用预加载和智能加载的方式。阅读以APP为例，当用户查看第一页时，APP在后台加载完后面几页，用户返回第二页时就不必等待加载。 因为APP现在可以由用户预加载。 该加载机制在用户体验上特别好，但由于预测用户行为和加载其他数据会消耗大量流量的问题，WiFi网络环境中采用了这样的预加载机制，并采用了蜂窝网络这要和开发者谈谈，确保预加载机制运行完美。
第三：异步处理。在这方面做得很好的APP不是Instagram吗？ 我不知道你有没有注意到，但是在使用Instagram的时候感觉非常顺畅。 即使网络不好。 这是为什么？ 因为在网络不好的情况下，向朋友点赞。 Instagram并不提示网络不好，操作失败，而是提示点赞成功。 其实，我只是记录了你点赞的操作，等网络好了就把点赞行为上传到服务器上，完成点赞行为。 这不是向用户扔问题，而是让产品自己解决问题。
第四：设计有趣的loading动画，如上文介绍的美团APP奔跑的小人，这是提升产品情感的重要手段。
让我们回到文章的开头，作为产品设计师，我们必须从用户、客户端和服务器闭环的角度来考虑产品，同时考虑客户端和服务器之间的数据传输，而不是将视野限制在人与客户端之间的交互。 只有这样，才能不偏不倚地设计出更好体验的数据加载方案。
转载于：https://www.cn blogs.com/wenying/p/6595003.html