移动端图片加载应不应该有进度条

图片加载进度不难做你可以试试新浪微博和的APP,在加载大图的时候是有进度条显示的,这点很好理解,大图文件大多在600KB以上,以目前98KB/S的3G平均网速而言,加载需要耗时6秒多,如果不显示进度,会让用户等待起来很焦虑。设计进度条的目的是什么?设计进度条的目的是让用户感知到程序的加载状态,对下一步操作进行等待,减少在等待过程中产生的焦虑。由于网络、硬件或程序的限制,这种等待是必须的,但是减缓焦虑的程度,却可以通过多种手段来优化,例如 @孟爽paula 答过,要“尽可能减少用户感知到的等待时间”,为了减少用户感知的等待时间,可以巧妙的使用一些“欺骗”手段 :) ( 见 用户体验设计中有哪些针对「等待」的设计的好例子?)Pinterest巧妙的“欺骗”Pinterest首页一屏大约显示五张缩略图,每张大小约100KB,每张加载时间约2秒。由于使用了多线程加载和异步加载技术,每张图片显示的先后时间也不一样,而且图片加载显示会有细微的淡出淡入的动画效果减少用户感知到的时间,这种等待并不难受。并且在加载成功显示之前,图片区域的背景色会根据图片的主色调采样而变化,比起满屏幕的加载条(密集恐惧症会疯掉),显然这种多色调背景会更舒适。 【移动端图片加载应不应该有进度条】 移动端图片加载应不应该有进度条

再说说大图页面,大图页面有个从模糊到清晰的过程,这个过程技术原理是这样:先用首页的缩略图拉大,显示到大图的位置,同时后台加载清晰大图,大图加载完成后做一个从模糊的缩略图到清晰大图的渐变动画。要知道Pinterest是一个以图片浏览为主的网站,比起显示进度条在加载过程中无法看到图片,这种始终显示图片是不是更友好呢?最后总结一下答案:1.减少用户感知到的等待时间的方法各异,进度条只是其中一种方法2.Pinterest目前的加载方案比进度条更优秀关于加载,再附上一篇很不错的文章《6种常见的数据加载模式设计》 elya:6种常见的数据加载模式和4种减少等待感的具体手法
■网友
进度条一般用在时间比较长的情况,至少在十秒以上,这时候用户才需要知道进度——进行到了多少比例。一般移动端的等待控制在5s以内是基本的,用不到。
■网友
加载条 和断点继接必须有,你想过在地铁里刷手机时断时连的感受么,图片到80% 但断网直接重载,老是载不上


    推荐阅读