[交互基础］系列之移动端页面加载详解(2)

2.当前页加载

当前页加载大多属于同步加载。

• 定义：点击触发操作后，在当前页进行数据加载并提示，数据加载成功后，才能进入下一页面。（网络异常的话，就只能待在当前页面。）

• 场景：适用于需要判断及验证处理的情况，或下一步走向与当前操作结果相关的情况。例如登录注册、表单提交等。

• 作用：加载完成/失败会立即得到反馈结果，上下步操作的关联性强，更易于实现。

• 缺点：加载时间超过3S，容易使用户产生焦虑的情绪。

• 表现形式：如下图所示，登录过程中使用多态按钮表示验证过程，保存收货地址可使用模态加载的方式过渡表单的提交过程。

3.下一页加载

下一页加载大多属于异步加载。由于下一页的内容类型、内容量等因素的影响，又有多种处理方式。

• 定义：点击触发操作后，页面跳转至下一页并加载内容。

• 场景：大多数应用的内容页面都采用这种方式。

• 作用：极大的增强了流畅的感觉，毕竟在当前页卡住与在下一页卡住是两种不同的感受。网络异常的情况下，用户点击触发操作，若一直停留在当前页面没有变化，很容易产生烦躁的负面情绪；而跳转到下一页加载，一定程度上可以缓解负面情绪，因为在用户发出指令的同时，应用的页面就发生了跳转，让用户看到了操作带来的变化，只是因为网络差没有尽快的加载成功而已。

3.1.整体加载

• 定义：一次性加载完所有的内容后，再展示给用户。

• 场景：适用于页面的内容较为单一的情况，同时在H5 页面中大多采用这种加载方式。

• 作用：保证了内容的整体性，能系统性的阅读所有内容。

• 缺点：等待感显得比较强烈，超过3S容易使用户产生焦虑的情绪。因此，在地铁等信号不好的地方使用手机网页获取内容的体验是比较差的。

• （编辑：ASP站长网）