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

2017-07-21  本文已影响39人  Fary_Lu

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

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

例子:

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

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

数据的两种缓存方式;

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

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

3、符合用户的认知。

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

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

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

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

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

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

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

l常见页面上滑、

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

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

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

l减少页面跳转

l减少整体框架的层级

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

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

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

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

上一篇 下一篇

猜你喜欢

热点阅读