header_v0.7.2

浅谈第二弹——让挑剔的你在意的loading

4年前发布

原创文章 / UI / 教程
郁先森 原创,如需商业用途或转载请与郁先森联系,谢谢配合。

细致而又优秀的设计狮的总会想通过一款优秀的loading动画让观众和用户在0-100%的等待中不会因为烦躁或者不耐烦而点击“X”抛弃他的作品。但是什么样的LOADING动画/图片是让用户喜欢或者容易接受的呢?



       Loading动画,图片等通常出现在打开一个页面或者进入界面之前(以游戏界面,手机界面,图片类网站为主),为了更好的用户体验,需要将界面中所包含的信息完全加载完毕之后再直接呈现在用户眼前。哇,Awesome!通常大家对平实的语言一般不怎么信服,总得搬点专家的话来hold住全场。好吧那顺便科普下。

loading动画从某种角度也可以说是进度条

简述

  进度条即计算机在处理任务时,实时的,以图片形式显示处理人物的速度,完成度,剩余未完成任务量的大小,和可能需要处理时间,一般以长方形条状显示。

历史(太长了,估计大家也没兴趣)

   在数字运算机发明之前,就已经有了进度条的概念。1896 年,Karol Adamiecki(波兰人;经济学家,工程师和管理研究人员),发明了一种叫harmonogram(波兰语,时间表)的图表;




    细致而又优秀的设计狮总会想通过一款优秀的loading动画让观众和用户在0-100%的等待中不会因为烦躁或者不耐烦而点击“X”抛弃他的作品。但是什么样的LOADING动画/图片是让用户喜欢或者容易接受的呢?什么样的又是在一次又一次的挑战用户忍受的底线呢?那大家一起先来看看地球上常见的几种loading方式。


1  无限转圈型     从我采集的数据来讲此类加载动画出现的频率约为42.5%。


2 原地踏步型    这类型的loading图呢出现的频率约为21%(多见于一些登录界面,在亲输入了密码,确认之后,他就开始默默的踏步了)


3 数字百分比型此类loading多见于软件的安装和资源的上传这种情况。当然一些个人网站也会用这种方法。出现的频率约为27.5%

4 完善图片型(当图片完整显示之后,完成加载,跳入新的界面)这类的loading约为8%。


5  文字提醒广告型(一个字,牛X,不解释)此类loading配上经典台词“我不断的在寻找,有你的世界在哪里。”完爆一切妖鬼蛇神。   此类loading(99.99%出现在视频,当然如豆丁网给文档加上广告也类似)。


  以上就是大家常见的一些loading,相比大家看了这几类loading,自己心中也浮现出无数的画面。。。下面就以上这些不同风格不同种类的loading图,说说我的看法。(以上数据值仅作参考,并不是官方数据)


 

  先从视频市场占有量最大的  文字提醒+数字倒数+视频/图片/声音 第5类loading来说,

     优点:告诉用户你还有希望,倒数个20秒或者没准哪天一开心倒数60秒,熬过这个时间你就可以享受你的影音时光了。不过很多视频网站做得不错的地方是他会根据视频的长短来安排广告时间的长短,不会出现你等了60秒的广告等到的视频仅仅5秒钟这种悲惨的情况。于此同时他完成了加载的任务。

      缺点:视频网站无选择的设置广告,比如XXX。类似于恒源祥当年称霸电视的12生肖广告,『当时我以为我家电视机给坏了』。这样的loading,在打开多个此类视频之后,很多的用户都会反感,我通常是直接关闭声音。

      建议:关于如何处理广告和加载的问题,比例,时间长短,内容应该是各大视频运营商需要考虑的。用户不排斥广告,但排斥山寨,低俗的广告。

 


   第1,2类loading。

   这两类其实可以说是同一种加载方式的不同表现。在用户看来他根本不知道发生了什么,还要等待多久。甚至一些老年用户会认为电脑出现故障。尤其是在网速较慢的情况。这种加载方式在长时间得不到响应时,用户很容易认为是服务器端出现了故障,通常会直接X掉网页或者软件。无休止的等待很容易让时间观念强的人很难接受。当然你可以先做自己的事情,这类情况不讨论。所以说此类加载方式只能用于加载的量很少,甚至不需要用户等待的时候。

 

   

   第3,4类loading。

   这两类也有相似的地方,他们都给了用户一个明确的目标,他知道他需要大概等待多久。通过用户对时间的估计,让其自行选择是否离开。精彩的处理。内容为王,酒香不怕巷子深。3类,用户对时间可以有一个准确的把握,4类,通过有趣的图片(比如往空杯子里面倒水,倒满进入新的界面)让用户在等待中看到一些有趣的东西。增加对之后的内容的兴趣。缺点是如果不是特别的形象,用户不能准确把握时间,这类loading动画需要经常更换,因为相信再精彩的表演也经不住翻来覆去的看。

     


   上面就是我的一些拙见。笔者并没有把这些种类风格的loading排个谁更好,因为相信每个读到这里的设计师们,心中一定有你不同的看法。存在的就是合理的,只要我们能把不同种类的loading放到合适的地方,那么他也许就是最合适的。也许现在流行扁平化,你的客户又要求你的设计要体现出公司的特色。不妨从一个小小的loading开始尝试不一样的改变。细致的你也许在这些细节中获得别人的欣赏。

                 

                                                                         好的设计是通过设计师不断对细微之处的完善而达到的让用户觉得自然并且被用户认可的行为模式。

                                                                                                                                                                                                                                    欢迎转载和发表您的看法。转载请站酷通知我。谢谢!





9

    文章信息

    意见反馈
    没有新消息

    提示文案

    提示文案

    提示失败
    提示成功