Human Interface Guidelines — Progress Indicators

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

Progress Indicators

Human Interface Guidelines链接:Progress Indicators

不要让人们盯着静态屏幕等待您的app加载内容或执行冗长的数据处理操作。 使用 progress indicator 让人们知道你的app没有停滞,并让他们知道他们还需要等待多久。

Activity Indicators

Activity indicator 在执行不可量化的任务(例如加载或同步复杂数据)时进行旋转。 任务完成时消失。 Activity indicator是不能交互的。

Progress Indicator

使用时注意

·使用progress bars而不是activity indicators

 如果活动是可量化的,则使用 progress bar 而不是 activity indicator,以便人们可以更好地估计正在发生的事情及其需要的时间。

·保持 activity indicator 运动

人们将静态的 activity indicator 与停滞的过程联系起来。 保持 activity indicator 旋转,让用户知道一些事情正在发生。

·如果有用,请在等待任务完成时提供有用的信息

在 activity indicator 上方添加标签以提供额外的环境信息。 避免像 loading 或 authenticating 这样的含糊术语,因为它们通常不会增加任何价值。


Progress Bars

Progress Bar 为一个从左向右填充的轨迹,以显示已知持续时间的任务的进度。Progress Bar 是非交互的,尽管它们通常伴随着用于取消相关操作的按钮。

Progress Bar

使用时注意

·始终准确报告进度。

不要显示不准确的进度信息,只是为了让app看起来很忙。 只对可量化的任务使用progress bar, 否则,请使用activity indicators。

·使用progress bars展示有明确时间的任务

Progress Bar 非常适合显示任务的状态,尤其是传达任务还需要多久才能完成的时候。

·在navigation bars和toolbars中隐藏轨道的未填充部分

默认情况下,progress bar 的轨道包含已填充部分与未填充部分。 在 navigation bars 或 toolbars 中使用(例如表示页面加载)时,应设定 progress bar 隐藏轨道的未填充部分。

·考虑自定义 progress bar 的外观以匹配您的app

Progress Bar 的外观可以进行调整来匹配app的设计。 例如,您可以指定自定义色调或图像来填充轨道和填充部分。


Network Activity Indicators

在除iPhone X之外的所有设备上,当网络连接时,network activity indicator 会在屏幕顶部的状态栏中旋转。 网络连接完成后,就会消失。 这个 indicator 看起来就像一个activity indicator,并且是非交互的。

Network Activity Indicator

使用时注意

·仅当网络操作要持续超过几秒钟才显示此indicator

不要在快速网络操作时展示该的indicator,因为可能在任何人注意到它的存在或意识到它的作用之前,它就消失了。

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

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏编程

Python大牛告诉你一行代码能干什么?神奇

Python令人着迷的黑魔法。那么我们高效的Python语言一行代码能干什么呢?请先自行脑补! 我们先说说一行代码输出“The Zen of Python”Py...

19310
来自专栏ThoughtWorks

React全家桶与前端单元测试艺术|洞见

TL;DR——什么是好的单元测试? 其实我是个标题党,单元测试根本没有“艺术”可言。 好的单元测试来自于好的代码,如果说有艺术,那也是代码的艺术。 注:以下“...

3026
来自专栏施炯的IoT开发专栏

Windows Phone 7 数字罗盘使用指南

1. 什么是数字罗盘,和指南针有什么关系?     指南针是我们外出旅游时,用来指示方向的一种工具。常见的机械式指南针,它是一种根据地球磁场的有极性制作的地磁指...

17510
来自专栏葡萄城控件技术团队

ActiveReports 9实战教程(3): 图文并茂的报表形式

基于上面2节内容,我们搭建了AR9的开发环境,配置好了数据源。在本节,我们以官方提供的3个中文图文并茂的报表来展示AR9的功能,并通过实战的方式一一分享。 以往...

1756
来自专栏大数据挖掘DT机器学习

如何用R语言从网上读取多样格式数据

第一部分:数据信息 生活中,我们面临着各种各样的数据:比如你的成绩单,比如公司的财务报表,比如朋友圈的一些状态,比如微信里的一段语音……我们生活的大数据时代的一...

2895
来自专栏编程一生

ORM规约变更经典案例---mysql军规

1114
来自专栏java工会

百度的一道假盐面试题引发的争论,评论略叼

1524
来自专栏java一日一条

Java Fork/Join 框架

响应式编程(Reactive Programming / RP)作为一种范式在整个业界正在逐步受到认可和落地,是对过往系统的业务需求理解梳理之后对系统技术设计/...

851
来自专栏生信技能树

(10)仿写fastqc-生信菜鸟团博客2周年精选文章集

用仿写软件的方法来学习编程 我首先仿写了fastqc软件,学会了很多基础知识: 仿写fastqc软件的一些功能-R代码 仿写fastqc软件的部分功能-perl...

31210
来自专栏FreeBuf

利用TurniBit开发板DIY一套自动窗帘模拟系统

步进电机是将电脉冲信号转变为角位移或线位移的开环控制电机,是现代数字程序控制系统中的主要执行元件,应用极为广泛。在非超载的情况下,电机的转速、停止的位置只取决于...

1100

扫码关注云+社区