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

相关推荐

  • 唯品会实习|面向19/18届,地点广州

    公司介绍唯品会(NYSE:VIPS)VIP.com成立于2008年,以“全球精选 正品特卖”为品牌宗旨,在中国开创了“精选品牌、深度折扣、限时抢购”的时尚特卖模式,在线销售服饰鞋包、美妆、母婴、居家、生活等全品类名品。招聘岗位商务助理(18/19届)■岗位职责:1. 负责跟进预上线商品的所有商品资料;2. 负责检查货品清单正确性、完整性、准确性、规范性,交接正确的资料给相关部门;3. 负责申请标准的档期,走档期流程并落实档期日期;4. ...

    2018-03-06
  • 交互设计背后隐藏的万亿级医美市场在哪?

    你一定过很多书,走过很多的路,可书山瀚海,究竟那一句改变了你?当前浏览器不支持播放音乐或语音,请在微信或其他浏览器中播放我期待张雨生 - 未来感谢你的阅读,百无一用是书生,十有九八堪白眼。什么是互联网交互:简单的是指互联网与手指或者语音之间的直接联系,2010年前简单的视频影音播放器还没有意识到用户和用户之间交互的强大之处,所以很多播放系统后来才加了弹幕功能,交互设计强调独立个体我与众多个体的交流交叉联系,微信微博是目前市场上最大的交互...

    微信热点 2018-02-26
  • 我对QQ音乐的体验:关于探索音乐的故事。

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

    2017-06-02
  • 交互设计基础 | 移动APP中反馈提示的设计方法与实例

    给用户及时、恰当的反馈,是交互设计非常重要的一项原则。由搜狐新闻客户端团队撰写的《设计之下》一书中,对操作反馈从形式、内容、位置几个方面做了非常详细的总结,满满干货。今天@青溪Joanna 这篇读书笔记…

    2017-07-31
  • 移动应用设计的最佳实践

    移动应用现在是提供内容和服务的主流方式。但在热闹的移动应用市场,面对五花八门的各种APP,如何让你的APP受重视,脱颖而出得到用户的青睐?留白应该作为一种主动的元素,而不是作为被动的背景——Jan Tschichold温馨提示:创建最好的移动应用消息策略应该用不同的通知类型——推送通知,电子邮件,应用内通知和新闻源消息。多样化你的通知类型——你的通知工作应该完美协调,创造最佳用户体验。

    2017-05-14
  • 用户体验调研活动开启,多重奖励等你拿!(2场公推冲击4连红)

    20180329,星期四,欢迎接收购彩汪官方微信公众号的免费推送。昨天大元复出拿下了两场全红,状态可以说是非常好。两场欧赔1-3-4的深盘,有80%以上的彩民是认为一场正路加上一场下盘。结果两场都打出了1球小胜的结果。大元昨天就是运用了欧赔亚盘结合盘路的分析法,最终命中了2场结果。可以说在实战中盘路对于小联赛都有着不错的效果。今天有4场竞彩比赛,除开早场的澳超,晚上依然有2场英甲(其中包含一场单关深盘)+1场葡超,英系比赛是大元一直擅长...

    2018-03-29
  • 个性化赋能电商转化率的四个基本方法【UXRen译#173】

    作者:DAVID MANNHEIM |  翻译:xiuxiu,校审:Gogi   相关性可以提高用户体验,这不是什么秘密;用户体验的改善能带来转化率的提升,从而进一步提升用户忠诚度和留存。 那么问题来了:如何提升相关性? 答案在于个…

    交互专题 2017-08-07
  • 亲历经验!没有学位和工作经验要怎么找到UX设计的工作?

    Tiger, Run! :我已经做了几个月的交互设计 师了,有不少人非常好奇想知道「没学历、没工作经验的我是如何找到工作的」。随着市场的逐渐饱合,我想分享一下我的故事,来鼓励那些没有任何设计经验、HCI(人机交互)学历的人,得以继续追求自己的梦想。

    2017-07-01
  • 帮助视觉设计师高效工作的三大招

    互联网视觉设计师如何在职业上精深一直是我在思考的,遇到过许多视觉设计师想转行去做交互或者项目经理,找不到视觉设计师的价值和专深入点。我也在思考与探索中,下文是我现在想到的一些点,也欢迎同道中人一同探讨,互相启发。

    2017-05-05
  • 情绪板的制作方法:写给设计师的全方位使用指南

    在设计上图片比其他要素更容易让人理解,所以我们可以利用情绪板(英: Mood Board),来使设计工作更加流畅,缩短制作的时间、改善工作流程。

    2017-05-11