1688 无线体验设计指南
  • Introduction
  • Color 颜色
  • Font 字体
  • Line 线
  • Button 按钮
  • Dialog 对话框
  • Icon 图标
  • List 列表
  • Loading 进度
  • Menu 菜单
  • Navigation 导航
  • Notice & Feedback 提示和反馈
  • Selector 选择控制器
  • Slider 轮播
  • Tab 选项卡
  • Tags 标签
  • Textfield 文本框
Powered by GitBook
On this page
  • 定义 / Definition
  • 分类 / Type
  • 1. 确定性指示器 / Determinate Indicator
  • 2. 非确定性指示器 / Indeterminate Indicator
  • 页面加载机制
  • 使用场景 / Using The Scene
  • 单阶段加载 / Single Phase Load
  • 一次性加载 / Disposable Load
  • 额外性加载 / Additionality Load
  • Offer图加载

Loading 进度

PreviousList 列表NextMenu 菜单

Last updated 7 years ago

定义 / Definition

在用户可以查看并与内容进行交互之前,尽可能地减少视觉上的变化,尽量使应用加载过程令人愉快。每次操作只能由一个活动指示器呈现,例如,对于刷新操作,你不能即用刷新条,又用动态圆圈来指示。

分类 / Type

按照形态进度的两种主要类型是:线形进度指示器和圆形进度指示器。

根据其功能把它分为以下两种:

1. 确定性指示器 / Determinate Indicator

在操作中,对于完成部分可以确定的情况下,使用确定的指示器,他们能让用户对某个操作所需要的时间有个快速的了解。

2. 非确定性指示器 / Indeterminate Indicator

在操作中,对于完成部分不确定的情况下,用户需要等待一定的时间,无需告知后用户台的情况以及所需时间,这时可以使用不确定的指示器。

页面加载机制

使用场景 / Using The Scene

单阶段加载 / Single Phase Load

在现有的,不变的容器里加载内容(副本和图像)。

一次性加载 / Disposable Load

从无到有加载完全内容并显示结果。

额外性加载 / Additionality Load

下拉刷新

上拉刷新

Offer图加载