美文网首页
交互-提高加载速度的后台设计总结

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

作者: Fary_Lu | 来源:发表于2017-07-21 22:26 被阅读39次

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

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

例子:

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

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

数据的两种缓存方式;

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

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

3、符合用户的认知。

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

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

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

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

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

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

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

l常见页面上滑、

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

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

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

l减少页面跳转

l减少整体框架的层级

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

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

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

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

相关文章

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

    用户看不到却能感知的设计方法 1、首次打开APP,先加载本地框架,再加载动态数据(假装点击后立即启动) 例子: 2...

  • Egret第三方库的用法和制作

    Egret官方库按照模块呈现,这样设计的目的是避免加载不需要的模块,减少最终代码的体积,提高加载速度。目前 Egr...

  • 2019-06-04杂记

    B端产品设计的通用流程是怎样的呢? 需求分析—构建服务流程—原型设计—测试优化 后台交互的目标就是:提高工作效率。...

  • SEO

    前端开发工程师不仅需要要跟视觉设计师、交互式设计师配合,完美还原设计图稿,编写兼容各大浏览器、加载速度快、用户体验...

  • 提高页面加载速度

    开启GZIP 以tomcat为例 在路径\apache-tomcat-7.0.77\conf\下找到server....

  • 业务后台系统之流程设计

    上周在《业务后台系统之权限设计》中总结了自己在最近一个后台业务系统项目中的后台产品设计经验,本篇继续总结完后台设计...

  • JS延迟加载的几种方式

    JS延迟加载,也就是等页面加载完成之后再加载 JavaScript 文件。 JS延迟加载有助于提高页面加载速度。 ...

  • 交互总结篇(二):流程设计

    上篇文章介绍了交互框架与布局的设计,详情请见《交互总结篇(一):框架布局篇》,而本文作为交互设计总结篇的第二篇——...

  • Android webview提升打开速度方案

    前言 为了提高WebView的加载速度,提升用户体验,WebView优化方案如下:思路:让WebView打开时加载...

  • js延迟加载的六种方式

    js实现延迟加载的几种方法,js的延迟加载有助与提高页面的加载速度 JS延迟加载,也就是等页面加载完成之后再加载 ...

网友评论

      本文标题:交互-提高加载速度的后台设计总结

      本文链接:https://www.haomeiwen.com/subject/pgkykxtx.html