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

相关推荐

  • 设计流程、交互设计进阶、空状态设计

    设计作品源于设计师的自我发现、情感和创造,在日常工作中我们加入字体、颜色、空间准则来让在我们感性的表达设计美学基础上更理性的表达设计思维;以上这些是众所周知的基本法则,是设计具备的基本能力;科学的、合理的、为用户设计才是设计师价值的体现。那么如何让我们的设计更理性?在长期跟一条产品线的工作过程中,我们会发现每天做着很多事情,不知道会不会有以下感觉:1.感觉离用户很远;2.感觉对用户数据的增长好像没有什么明显帮助。那么用户增长和设计有什么...

    2018-03-15
  • 如何设计好用的触控手势

    我们生活在一个人机互动频繁,由设备驱动的世界中。 随着触摸屏逐渐成为移动设备的标配,多点触控手势的广泛应用,让我们与手机、平板电脑甚至是笔记本电脑之间建立起了一种更宽广的联系方式。我们通过模拟真实世界…

    2016-05-30
  • 用户行为预判的交互设计研究

    #交互原型##预判设计#主要有两类目的:一是在用户初次体验某种功能时引导用户,避免用户陷入困惑;二是提前判断#用户行为#,缩短行为路径。 作为“剁手党”,闲暇功夫刷淘宝已经是消磨时间的习惯行为。某天看中了一件…

    2016-11-03
  • 怎么理解信息架构,什么是信息架构?

      之前一直有朋友(初学者)问我什么是信息架构,什么是流程图等等,一直没有很好的答案回答对方。后来举例以下的例子,她说终于明白大概是什么意思了,在这里将回答分享给大家(或许可以帮助妹子们更好的理解…

    2015-11-18
  • 2017年,UI设计风格的五点预测

    设计工作几年后,你有没有接到设计需求时不满足于之前的处理手法,想要突破自己,不想麻木的做设计?不希望自己在习以为常的设计中走向平庸,成为一个废柴……最近对国内外各种资讯文章的阅读和最新优秀产品的体验,梳理下今年的UI设计的趋势,希望在接下来的设计工作中,理性的前提下又不失创新。

    2017-05-01
  • 新人入门|7个移动 UX 设计要点,提高易用性

    本文介绍的7个移动 UX 设计要点,诸如内容优先、导航设计、快速响应等都是基础而经典的设计知识,适合新手入门学习和查漏补缺。

    2017-05-10
  • apple watch 中文手册:Apple Watch 整体架构

    整体功能预览 总体而言,WatchKit第一版SDK提供的功能远远超出了我的期望。因为我原本以为第一版WatchKit可能侧重于对iOS Today Extension功能的延伸,而不是真正开发Watch App。所以当知道真相后,我即惊讶又感到…

    2015-06-15
  • 【译文】来看看糟糕的用户体验如何毁掉一个设计

    作者:JAKE ROCHELEAU;译者:岩盐盐盐   谷歌团队近几年的数据研究表明,用户体验的重要性在网页设计中越来越突出。然而现在还是还有好多网站采用中心提示用来阻碍网站的可用性,它们有些疏忽导致,有些确实故意为…

    交互专题 2023-03-03
  • 如何让头脑风暴更有效率

    头脑风暴法是广泛用于团队的一个产生想法和解决问题的方法。然而,许多头脑风暴活动是有不完美的,最终并不能帮助激发思想上的创新。众所周知,传统的头脑风暴,团体在一起,把想法一个接一个的表达出来,通常这是…

    2014-11-10
  • 听说微软这次硬了?苹果赶紧发布了个触摸条压压惊!

    #交互学堂# 前天晚上,#微软# 赶在 #苹果新品发布# 会的前头抢先发布了一波硬件产品,出人意料地推出了Surface Studio 一体机以及交互配件 Surface Dial。一时间设计夹小编朋友圈里的设计师们都沸腾了,惊呼 “巨硬…

    2016-10-28