收起隐藏

千图网络为您提供品牌网站建设及推广解决方案、企业网站解决方案、电商类解决方案、化妆品及服饰行业解决方案。

如果您在网站建设、品牌推广、网络形象设计上遇到问题,可以通过以下方式联系我们。


地址: 荆门市东宝区白云大道6号白云山庄4号楼一楼
全国咨询热线:0724-2364660 / 15907262008

TonyEM: 84995062@163.comQQ:115673
TomEM: 274190195@qq.comQQ:274190195
winds EM: 115673@qq.comQQ:115673
Macro EM: 420480749@qq.comQQ:420480749
Sam EM: 174510443@qq.comQQ:174510443
May EM: 1150930386@qq.comQQ:1150930386
更多
Loading,让用户的烦躁更少一些
来源:千图网   浏览次数:3125   发布日期:2012-04-15

前一阵子,接到一个app切图制作加载圆形进度条的任务,看到那个小进度条转啊转的,我若有所思…同时,一个做印象派制作间控件设计的同学最近做了改版,那个控件登陆需要一些时间,看到他对loading加载条进行了优化,然后就一起交流了一下。作为一个刚毕业入行不久的新人,请允许我分享一下关于讨论loading加载后的一些心得…

这是一个浮躁的年代,长听到这样的抱怨“好慢!”“等到死!”,每次看到那个转啊转的圈圈,或者是那个“loading…”后面那三个点不停滴闪动,心里总是有莫名的焦躁,彼时的心情就好像下面这张图片一样,不知您是否有同感…

有人统计,用户能够忍受的最长等待时间大约在 6~8秒之间。8秒是一个临界值,如果网页加载时间在8秒以上,很有可能大部分访问者最终都会离开该页面。除非他一定要打开那个页面。

以上三种是常见的loading方式,如果是我,我更希望看到第三种的进度条,因为我实在不知道第一个圈圈要转多久才能算加载成功,也不知道第二个点点点要点到猴年马月。

但是如果这个时候,界面除了看到“加载”以外的东西,是否就能转移用户的注意力呢?比如我们在银行排队的时候,如果我们无时不刻看着自己手中的号码牌和叫号板,虽然知道自己大概什么时候会轮到,但是依旧会无聊和烦躁。这时候银行里的一些宣传单起到了很好的作用:比如各种银行的理财产品,如果你不小心还看到了适合自己投资的,肯定会激动不已,觉得这个等待时间给自己带来的意外的收获,即使没有得到自己想要的信息,也不会觉得那么无聊了。又比如视频在缓冲的过程中,总是会放一段广告,我一直弱弱滴认为这个好鸡肋,舍不得放弃看那个视频,但又要忍耐这个加载时候的广告。但是如果广告做得很棒,就一点都不烦躁了,甚至还在评论里看到求加载广告的地址。网页的loading就承担了宣传单跟加载广告的作用。

在页面局部加载时常能看到第一个圈圈的身影,不过每次看到这个圈圈都差不多,如果换一种转圈的形式,也许会觉得“这个圈圈跟别的好像不太一样”,通过好奇减少等待的焦躁。

下面我找了一些变过形的圈圈,是不是多了一些新意呢?

减少用户的焦虑,可以给个允诺,示意他们还要加载多久,告诉现在的进度(有个进程百分比),算给一个定心丸。例如以下的方式:

其中上图最下面一种进度条又有不同的设计:

上面两种确定性进度条虽然都提示了现在的进程,但它们的差别是,第一种的进度条内容是纯色,第二种进度条内容有动画效果,如果这个进度条再某点上突然停住了,这时候会给用户造成困扰,到底是卡死了还是这段的加载比较慢呢?如果是下一种进度条就一目了然,如果卡死,那动画效果就没了,如果依然有动画效果,那就说明只是这一段加载比较缓慢。

〖关闭窗口〗
千图网络
荆门精品网站建设    千图服务热线:0724-2364660 15907262008    鄂ICP备12017473号
Copyright © 2008-2012 All rights reaseaved.