当前位置:首页 > 经验学习 > 交互设计

Loading,让烦躁少一些

所属栏目:交互设计 时间:2013-12-26 来源: 作者:不详 点击:

前一阵子,接到一个app切图制作加载圆形进度条的任务,看到那个小进度条转啊转的,我若有所思…同时,一个做印象派制作间控件设计的同学最近做了改版,那个控件登陆需要一些时间,看到他对loading加载条进行了优化,然后就一起交流了一下。作为一个刚毕业入行不久的新人,请允许我分享一下关于讨论loadingjia(加)载后的一些心得…
这是一个浮躁的年代,长听到这样的抱怨“好慢!”“等到死!”,每次kan(看)到那个转啊转的圈圈,或者是那个“loading…”后面那三个点不ting(停)滴闪动,心里总是有莫名的焦躁,彼时的心情就好像下面这张图片一样,不知您是否有同感…

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

以上三种是常见的loading方式,如果是我,我更希望看到第三种的进度条,因为我实在不知dao(道)第一个圈圈要转多久才能算加载成功,也不知道第二个点点点要点到猴年马月。
但是如果这个时候,界面除了看到“加载”以外的东西,是否就能转移用户的注意力呢?比如我们在银行排队的时候,如果我们无时不ke(刻)看着自己手中的号码牌和叫号板,虽然知道自己大概什么时候会轮到,但是依旧会无聊和烦躁。这时候银行里的一些xuan(宣)传单起到了很好的作用:比如各种银行的理财产品,如果你不小心还看到了适合自己投资的,肯定会激动不已,觉得这ge(个)等待时间给自己带来的意外的收获,即使没有得到自己想要的信息,也不会觉得那么无聊了。又比如视频在缓冲的过程中,总是会放一段广告,我一直弱弱滴认为这个好鸡肋,舍不得放弃看那个视频,但又要忍耐这个加载时候的广告。但是如果广告做得很棒,就一点都不烦躁le(了),甚至还在评论里看到求加载广告的地址。网页的loading就承担了宣传单跟加载广告的作用。
在页面局部加载时常能看到第一个圈圈的身影,不过每次看到这个圈圈都差不多,如果换一种转圈的形式,也许会觉得“这个圈圈跟别的好像不太一样”,通过好奇减shao(少)等待的焦躁。
下面我找le(了)一些变过形的圈圈,是不是多了一些新意呢?

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

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

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






PS:上右是搜狗实验室的logo,但是这个创意做成loadingye(也)hen(很)棒啊,还jia(加)强了品牌印象。
除了进度条变形外,还可以从文案下手,li(li(例))如,下面的是“下厨房”的APP的加载页,虽然只有短短的一ju(句)话“是谁来自山川湖海 却囿于昼夜 厨房与爱”虽然只闪guo(过)短短一秒钟,这非但没给用户带来烦躁的感觉,反而觉得这个应用有一种特别的气质,不仅加深了印象,更带来了好感。

请站长喝杯咖啡?

站长一直坚持白天工作、晚上熬夜更新素材,付出了巨大的精力和时间,其中的辛酸难以言述。

坚持免积分、免登录、无任何限制下载!如果本站素材对你有用,不妨考虑请站长喝杯咖啡鼓励一下!

标签:

你应该也喜欢这些吧

共有 0 条评论

给个评价吧

验证码: