UI设计,如何加快你的网页加载速度

用户对网页的加载速度是有一个忍耐值的,超过这个时间网页还没有加载完,用户就会离开这个网页。百度就是针对这个用户对网页加载的忍耐值对网页质量进行评判,所以网页的加载速度非常重要。但是通过UI设计能够解决网页的加载速度的问题。
加载旋转指针就是小恶魔
加载旋转指针并不是表示加载或者思考的正确方式.默认的加载图标倾向于表明消极的含义.他们提供了多种多样的操作系统功能,表达不论从策略引导到问题的连接到网络或者加载一个数据等的所有状态.
因此,人们讨厌看到没有任何具有进程信息或时间的示意而只有一个加载旋转针的情况.让用户只盯着一个加载条或者针轮看会增加跳出率.
通过提供进程-用户体验设计为使操作透明是健康和有意义的.试着去使用进程条使加载感觉自然:
背景操作
动作被装到背景操作中会有两个优势—他们对于用户来说可以是隐形的并且会在用户实际寻求他们之前出现.在一个进程在背景运行同时给用户其他东西去关注.上传图片到Instagram里就是一个很好的例子.用户刚一选择图片要去分享,它就开始上传.
虚拟的内容和占位符
如果你不能简短加载的时长你应该会总想试图去让等待更加愉悦.并且他是一个包含暂时性信息的一个正确的时间段.为了保持用户的参与,使用虚假内容作为文本内容和图片占位符.
这里有一些小建议:
加载屏幕不应过于高亮.他本身不需要很醒目.facebook的灰色占位图就是一个很好的例子.他在加载内容时使用模板元素并且使用户对于内容将要加载出来的全局架构更加熟悉.
对于加载图片你可以使用一个将要加载的图片的预先引导颜色去填充占位图.medium有一漂亮的加载效果,首先,加载一个小的模糊图片,然后转变成大的图片.
使用占位符合虚拟内容是一个没有加速的进程,但是在用户的大脑里会感觉像在加速.
让你的用户分心
动效可以转移你访问者的注意力并且让他们忽略了长时间的等待.
