神刀安全网

杂谈app的加载方式

这个app好卡啊,加载速度好慢啊,感觉我都等了一个世纪这么长了,算了,还是不要用了,放弃吧,卸载吧……当你听到你的用户这么跟你抱怨时,你有没有感觉一丝丝心累。当你用别人的app时产生这种感觉,有没有感觉一丝丝窃喜。

当你的手机从iOS 9 升级到iOS 10时,你有觉得打开app的速度快了吗?当某个app的打开速度从5秒减少到3秒,你会觉得它为你节省了2秒的时间了吗?不得不承认,我们总是习惯抱怨那些不好的事情,似乎那些美好的事情我们就是视而不见。

别觉得不公平了,还是想办法减少一些抱怨,来看看app的加载方式吧,或许你会有意外的收获。

本文目录

  1. 什么是加载?
  2. 什么情况下需要加载?
  3. 常见的加载方式有哪些?
  4. 让用户感觉快的几种方式
  5. 需要注意的几种异常情况

一 、什么是加载?

这里所说的加载是指:启动app时文件、信息或数据的载入。如果这个解释不够清楚,想想进度条,你应该能理解了。

二 、什么情况下需要加载?

1. 打开app时
打开APP一般需要一段时间,所有APP都会使用启动页来过渡这个过程。

  • 启动页一般是图片,也有类似广告跳过的形式。
  • 启动页一般都能随时更新。
杂谈app的加载方式
知乎日报启动页加载

2. 打开新页面时
打开新页面时的加载方式有两种:

  • 在当前页加载:也叫模态加载,指在当前页面提示正在加载或处理,成功后打开新页面。适用于需要判断的情况。
  • 在进入页加载:先进入新页面,在提示正在加载或处理。体验更为流畅,可以使用几种不同的加载方式。
杂谈app的加载方式
当前页加载⬅️➡️进入页加载

3. 显示更多内容时
页面不变,只在当前页面显示更多内容。

杂谈app的加载方式
新浪微博

三、常见的加载方式有哪些?

1. 分步加载
分步加载一般发生在网络状况不是很好的情况下,它是指先加载容易加载、占用资源比较少或者相对比较重要的内容,然后加载占用网络资源比较多的或者相对不重要的内容。

杂谈app的加载方式
乐视视频的分布加载

乐视视频在加载时,优先加载文字,然后在加载图片。这种加载方式就属于分布加载。

2. 懒加载
懒加载一般发生在需要显示更多内容时,如上图新浪微博的加载方式。

3. 预加载
预加载是指提前准备下一步需要显示的内容。如上图在打开知乎日报时的加载。

4. 智能加载
智能加载也是发生在网络状况不是很好的情况下,优先加载不同大小、不同质量的内容。比如在看视频时的自动选择清晰度。

5. 缓存加载
缓存加载一般发生在用户没有连接网络时。如果内容加载完后不再改变或者长时间不变,可以选择缓存在本地。需要注意的事,缓存不能占用用户设备太多的空间,而且要有清理的机制以及缓存内容的上限。

四、让用户感觉快的几种方式

在设计产品时,我们没有办法做到完全的模拟加载速度,也没有办法预估加载速度,但这些并不代表我们什么都不能做。不确定的等待时间比已知的、有限的等待时间让人觉得更长。我们有能力也完全可以给出一个清晰的等待时间。

在设计app的加载方式时,要关注以下几点:

  1. 让加载时间变的更加有价值
    比如豆瓣在每天第一次打开时的日历提醒。
  2. 让等待时间变得更加有趣
    比如在美团外卖上点外卖时,如果刷新不出来,美团外卖的logo一直在奔跑,我感觉还蛮有趣的。
  3. 保持用户感受的连续性
    这是指在加载之前和加载之后页面的颜色、风格等不要有太大出入,以免让用户产生疑惑是不是点错了app。

五、需要注意的几种异常情况

这个异常情况下的页面一般不需要加载内容,但在设计时可以考虑在页面上做相关的指引。

  1. 初始状态
    初始状态是指内容为空的界面,一般是需要用户添加或进行其它操作之后才会产生内容的界面。
    杂谈app的加载方式
    转转在没有留言时的提醒

  2. 清空状态
    用户通过清空了当前页面上的内容所导致的清空页面。

  3. 出错状态
    一般是因为没有网络或者服务器出错导致的出错状态。

    杂谈app的加载方式
    iOS 10的出错提醒

- end -

转载本站任何文章请注明:转载至神刀安全网,谢谢神刀安全网 » 杂谈app的加载方式

分享到:更多 ()

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址