网页加载中,3个技巧降低用户的等待焦虑

 2020-10-19 16:51:28  653 浏览  0 评论   赞

提供视觉反馈,让用户知道页面在努力加载中;使用加载进度提示,让用户知道已经加载到了什么程度;4种动效降低用户对事件的感觉

网页加载中,3个技巧降低用户的等待焦虑

图1166-1:加载进度条

我们都知道,加载时间越长,就越容易损害网站的整体用户体验,降低用户与网站的粘性。如果网站长期处于加载时间过长或无法打开网页,就会让用户放弃继续访问你的网站,而转移到其他同类型的网站。那么有什么方法可以降低用户等待网页的时间呢?

提供视觉反馈

当用户浏览网页的时候,由于你的网站没有通知用户,这需要一些时间来完成页面加载,用户往往会认为这可能是网络问题,并再次刷新尝试,从而增加额外的等待时间。想让网站的用户体验更加好,就需要让网站向用户暗示,网站正在发生的事情,并提供视觉反馈。

使用加载进度提示

虽然比没有任何反馈提示强,但静态进度提示也并非一个好的用户体验,因为网站并没有提示内容被加载的进度,所以用户并不知道网站加载是否被卡住或者还需要等待多久。为了减少用户对网站加载时间的不确定性,网页应该使用进度提示,如:加载页面需要的时间比等。

降低用户对时间的感觉

如何让网站加载有一个更快的用户体验,你可以尝试利用内容、动画等填补等待时间,让用户的感知时间比实际时间短。

① 进度条

你的进度条移动会影响用户看待加载时间的方式,所以为了让进度条感觉更快,你可以尝试将进度条在开始缓慢加速到最终给用户一个快速完成时间的感觉。

② 展示页面的骨架

页面骨架基本上是一个空白的页面,然后信息逐步加载。由于骨架模板可以在本地存储在应用程序的数据,所以一旦它完成加载,图片和文字的地方出现在页面的骨架位置上,会让用户关注加载过程而忽略等待的时长。

③ 渐进图像加载

一般来说,新的应用程序和网站都会有更多的图像,虽然这对网站的美观性增加不少优势,但是却会影响网站的性能和用户体验,延长网站的加载速度。这时候,你可以创建一个渐进图像加载的模糊效果。

④ 视觉干扰

如果你不能缩短网站加载的时间,可以尝试保证用户不厌倦的情况下,为他们提供一些分心动画。好的动画可以分散用户关注等待的时长,让他们忽略了等待的时间。

不管如何精心设计你的用户界面,但是过长的加载时间都会让用户产生厌恶感,尝试上述的方法,降低用户的等待时间,这对提高网站的用户体验有着不错的效果。

 

转载请注明:网创网 www.netcyw.cn/b1166.html

()
发表评论
  • 昵称
  • 网址
(0) 个小伙伴发表了自己的观点
    暂无评论

Copyright © 2018-2022 小王子工作室 版权所有 滇ICP备14007766号-3 邮箱:yangzy187@126.com