Human Interface Guidelines — Loading

自上次参加完回音分享会后,我下定决心要洗心革面乖乖打基础,于是开启了这个part,争取两个月不间断更新,写完Material Design与iOS中的组件(顺便学学英语),以便今后在使用的时候完全不虚

Loading

Human Interface Guidelines链接:loading

内容加载时,空白屏幕或静态屏幕可能会使 app 看起来像冻住了,这会让人困惑和沮丧,并可能导致人们离开app。

Loading

·在发生加载时清楚说明

至少,展示一个表示正在发生的事情的环形loading圈,最好能显示明确的进度,以便用户可以估算出他们将等待多久。 尽快显示内容。 在看到他们期望的屏幕之前,不要让人们等待内容加载。 立即显示屏幕,并使用占位符文本、图形或动画来标识内容尚未出现的位置,并在内容加载出来时替换掉这些占位符元素。 只要有可能,在后台预加载即将到来的内容,例如在播放动画中加载动画,或当用户正在层级或菜单中导航时。

·教育或娱乐人们掩盖加载时间

 考虑展示有关游戏玩法,娱乐视频序列或有趣的占位符图形的提示。

·自定义加载屏幕

虽然标准的 progress indicators 通常是可以的,但有时会感到他们与 app 不太搭。考虑通过定制的动画和与 app 或游戏风格相匹配的元素来设计一种更浸入式的体验。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏前端架构与工程

《微信小程序七日谈》- 第二天:你可能要抛弃原来的响应式开发思维

《微信小程序七日谈》系列文章: 本系列的文章并非初学教程,而是笔者在具体开发过程中遇到的问题以及部分解决方案。 上篇文章第一天:人生若只如初见简单记录了笔者初...

25580
来自专栏QQ会员技术团队的专栏

H5直播避坑指南

面对着产品同学不断的询问:为什么 h5 的体验这么差?为什么不能和 app 的播放体验保持一致?我们对着 h5 不明确的文档和不同浏览器的怪异表现欲哭无泪。

698140
来自专栏Material Design组件

Material Design — 底部动作条(Bottom Sheets)

31960
来自专栏从零开始学 Web 前端

从零开始学 Web 之 移动Web(七)Bootstrap

随着Web应用变的越来越复杂,在大量的开发过程中我们发现有许多功能模块非常相似,比如轮播图、分页、选项卡、导航栏等,开发中往往会把这些具有通用性的功能模块进行一...

13930
来自专栏前端迷

React 还是 Vue: 你应该选择哪一个Web前端框架?

2016年,React在Web端和移动端都实现了迅速的成长,稳稳地领先于其主要竞争对手Augular,巩固了其作为前端框架之王的地位。

30620
来自专栏企鹅号快讯

Web前端:看完这些终于知道为什么HTML5开启了一个时代

各大公司的支持 ? ? HTML5的优势 1、HTML5移动优先 随着高端手机(Andriod、Iphone、Ipod、winphone)的盛行,移动互联应用开...

25560
来自专栏SEO

「知识」SEO深入学习---HTML语义介绍

33070
来自专栏腾讯社交用户体验设计

玩转HTML5移动页面(动效篇)- 腾讯ISUX

56230
来自专栏腾讯Bugly的专栏

H5 直播避坑指南

本文来自“小时光茶社(Tech Teahouse)”公众号 作者简介: 文赫,2015年加入腾讯,作为前端开发工程师参与过手Q游戏公会,游戏中心,企鹅电竞等项目...

48890
来自专栏腾讯大讲堂的专栏

玩转HTML5移动页面(动效篇)

作者:谭照强,热爱折腾前端,喜欢新奇创意的程序员,业余喜欢玩摄影,弄咖啡。 作为一名前端,在拿到设计稿时你有两种选择: 1.快速输出静态页面 2.加上高级大气上...

61980

扫码关注云+社区

领取腾讯云代金券