发布时间：2022-6-14 分类： 电商动态
在设计应用程序时，设计人员倾向于更多地关注界面的布局，如何在界面和界面之间跳转以及反馈，但往往忽略了一个更重要的链接，即APP数据加载的设计。那么我们如何在界面交互中处理加载设计以确保体验的无缝集成，以确保用户没有长时间的等待感？
还附上了脑图，组件控件分类（如果你只是通过组件控件，很难满足功能划分的需要，所以我会扩展这个范围，分类不仅包含组件和控件，所以请不要关心细节。）
什么是加载？
用户在客户端界面上操作，客户端向服务器发送请求，服务器处理请求，将数据返回给客户端，并将其显示给用户。此过程变为已加载。与缓存不同，缓存处于活动状态并作为被动加载。
全屏加载
这种加载相对简单，通常在页面内容相对单一时使用，因此在直接加载所有数据后显示内容。
1.优点
可以保证内容的完整性，所有加载都能够系统地阅读。
2.缺点
更明显的是，有一种非常强烈的等待感，超过3s会产生焦虑。因此，在诸如地铁之类的信号不好的地方，使用移动电话网页获取内容确实是一场灾难。
3.使用场景
从上层界面进入下一级界面是很常见的;或者它经常在H5中使用。
一般情况下，这种情况将加载一个明确的进度指示器。
一步一步
当有文本和图片时，图片将比文本加载慢。此时，通常首先加载文本，并且图片在加载过程中使用占位符，直到图片成功加载。当加载的页面内容具有固定帧时，您可以先加载帧然后加载帧的内容。通过首先加载页面框架，设计占位符和其他形式，用户可以提前了解整个界面的体系结构并改善产品体验。
1.优点
它可以帮助用户快速了解整个界面的信息布局。
2.缺点
开始时，重要的关键信息将丢失，用户将首次认为该产品存在问题。
3.使用场景
多个图像布局的界面。比较消费的边界。
下拉装载
当用户下拉时，将显示加载动画，并重新加载和刷新整个页面。如今，许多产品经过重新设计，可以加载和加载动画，使加载过程更加情绪化，人性化和品牌化。
1.优点
用户可以方便地刷新当前界面并获取新数据。
2.缺点
当它不是第一个屏幕时，不能执行此手势。
3.使用场景
刷新负载时可以使用接口信息。
拉起并加载
在浏览过程中，用户在上拉过程中自动加载卸载的信息。
1.优点
将用户替换为无限浏览模式允许用户一直向下滚动而无需手动点击下一页。
2.缺点
没有尽头，很容易迷路，快速索引和定位某个内容是不方便的。
3.使用场景
适用于瀑布，长列表，产品列表等。
预加载
当用户在界面中时，加载与下一界面的当前界面对应的所有信息。使用此加载方法将使得在使用期间等待的时间快速减少。
1.优点
用户无需加载进程即可进入页面的下一级，用户感觉流畅。
2.缺点
在非WiFi的情况下，浪费了用户流量。
3.使用场景
信息需要动态刷新，而预加载消耗较少的流量，如IM或邮件。这种加载机制的优点是您不需要在下一页上加载和使用该过程。
智能装载
根据用户的网络条件加载不同质量的图像内容。例如，在WiFi的情况下，加载的图像是HD，并且加载在非WiFi情况下的图像是SD。
1.优点
它是根据具体场景控制流量和加载速度。
2.缺点
不一定真实有效地满足用户需求。
3.使用场景
适用于包含大量图片或视频的应用，例如电子商务或在线视频应用。
以上将负载分为六种类型。这6种类型适用于不同的场景，每种场景都有优点和缺点。设计人员可以根据用户的使用场景和环境设计合适的负载。
