loading做成什么样子,我才会等!

文/Seven 来源/数英网

毫无疑问,每个人都不喜欢等待。尤其是在浏览自己喜欢的页面或电影时,对着千篇一律、毫无新意的加载页面,简直枯燥乏味无聊极了!

实际上,有研究表明,普通用户能够忍受的最长的加载页面的时间一般为8秒钟。8秒是一个临界值,如果加载时间超过8秒,除非用户必须在这个页面获得一些信息,一般用户会关闭页面或者转到其他页面。

那么在这短短内,如何用一个小小的加载进度条吸引住用户,让他们留在当前的页面呢? 这里搜集了40个加载页面设计,虽然有些只是简单的动效设计,但依然让页面在保持加载的过程中充满了趣味性。

▶ 小猫你倒是抓啊 ◀

1461238619-9806-kkd7T9LVdhB4jabK8jvTUpAnDiaA

▶ 很好奇哪个网站需要这个... ◀

1461238619-6916-gl3Z5d2bFfy20xpHX6CxhFm5ic9Q

1461238619-3039-cOBIGicGmyzLlUsAWX93EGNK8iaA

1461238626-3913-YoxHZ0qzdy976Cibia9J4u25viaQ

▶ 三文治彩色更棒 ◀

1461238626-9289-NhFtiaaGtl3s8dSfDGwzuRAQTMEA

1461238626-2967-CXibFTS77FdcuarsPD86ibeFBWmA

1461238637-9551-Fiay7OicE5eM2JawkaASMP2y0ZOg

1461238642-2181-ibw9ZqH2GF1z5YzzECvWEVntVHbQ

1461238642-7256-SQwibfNxZRK0kpKkjg0cHVx2Tibw

1461238644-8267-zgAxbeR8p1qFHzbB5ryTPTOJQ4zQ

1461238644-9448-JkyLl6lrEJSpcxUZPiba19PHuuaA

▶ 盯着看停不下来 ◀

1461238657-2877-UXXFWnJ5ZfSueia5jYyzs3nmVaZQ

1461238655-6881-Tj0Bbj2PMF0KRrSkaG2oc19tCuNQ

1461238655-1498-BxIWpWSteZ0B65og9NvGXpfG3P9Q

1461238659-2734-BNJib5ia01mS68W7WWaeKrrdPcWQ

1461238662-9625-HMnU8p6nuqicrrgia6egb1cssaSg

1461238664-7039-ZJBPsmibict10HpwsFvQbxp2kg1w

1461238665-7953-hp5tzxPckE9CrpORS6dh8d5b3dWA

1461238667-3775-qra4eSrF0c6b05nwicGy3ibYQLcQ

1461238667-6106-xRlVsa8AV3YOviaF83QdjF0Nax7w

1461238669-7930-4JmJjdwke5ZgOeNZkuFEWoRtwrEQ

▶ 圣诞节专用 ◀

1461238669-4046-aLeF277mXGsVh8Gs2z10qluvrGFw

1461238685-7030-MqHaDeGeyGJMQTBNzsBrhSj0VbnQ

1461238685-7590-AH8XpGSRvI6argd7icKur8iblicQ

▶ 缩回去不能忍 ◀

1461238685-3528-kQvuuQNSG6fHboYelZsbXIuLEwwQ

1461238693-4885-hevvyR2V0hvRIsK1NOZY6nfILMmg

1461238693-9942-ZIZu2nlcQ4I6GFODtmUMxF1w52Ww

1461238693-4831-YF86GE9gdLQto2ibL1cRAssnZPqw

1461238695-9341-30RYWVyO8grpgHRYBfpZlGtic0GQ

1461238697-8920-MQlMbfy3iad8nRvhqNfu5Pj27Adg

1461238701-6635-Atic0ItV1H6FUGvpKFnAhhwfgMDA

1461238702-5426-kYT5SRsIm15iaS6D9gicswnnsWMg

1461238706-8800-buicOLWaybE81cibHKOcXrtSU1XA

▶ 章鱼同学好可爱 ◀

1461238708-1454-4gVzXCp7VmibpCepsGtYlzOibVhA

1461238709-3772-QL45jB10n1wDusFP7XCoTDNhpbVA

1461238713-8383-LnlSnyhibACfVSoib5puml4pvGIA

▶ 会跳的牛奶君◀

1461238714-9539-IkiatshkAU3FIbQprHcSGBzqeppw

原创文章,作者:ioued,如若转载,请注明出处:https://www.iamue.com/14319/

(0)
iouedioued
上一篇 2016-04-21 18:49
下一篇 2016-04-25 09:12

相关推荐

  • 译|构建用户体验地图的时机和方法

    用户体验地图结合了两个强大的工具—讲故事和可视化 ,以帮助团队了解和解决用户需求。 虽然体验地图会根据不同的场景和商业目标采取各种各样的形式,但通常都包含一些元素,并且有很多可以遵循的潜在基本规则,使得用户体验地图为设计提供帮助。定义:用户为了实现目标而经历的过程的可视化,它用于了解和解决用户的需求和痛点。

    2017-04-29
  • 新媒体人员年薪十万怎么做到的,真的难以想象

    新媒体人员年薪十万怎么做到的前些日子,和我互联网专业的师兄聊了一下,他说他们公司干活轻松,工资还高,而且公司福利还好,什么六险一金,什么妹子很多啦......卧槽,居然这么爽(我可能就听见了那句妹子很多,哈哈哈)搞得和我一起的朋友立马拍板,问我师兄你们公司还招人不,(厚颜无耻啊)我就静静的看着他,厚颜无耻的他还在继续介绍着他,说我是211硕士,之前也在世界五百强企业工作来着(看着着厚颜无耻之人,我真想立马一脚踹飞他)真的嚣张到了极点是吧...

    2018-03-13
  • iOS和Android设计理念的演变

    IOS和Android是移动操作系统中最大的两个阵营。毫无疑问,这两个系统可以说是手机行业里的一个奇迹,并且也在逐渐变得完善。

    2017-06-05
  • Reading Your User | 设计心理学书籍推荐

    研究大众的心理学对于设计是很有帮助的。用户在围绕着你的产品所进行的一系列行为举止背后的动机是什么,与之互动时进行过哪些心理活动,外部的哪些因素能够成功影响用户的决策……这些都能够设计师完成更好的设计。

    2017-05-20
  • 交互设计牛校排行榜 | 卡内基梅隆

    创艺典国际艺术教育之院校介绍有一位老大哥是高校里的老大哥他在艺术、工业、计算机专业非常强势除此之外它还拥有全美顶尖对顶尖的计算机学院和戏剧学院他就是Carnegie Mellon UniversityCMU卡耐基梅隆大学这些看上去毫不相干但都那么强势的学科结合在一起岂不是成了飞机中的战斗机赛车中的四驱兄弟?卡梅这位老大哥还真这么干了他们开设了一个项目那就是——人机交互交互设计中应用最广泛的学科分支卡内基梅隆的人机交互项目是全球的交互项目...

    2018-04-26
  • 交互小技巧!浅聊四个主流的页面间跳转动效

    最近一直在做交互规范总结的工作,在不断梳理页面间跳转逻辑的同时,发现页面间的逻辑关系并不能和页面间跳转的动效很好的结合上。虽然只是零点几秒的切换动效,却能在一定程度上影响用户对于页面间逻辑的认知。为了输出详细的规范,花了大量时间把玩现在公司线上的产品以及国内外优秀的APP,尤其是苹果、谷歌自己开发的APP。(如果某些方面在设计规范中并没有给出答案,就在原生APP中找答案吧!)

    2017-05-29
  • 2014年最佳的十款交互设计工具

    在设计之初,UI设计师所提供的视觉稿和最终的可交互原型之间,需要交互设计师借助工具来补足,让静态的视觉转化为富有生命力的可交互界面。2014年所涌现出来的这些交互设计工具,在不断迭代升级中走向了成熟,易用…

    2015-01-15
  • 如何写一份出色的交互设计文档,给程序员以美的享受?

    交互设计文档分为两个版本:一个是界面元素标注版,另一个是附带交互逻辑版。那么,具体的写法和要求如何呢?

    2016-07-11
  • 微信团队出品-Sketch插件合集Wesketch

    静电说:微信团队刚刚出品了一款针对Sketch的插件合集-Wesketch,让我们一探究竟吧。WeSketch能做什么?更高效的团队协作,如:UI Kit 同步、色板同步等。更快捷的交互设计,如:图标库、自动连线、标记注释、全局替换文字、字体、颜色。更精准的前端还原,如:补齐宽高导出图片、导出 CSS 代码(支持小程序)等。如何下载和安装?访问Github地址:https://github.com/weixin/WeSketch/blo...

    2018-03-18
  • 我对QQ音乐的体验:关于探索音乐的故事。

    作为一名两年的QQ音乐app用户,当初我使用它的原因在于精美的界面设计和众多高质量的音乐资源。而现在,我每天都有听歌的习惯,这个我常用的软件也成为了不能缺少的部分。我接下来从探索音乐的角度分析QQ音乐手机客户端的一些功能和体验,仅代表个人观点。

    2017-06-02