当前位置:首页 > 企业官网建设

如果用户的连接速度很慢,则站点可能需要一段时间才能在屏幕上填充内容

2020-02-06

无论您的用户界面设计得多么好,无论何时何地,使用它的人们都必须等待加载某些内容。

杭州网站建设时间可能会损害整体体验。让用户等待太久才能加载您的应用程序可能会使用户不耐烦。如果用户有这种感觉,他们将放弃您的网站并转到其他地方。值得庆幸的是,您可以采取一些措施来加快用户的时间感,使他们感觉自己的内容加载速度比实际速度要快。

 
1.切勿让用户在没有反馈的情况下等待
如果用户的连接速度很慢,则站点可能需要一段时间才能在屏幕上填充内容。用户的等待时间始于他们开始执行操作的时间,最糟糕的情况是他们没有任何迹象表明该站点已收到该操作。

当您的站点未能通知用户它需要一些时间才能完成操作时,用户通常会认为它没有收到请求,因此他们会重试。由于缺乏反馈,导致大量额外的水龙头。让别人快乐,我们需要给一个迹象表明,事情正在发生,提供视觉反馈。

 
2.避免使用静态进度指示器
静态进度指示器是图像或文本不动的指示器,例如“正在加载...”或“请稍候...”以指示已接收到请求。虽然任何反馈总比没有好,但静态指标却是糟糕的UX。用户没有任何指示正在加载内容的指示符,因此他们不确定该过程是否真的卡住了。

 
3.使用动画加载指示符
等待时间的心理学研究表明,等待一秒钟后,用户的注意力开始转移,而没有任何反馈。为了减少用户的不确定性,请使用进度指示器来执行比该时间更长的任何操作。(注意:不建议您在少于一秒钟的时间内加载动画,因为用户可能会担心屏幕上闪烁的内容)。

无限负载旋转器,可实现相当快的操作
动画指标的最简单形式是加载微调器。这种类型的视觉反馈仅说明了用户必须等待的事实,但没有说明他们应该等待多长时间。通常,应将此类进度指示器用于快速操作(2-10秒)。


从中心点放射出的灰线旋转器是一种标准方法。

加载微调器通常与“拉动刷新”手势一起使用。它充当UI的两种状态之间的中介,并帮助用户了解屏幕更改时发生的情况。



完成百分比的动画可实现持久的操作
加载微调器不是指示持久加载的正确方法。如果我们知道什么时候会发生,等待它会更可忍。因此,要进行长时间的操作,您应该清楚地指示用户需要等待多长时间。作为一般经验法则,对于需要10秒钟或更长时间的较长过程,应使用“完成百分比”动画。



或者,您可以提供操作的一般时间估算。不要试图精确,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。

 

4.调整用户对时间的感知
用户会想到内容加载的速度。当尝试创建更快的用户体验时,您可以缩短感知时间而不是实际时间。为此,您可以使用内容,动画或用户可以执行的操作来填充等待时间。

进度条
进度条使用户可以期望处理动作的速度。进度条的移动方式会影响他们对加载时间的感知。为了使一个进度条,感觉速度更快的用户可以使用如下简单的技巧:

进度栏永远都不应停止,否则用户会认为该站点已冻结。最糟糕的情况是进度条接近99%并突然停止。大多数用户会对这种行为感到沮丧。
您可以通过立即稳定地移动进度条来掩饰小延迟。
在开始时缓慢移动进度条,并在结束时加快进度条,以使用户快速了解完成时间。


骨架屏幕
等待时间是骨架屏幕(又称临时信息容器)的合适时间。骨架屏幕本质上是页面的空白版本,在该页面中逐渐加载信息。它提供了传统动画指示符的替代方法。骨架屏幕不是显示抽象的小部件,而是创建对即将发生的事情的预期,并使用户专注于进度而不是等待时间。

骨架图像加载迅速,因为它通常是由简单形状组成的小图像。由于骨架模板可以与应用程序的数据一起存储在本地,因此在移动应用程序中可以进一步采用这些技术。Facebook的iOS应用程序向用户显示灰色块和线条,以表示应用程序加载时的图像和文本。完成加载后,图像和文本将显示在临时容器的位置。这并不比具有带有微调器的加载屏幕快,但是在用户的脑海中,感觉确实如此。


您可以使用的另一个速度技巧是后台操作。打包到后台操作中的动作有两个好处-用户看不见它们,并且在用户实际要求它们之前发生。在后台进行过程时,为用户提供其他需要关注的内容。一个很好的例子是在Instagram上上传图片。用户选择要分享的图片后,就会开始上传。该应用程序邀请用户在后台上传图片时添加标题和标签。当用户准备好按“共享”按钮时,上传将完成,并且可以立即共享其图片。

渐进式图像加载
随着现代应用程序和网站加载越来越多的图像,请考虑其加载过程,因为这会影响性能和用户体验。使用模糊效果可以创建渐进式图像加载效果。

一个很好的例子是中,它使帖子图像的封面以及帖子内容中的图像模糊,直到图像完全加载为止。首先,它加载小的模糊图像(缩略图),然后过渡到大图像。缩略图很小(只有几千字节),结合了模糊效果,可以提供比纯色更好的占位符,而不会牺牲有效负载。



视觉分散
如果您不能缩短排队时间,则应始终尝试使等待更加愉快。为了确保人们在等待事情发生时不会感到无聊,请给他们一些分心的东西。精美的动画可以分散您的访问者的注意力,并使他们忽略较长的加载时间。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号