简单4冲程,使装载过程不再困难。
浏览:180 时间:2023-1-22

无论您的用户界面设计多么精美,在某些时候,用户都必须耐心等待装载。长时间加载过程会损害整体操作体验,甚至“和爱”。作为设计师,虽然我们不能真正缩短加载时间,但幸运的是,我们可以采取一些措施,“欺骗”,用户的时间感,让他们觉得加载过程实际上非常流畅。

1.永远不要让用户等待用户的等待时间而不从动作开始时获得反馈。如果用户的连接速度很慢,则网站可能需要一些时间来加载内容。最糟糕的情况是用户没有收到任何指示该网站已收到订单的说明。当站点未通知用户完成加载需要一些时间时,用户通常认为它没有收到请求并再次尝试。缺乏反馈导致大量工作浪费。为了避免混淆或烦躁,我们需要使用视觉反馈来表明“正在发生的事情,请稍候”。

2.避免静态进度提示静态进度指示器指的是不改变的图像或文本指示,例如“正在加载...”。或者“请等待......”。虽然任何反馈总比没有好,但静态提示并不是一种好的体验。静态提示不会让用户意识到“正在进行中”,但是他们不确定操作过程是否是“沙子”。

3.使用负载动画心理学研究表明,在没有反馈的情况下等待1秒后,用户的注意力开始转移。为了减少用户注意力的损失,使用加载动画可以在加载过程中延长用户的注意时间超过1秒。 (注意:加载动画不会在不到一秒钟的加载时起作用,因为用户可能会对屏幕上闪现的内容感到困惑)。

1个循环齿轮,适用于相当快速的装载操作。循环装置仅提示用户等待,但不指示应等待多长时间。正常的等待时间是2-10秒,以便更快地操作。环形齿轮通常与下拉刷新手势一起使用。它充当界面的两个状态之间的中介,帮助用户了解屏幕发生变化时发生的事情。

长时间加载过程的2%动画如果我们知道什么时候会发生,那么等待过程就更容易接受了。这就是为什么在需要很长时间加载时需要为用户提供特定的等待时间。通常,百分比动画用于加载花费10秒或更长时间的过程。

或者,您可以提供估计的操作时间,即使不是太精确,也可以通过简单的“这可能需要一分钟”来通知用户并鼓励他们耐心等待。

第四,调整用户对时间的感知

测量加载速度实际上取决于用户内心感受的速度。当您尝试创建更快速,更流畅的用户体验时,您可以减少感知时间,而不是实际时间。为此,我们可以使用用户可操作的内容,动画或动作来“填充”等待时间。

1进度条进度条允许用户预测处理速度,此预判将受进度条移动方式的影响。以下是一些使用户感觉更快的简单提示:1无法停止进度条,否则用户会认为操作中断。最糟糕的情况是进度条在接近99%时突然停止,这使得大多数用户感到疯狂。 2通过“立即移动”来掩饰进度条中的小延迟。 3慢慢开始,逐步加快进度,让用户感觉“很快就会完成”。

2预加载页面等待的过程是预加载页面的主页(也称为临时信息容器)。预加载的页面本质上是逐渐加载信息的页面的空白版本。它可以取代传统加载动画的作用。预加载页面不是简单的视觉装饰,而是创建用户对新页面的期望,允许用户专注于进度而不是等待时间。由于预加载的页面是由简单形状组成的小图像,因此可以快速完成加载。 FacebookAPP的上传页面,灰色块表示图片,粗线表示文本,组合向用户显示正在加载的页面的组成。加载后,真实图像和文本将出现在颜色块所代表的位置。 。事实上,如果你采用预加载的页面和“循环齿轮”,加载速度不会加快,但在用户的心中,预加载页面更快。

3个后台操作将加载工作隐藏到后台操作中。一个很好的例子是在Instagram上上传图像。用户选择要共享的图像后,图像将在后台上传。此时,Instagram将邀请用户为上传的图像添加标题和标签。当用户准备按“分享”时按钮,上传完成,用户可以立即分享他们的照片。

4渐进式图像加载随着越来越多的图像用于应用程序和网站,图像的加载速度将直接影响用户体验。使用模糊效果,您可以创建渐进式图像加载效果。一个很好的例子是中等。加载图像时,它会加载一个小的模糊缩略图。加载图像后,它将转换为大图像。缩略图与模糊效果相结合非常小,通常只有几kb,与纯色相比不会占用太多的有效载荷,并且是更好的占位符。

5视觉效果通过富有创意和表现力的图像分散用户的注意力,使等待过程更加愉快,让他们忽略长期负载。