ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码
当前位置:首页 >> 产品设计 >> 详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之加载类

详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之加载类(1/3)

来源:网络整理     时间:2017-10-12     关键词:详解抗战阅兵8大看点

本篇文章主要介绍了"详解抗战阅兵8大看点 轻松看懂规范!详解组件控件结构体系之加载类",主要涉及到详解抗战阅兵8大看点方面的内容,对于产品设计感兴趣的同学可以参考一下: 设计师在进行APP设计时,往往会更加专注于界面的布局、界面和界面之间怎么跳转、操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计。那么我们怎么...

 轻松看懂规范!详解组件控件结构体系之加载类

设计师在进行APP设计时,往往会更加专注于界面的布局、界面和界面之间怎么跳转、操作反馈,却往往忽略掉一个比较重要的环节,就是APP数据加载中的设计。那么我们怎么处理好界面交互中的加载设计,保证体验无缝衔接,保证用户没有漫长的等待感呢?

系列文章: 

  1. 《轻松看懂规范!详解组件控件结构体系之网络异常类》
  2. 《轻松看懂规范!详解组件控件结构体系之引导类》
  3. 《轻松看懂规范!详解组件控件结构体系之导航类》

依旧附上一张脑图,组件控件分类(如果单纯通过组件控件,难以满足功能划分的需求,所以我将这个范围扩大,分类里面不仅仅含有组件和控件,所以请不要在意细节。)

 轻松看懂规范!详解组件控件结构体系之加载类

什么是加载?

用户在客户端的界面上进行操作,客户端发送请求到服务器,服务器处理请求,返回数据给客户端,并显示给用户。这一过程成为加载。区别于缓存,缓存是主动的,加载为被动的。

全屏加载

这种加载比较简单,一般运用在页面内容比较单一的情况下,所以直接一次性加载完所有数据后再显示内容。

 轻松看懂规范!详解组件控件结构体系之加载类

1.优点

能保证内容的整体性,全部加载完才能够系统化的阅读。

2.缺点

比较明显,就是有非常强烈的等待感,3s以上会产生焦躁情绪。所以,在地铁等信号不好的地方,使用手机网页获取内容实在是比较灾难的一件事情。

3.使用场景

  • 常见的是从上一级界面进入下一级界面;或者H5中常使用。
  • 一般这种情况会配合有明确进度标识的加载loading。

分步加载

当有文字和图片时,图片会比文字加载的慢,这个时候往往文字先加载出来,图片在加载过程中使用占位符,直到图片加载成功。当加载的页面内容有固定的框架时,可以先加载框架,再加载框架内的内容。通过先加载页面框架,设计占位符等形式可以提前让用户知道整个界面的架构,提高产品的体验感。

详解抗战阅兵8大看点相关图片

详解抗战阅兵8大看点相关文章