用户登录  |  用户注册
首 页商业源码原创产品编程论坛
当前位置:PB创新网文章中心WEB研发

进度条效果研究

减小字体 增大字体 作者:佚名  来源:本站整理  发布时间:2009-03-12 16:44:53

相信大家都一次又一次地遇上这样的体验:安装软件或者扫描图片的时候进度条稳稳当当地走到了99%却突然停了下来。这样的经历着实让人沮丧,但是现在我们可能有办法解决这样的问题。

来自 Carnegie Mellon 大学 的学者们做了一些关于进度条实际效果的研究,论文 只有4页,但是为了方便大家阅读,这里简单做一下概括:

进度

研究者总共想出了9种不同的函数来表达进度:

  • 线性 (Linear):递增率是常量
  • 前停顿(Early paus):类似于线性,但在25%进度附近进度递增非常慢
  • 后停顿(Late paus):类似于线性,但在75%进度附近进度递增非常慢
  • 慢速波状曲线(Slow wavy ):速度时快时慢,整个过程有3个周期
  • 快速波状曲线(Fast wavy ):类似于慢速波状曲线,但波长很短,有很多周期
  • 平方曲线(Power):进度的递增率不断在增加,也就是一开始很慢,随后越来越快
  • 反平方曲线(Inverse power):和平方曲线像反,一开始很快,随后越来越慢
  • 快速平方曲线(Fast power):类似于平方曲线,只是进度的递增率更高
  • 快速反平方曲线(Inverse fast power)和反平方曲线类似,只是进度的变化率更大

研究者们把这集中曲线都应用到了一个实际的进度条中对总共22个用户进行测试。每个用户会在同一时刻观察两个使用不同函数曲线的进度条,整个进度都是5.5秒,但是要求用户选出感觉上哪个曲线速度更快,然后分析一下所有的结果

结论

总共九个函数可以被分成三组:
三个函数在测试结果中表现出让人感觉比线性函数慢:后停顿(late pause), 慢速波状曲线(slow wavy)和 快速速波状曲线(fast wavy)。
四个函数表现出的结果相差不多,感觉上的速度都比较相似:快速反平方曲线(Inverse fast power),反平方曲线(Inverse power),前停顿(Early paus)和线性(Linear)
另外两个函数在测试中普遍让用户觉得速度比较快:平方曲线(Power)和 快速平方曲线(Fast power)

测试显示的结果告诉我们,凡是曲线中有明显停顿的,用户所感知的进度都比较慢,而进度中一直在加速的,用户都会觉得进度走得很快。研究者们还指出虽然一个稳 定的系统应该使用线性的进度条,但是如果能应用加速型的进度条,确实能小幅地改善用户体验。但是当进度并不能被准确测量时,进度条并不是一个很好的选择, 实际情况下可以选用不断重复的动画来代替

本文链接:http://www.blueidea.com/design/doc/2009/6467.asp 

Tags:

作者:佚名

文章评论评论内容只代表网友观点,与本站立场无关!

   评论摘要(共 0 条,得分 0 分,平均 0 分) 查看完整评论

相关文章

PB创新网ourmis.com】Copyright © 2000-2009 . All Rights Reserved .
页面执行时间:12,531.25000 毫秒
Email:ourmis@126.com QQ:2322888 蜀ICP备05006790号