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

相关推荐

  • 零基础入门交互设计为什么会失败?

    所有群里最常见的新人问题就是——零基础怎么学习交互设计?其实,很多时候零基础不可怕,但最怕的就是零基础带来的那种浮躁,比如往往他们都追求速成。每个职业人都有零基础的时候(废话),而在社会上获得工作机会…

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

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

    2016-07-11
  • 这7个趋势,也许是2017年电商用户体验设计的关键

    沉浸式体验,虚拟助手,个性化的购物体验,这些都是未来的购物方式的进化方向,影响用户购买的因素更加复杂,而大数据则能够在各个不同的环节帮助电商从业者预测用户的行为与口味。所有这些因素都和用户体验相关,同时,它们也意味着,电商行业任重而道远。

    2017-05-13
  • 什么是交互设计?

    这是我在知乎上的「什么是交互设计?」的一篇回答,重新梳理了一下逻辑,分享给大家。(长文预警 : 阅读时间 15 分钟)如果我们问,交互设计是什么?从网上各种定义中似乎能很快就能知道答案。交互设计,又称互动设计(Interaction Design, 缩写 IxD 或者 IaD),是定义、设计人造系统的行为的设计领域。在于定义人造物的行为方式(the “interaction”,即人工制品在特定场景下的反应方式)相关的界面。—— 来自 I...

    2018-02-03
  • 为了优化夜间阅读体验,ISUX总结了一套通用的夜间模式设计方法

    你有没有在夜间使用移动设备的习惯?你觉得QQ现有的夜间模式亮度在使用时是否舒适?为了能够更科学的验证我们的设计,我们通过对比度分析、尼特值测试、色彩亮度和色彩通用性等维度去设计界面,并总结出一套优化方法来分享给大家,相互启发。

    2017-05-09
  • 使用 Sketch 3.9 快速实现响应式设计

    Sketch3.9 终于发布了原生的响应式设计解决方案。只需要设置一个属性,便可以快速实现任意尺寸的适配。 昨天晚上,Sketch发布了3.9beta版 http://www.sketchapp.com/beta/ 其中更新的一个非常重要的功能,就是是可…

    2016-06-27
  • 从智能手机说起,看设计风格演变的趋势

    长期以来,大多数人对 UI设计趋势的理解,都是扁平化。可这容易引来两种误解:一群人理解扁平化,是一股潮流,这潮流就像流行时尚一样,会不断更替,原来的拟物风会重出江湖;另一群人,认为扁平化就是平,对设计的理解局限在表达手法上。

    2017-05-17
  • 双11期间,阿里巴巴UED的设计师都在做什么?

    双11 忍不住剁手的冲动?因为你所有的购物喜好,心理,行为和最终的选择,都被一个神秘组织认真研究过。今天我们拉开幕布,看看这个叫阿里巴巴UED的顶尖设计团队。在11月11日这个日子的前后一段时间,当你发现如下症状之一:当你被机场、地铁、公交站牌和网页里频繁出现的双11提醒,感觉重要的时刻就要来临;当你心跳加速,不管什么都先放到购物车里再说;当你最终等待在11号这天的凌晨用风一样的速度支付成功,并长吁一口气;当你认为一切都那么的简单、自然...

    2018-01-31
  • 未来设计师应该是数据艺术家

    未来设计师应该是数据艺术家 人类正进入数字化时代,虚拟世界里充斥着海量的数据,各种各样的数据。在此背景下,Mark Rolston认为,软件产业将需要新型的设计师:数据设计师,一种精通数据的意义、形式、移动与转换…

    2014-12-01
  • 让视觉设计变得高效+有说服力的4个步骤

    确定情感关键词 -> 情绪版 -> 脑爆概念设计 -> 用户验证

    2017-05-26