当前位置:首页 > 观点

网站设计4个技巧使加载时间更快

2019-12-25

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

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

 

1.切勿让用户在没有反馈的情况下等待

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

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

 

2.避免使用静态进度指示器

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

 

3.使用动画加载指示符

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

无限负载旋转器,可实现相当快的操作

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


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

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


适用于iOS的Apple Mail应用程序

完成百分比的动画可实现持久的操作

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


图片来源:Behance

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


在Mac OS X中安装软件更新

 

4.调整用户对时间的感知

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

进度条

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

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

免费获取报价

  • 29923329

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

  • 0571-85815193

  • pady@1t2.cn

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