特殊情况下的APP设计(3):如何处理加载页面?(2)
发布时间:2017-09-01 14:08 所属栏目:19 来源:人人都是产品经理
导读:3. Skeleton Screen 这种加载形式你可能没听过,但是一定见过。它是一种将未加载出来的内容区域,用灰色的色块填充的方式。所以整个页面在加载过程中会给用户很连贯的感觉。 国外的Facebook,国内的简书、微博、豆
3. Skeleton Screen这种加载形式你可能没听过,但是一定见过。它是一种将未加载出来的内容区域,用灰色的色块填充的方式。所以整个页面在加载过程中会给用户很连贯的感觉。 国外的Facebook,国内的简书、微博、豆瓣都采用了这种加载形式。 这种形式一般用于内容框架固定的页面,如果页面可能会出现空数据的情况也不宜使用。像下图的Facebook首页,简书的首页和发现页,页面结构固定,且内容不会为空(除非网络异常导致加载失败),就很适合用Skeleton Screen的加载形式。配合前面讲的优先加载的方式,效果会更佳。 Facebook&简书 5. 下拉刷新加载Twitter当年提出下拉刷新,并被广泛使用,让用户能够手动对当前页面进行更新,加载的loading样式可以做进一步设计,例如QQ将loading动画和下拉手势结合起来,增加了趣味性;豆瓣把loading做成了笑脸,给予了产品人性化的设计。 豆瓣&QQ 6. 分段加载(编辑:ASP站长网) |
相关内容
网友评论
推荐文章
热点阅读