(翻译)进度条和滚动条的使用时机

  在商场中排队,队伍长时间一动不动,你有何感受?大概率会受不了转身而去。用户长时间盯着滚动条时也有类似的体验。

滚动条不适用于加载时间长的场景

  用户无法从滚动条看出加载过程所需的时间。将滚动条用于加载时间长的场景,用户会疑惑系统是否出了什么问题,进而不再等待。缺少反馈会产生不确定性,引发用户最坏的猜测。
  用户猜测加载过程需要特别长时间,从而逐步失去耐心。等待会滋生烦躁,用户可能会点击回退按钮或退出程序。

在这里插入图片描述

4秒法则

  要想留住用户,就不要在加载时间超过4秒的环节使用滚动条。研究发现用户可容忍的等待时间为4秒,这意味着4秒后用户行为会变化。

滚动条的使用时机

  用户期望程序能立刻响应,其时间应少于1秒,如果1秒后看不到任何视觉反馈,他们就开始担忧起来。
  如果过程加载时间超过1秒,应显示滚动条,让用户清楚程序正在加载,减轻他们的担忧。

在这里插入图片描述

进度条适用于加载时间长的场景

  要是过程加载时间超过4秒,应使用进度条,看着进度条,用户会更愿意花时间等待。
在这里插入图片描述
  进度条给予用户对加载时间的明确期望,其线性视觉线索让用户看到进展,鼓励他们继续等待。滚动条无法展示加载进展,用户不清楚是否正在处理他们的操作,也没有动力去等待。

进度条的显示方式

  进度条要向用户展示系统进度,它应从左到右以渐进一致的速度生成动画。如果动画暂停太久,用户会觉得系统出现卡顿,进而不再等待。
在这里插入图片描述
  设计人员还应在进度条中添加数值估计。过程加载时间不到1分钟的话,可以显示完成比例或已加载项目数,让用户了解系统加载过程中做了哪些操作。
  过程加载时间超过1分钟,则应提示用户预计的剩余时间,让他们知道会有比通常更长的等待时间,他们可以先回到屏幕上干点其它事[1]。

不要滥用滚动条

  很多设计人员喜欢在所有过程加载时显示滚动条,但加载时间过长会令用户受挫,必要时应采用进度条以避免这种情况。
  进度条让人能容忍长时间加载,如果知道程序正在处理操作,用户就不会介意等待。但要是等待时间超过预期,就需要给予用户视觉反馈。用户不知道在等什么,就会变得不耐烦,进而退出程序。

原文地址:https://uxmovement.com/navigation/progress-bars-vs-spinners-when-to-use-which/
[1]原文:If loading takes over a minute, you should give users an estimated time remaining. This information lets them know that they can expect a longer than usual wait time. Displaying the number of minutes allows them to leave and come back to their screen.

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值