YSS

Write Less & Do More

全面使用骨架屏来替代现有的 loading 转圈方式

前言

我们知道骨架屏本身是没有任何意义的,它主要的意义在于给即将展示的内容提供一个占位图。

让用户知道接下来的内容大概会按照某个形式展示。

在呈现上,会给用户一个错觉,就是内容马上就要加载进来了。

而这是 loading 动效做不到的。

现状及后续

而我们现在主要用的是 loading 图形式。

相比较于 loading 图,骨架屏的优势在于:

更好的用户体验、更好视觉效果以及更好的交互效果。

而这就是 C 端一直追求的。

这也是为什么绝大部分公司选用骨架屏,特别是动态骨架屏的方式来替代 loading 图的原因。

当然,另外一方面,我们也需要借助这次改造,把骨架屏部分放到页面里。这样以后出问题了,可以更好的看出到底是页面请求失败,还是数据接口请求失败。

最后一方面就是,我们之前调研并做了一个自动生成骨架屏的工具,但是却没有很好的用起来。这一次也算是主动去使用自己团队内产出的工具。