总结一下交互设计中的进度指示——缓解用户等待焦虑(二)
上篇文章跟大家聊了一下为什么需要进度指示?“
总结一下交互设计中的进度指示——缓解用户等待焦虑(一)
”,接下来就看看进度指示的表现形式。
二、进度指示的表现形式
当说到进度指示时,你的第一反应可能就是一个条形进度条,其实除了条形进度条,进度指示的表现形式还有很多种。
1. 进度条 Progress
这是大多数人能想到的一种形式,细分的话还可以分为条形进度条、环形进度条、步骤进度条、水波进度条(如手机充电效果)等。进度条通常会与百分比一起使用。
2. 加载 Loading
循环加载动画,最常见的样式是菊花型。循环加载动画能让用户知道程序现在还在运行,而不是误以为页面卡住或死机。用于加载中状态。但在加载过程中用户无法进一步操作,需等待加载完毕后才能继续操作,所以更适用于加载过程中用户不需继续操作的情况。
3. 骨架屏 Skeleton Screen
也叫加载占位图。是在页面数据加载前,在需要等待加载内容的位置,先用占位图形给用户展示出页面的大致结构,等到数据请求返回后再显示具体数据内容。
4. 步骤条 Step
将某项流程拆分为具体的几个步骤,引导用户按流程完成任务。
下篇文章继续给大家介绍进度指示的应用场景,感兴趣的小伙伴可以继续去看看。
以上就是“总结一下交互设计中的进度指示——缓解用户等待焦虑(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。
二、进度指示的表现形式
当说到进度指示时,你的第一反应可能就是一个条形进度条,其实除了条形进度条,进度指示的表现形式还有很多种。
1. 进度条 Progress
这是大多数人能想到的一种形式,细分的话还可以分为条形进度条、环形进度条、步骤进度条、水波进度条(如手机充电效果)等。进度条通常会与百分比一起使用。
2. 加载 Loading
循环加载动画,最常见的样式是菊花型。循环加载动画能让用户知道程序现在还在运行,而不是误以为页面卡住或死机。用于加载中状态。但在加载过程中用户无法进一步操作,需等待加载完毕后才能继续操作,所以更适用于加载过程中用户不需继续操作的情况。
3. 骨架屏 Skeleton Screen
也叫加载占位图。是在页面数据加载前,在需要等待加载内容的位置,先用占位图形给用户展示出页面的大致结构,等到数据请求返回后再显示具体数据内容。
4. 步骤条 Step
将某项流程拆分为具体的几个步骤,引导用户按流程完成任务。
下篇文章继续给大家介绍进度指示的应用场景,感兴趣的小伙伴可以继续去看看。
以上就是“总结一下交互设计中的进度指示——缓解用户等待焦虑(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。