【产品】关于APP数据加载那些事
2020-09-14 本文已影响0人
小糊涂涂涂
本文对数据加载相关内容进行了小结,包括加载触发场景、常见加载策略~
一、加载触发场景
在页面内触发某个交互,如:点击按钮、页面下拉,此时客户端向服务器发起请求,服务器收到请求,向客户端返回相应的数据。
二、常见加载策略
1. 全屏加载
将所有内容加载完毕再展示给用户,因此未加载完成时,整页都为加载状态,常见于H5页面。
特点:最大程度保证页面内容的完整性,但如果数据量大或网络情况差,加载速度慢,很容易给用户带来焦虑感。
优化:可通过有趣的加载动画和文案,降低用户对时间的敏感度,减少用户焦虑。
全屏加载2. 自动加载
在上滑屏幕时,自动加载新内容,常见于信息流、商品列表页面,如:新闻阅读APP。自动加载策略需要考虑一次请求多少条数据,当用户滑到哪个位置触发自动加载。
特点:产品使用过程更具沉浸感,无需用户手动操作即可获取新内容,但是不方便用户向前回溯与定位。
注意:虽然是自动加载,但设计时需考虑弱网或无网情况,此时可以在页面待加载位置添加“重新加载”按钮,用户手动点击后即可重新加载页面内容。
自动加载3. 分步加载
根据页面内容类型进行分步加载,常见的如:优先加载文字,再加载图片;如果页面有固定布局,可以先加载页面框架(即:占位符),再加载具体内容,增强体验流畅性。
特点:优先加载数据量小的内容,避免页面长时间空白无内容,缩短用户等待时长,增强体验流畅性。
优先加载文字 优先加载页面框架4. 预加载
预加载即提前加载好页面内容,当用户进入该页面后无需等待即可查看。
特点:提前加载好内容保证体验流畅性,但会占用本地存储空间。
5.智能加载
根据用户当前网络情况采用不同的加载策略。如:在网络情况好的情况下,加载高清图片,网络情况差的情况下,加载图片占位符等,以保证良好的用户体验。如今随着技术发展,网络越来越快,
最后,对于不起眼的数据加载,也有很多注意事项,设计好了将大大提升用户体验,共勉~