交互-提高加载速度的后台设计总结

用户看不到却能感知的设计方法

1、首次打开APP,先加载本地框架,再加载动态数据(假装点击后立即启动)

例子:


2、使用缓存机制。加载数据时,默认显示上次关闭前缓存数据,用户刷新载入新数据。

好处:让用户感觉启动很快。


数据的两种缓存方式;

临时缓存,加载中形成的缓存(如视频内容),退出功能/页面即自动清除。

固定缓存,加载后留下的缓存(如视频封面),退出功能/页面不消失,需手动清除。

3、符合用户的认知。

先视觉界面,再数据交互。好处:让用户感觉很快(错觉)。


比如:手机QQ、微信、苹果短信等产品,发送信息时,信息先传到聊天界面(有一段动画),其实后台正在执行发送信息到对方的任务。

3、在Wifi环境下,提前任务,预先加载数据

l音乐app当歌曲快播完时,加载下一首歌,做到无缝衔接

l打开某篇文章,自动加载里面的多媒体

lfacebook插入照片后,自动上传,当用户编辑完点击发送时已上传了一大半

l在用户决定之前自动下载,如果用户放弃则自动删除

l常见页面上滑、


4、使用半层弹层模式&浮动模态层的样式设计

属于高频路径(最频繁的操作流程)

l如果可以,尽量在同一页面内完成操作

l减少页面跳转

l减少整体框架的层级

l降低用户浏览行为的负担

l覆盖屏幕部分区域,使上一操作的一些内容可见;

l点击黯淡区域显示上一层

l保持用户记忆的时效性(跳转出去,可能对上一页内容记忆不完整,或者不知道从哪一分类进入的)

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容