新闻发布
管理系统无论您的用户界面设计如何设计,在某些时候,使用它的人都将不得不等待加载。
加载时间可能会损害整体体验。让用户等待太久,让您的应用程序加载会使用户不耐烦。如果用户有这种感觉,他们会放弃你的网站,去别的地方。幸运的是,您可以采取一些措施来加快用户的时间感,使其感觉像您的内容加载速度更快。
1.不要让用户等待,而不给他们反馈
如果用户的连接速度较慢,则网站可能需要一段时间来填充屏幕上的内容。用户的等待时间从他们发起动作的时刻开始,糟糕的情况是当他们没有任何指示站点已经收到它。
当您的站点未能通知用户需要一些时间来完成操作时,用户通常认为它没有收到请求,并且再次尝试。由于缺乏反馈,造成了大量额外的水龙头。为了让人快乐,我们需要表明发生了一些事情,提供视觉反馈。
2.避免静态进度指标
静态进度指示符是具有不显示图像或文本的指示符,例如“正在加载...”或“请稍候...”以指示请求已被接收。虽然任何反馈都比没有更好,静态指标是不好的UX。用户没有任何指示符加载内容,因此他们不确定进程是否被卡住。
3.使用动画载入指示
等待时间的心理学研究表明,用户焦点开始等待一秒钟后没有任何反馈。为了减少用户的不确定性,请使用进度指示器来处理需要更长时间的任何操作。(注意:使用动画不推荐任何需要不到一秒钟的时间来加载,因为用户可能会对刚才在屏幕上闪烁的内容感到焦虑)。
无限加载旋转器用于相当快速的操作
动画指标的简单形式是加载微调。这种类型的视觉反馈只是说明用户必须等待的事实,但不能说他们应该等待多久。作为一般规则,您应该使用此类型的进度指示器进行快速操作(2-10秒)。
1、从中心点辐射出的灰线的旋转器是一种标准方法。
加载旋转器通常与拉动刷新手势一起使用。它作为UI的两个状态之间的中介,并帮助用户了解屏幕更改时发生了什么。
2、适用于iOS的Apple Mail应用程序
百分比完成的动画,持久的操作
装载旋转器不是指示长时间负载的正确方法。如果我们知道什么时候会发生,那么等待一些事情是更可靠的。这就是为什么长期持续的操作,您应该给用户一个明确的指示,他们需要等待多久。作为一般的经验法则,您应该使用百分比完成的动画用于需要10秒或更长时间的更长的进程。
3、或者,您可以提供操作的一般时间估计。不要试图确切地说,一个简单的“这可能需要一分钟”就足以通知用户并鼓励他们等待。
调整用户对时间的看法
您的内容加载速度在用户心中有多快。当尝试创建更快的用户体验时,您可以缩短感知时间,而不是实际时间。为了做到这一点,您可以使用用户可以执行的内容,动画或动作填写等待时间。
进度栏
进度条使用户期望处理动作的速度有多快。进度条移动的方式影响他们如何感知加载时间。为了使进度条让用户感觉更快,可以使用简单的技巧:
进度条应该永不停止,否则用户会认为网站僵住了。糟糕的情况是进度条接近99%,突然停止。大多数用户会因此而感到沮丧。
您可以通过立即移动来伪装进度条中的小延迟。
一开始缓缓进步吧,加快进度,给用户快速的完成时间。
骷髅屏幕
4、等待时间是骨架屏幕(也称为临时信息容器)的正确时间。骨架屏幕本质上是逐渐加载信息的页面的空白版本。它提供了传统动画指标的替代方案。骨架屏幕不是显示一个抽象的小部件,而是创造了将来的预期,并使用户关注进度而不是等待时间。
5、骨架图像快速加载,因为它是一个通常由简单形状组成的小图像。这些技术可以在移动应用程序中进一步采用,因为骨架模板可以与应用程序的数据一起存储在本地。Facebook的iOS应用程序会向用户显示灰色块和行,以便在应用加载时表示图像和文字。一旦完成加载,图像和文本就会出现在临时容器的位置。这不比使用微调器加载屏幕快,但在用户的心中,感觉就像是这样。
6、背景操作
您可以使用的另一个速度技巧是后台操作。打包到后台操作中的操作有两个好处 - 它们对于用户是不可见的,并且在用户实际要求之前发生。给用户其他的东西要专注于一个进程在后台进行。一个很好的例子就是在Instagram上上传图片。一旦用户选择要共享的图片,它就开始上传。该应用程序邀请用户在后台上传图片时添加标题和标签。当用户准备按“分享”按钮时,上传将完成,可以立即分享他们的照片。
逐行图像加载
随着现代应用程序和网站加载越来越多的图像,考虑到它们的加载过程,因为它会影响性能和用户体验,这是很好的。使用模糊效果,您可以创建渐进式图像加载效果。
一个很好的例子是“中”,它会影响帖子内容的覆盖以及帖子内容中的图像,直到图像完全载入。首先,它加载一个小的模糊图像(缩略图),然后转换到大图像。缩略图非常小(只有几千字节),与模糊效果相结合,可以比纯色更好的占位符,而不牺牲有效载荷。
7、中度使用模糊来创建渐进式图像加载效果
视觉分心
如果您不能缩短线程,您应该总是尝试让等待更愉快。为了确保人们在等待事情发生时不要无聊,给他们一些分心。精细的动画可以分散您的访问者的注意力,并使其忽略长时间的加载。