总结一下交互设计中的进度指示——缓解用户等待焦虑(二)

我是创始人李岩:很抱歉!给自己产品做个广告,点击进来看看。  
上篇文章跟大家聊了一下为什么需要进度指示?“ 总结一下交互设计中的进度指示——缓解用户等待焦虑(一) ”,接下来就看看进度指示的表现形式。

二、进度指示的表现形式

当说到进度指示时,你的第一反应可能就是一个条形进度条,其实除了条形进度条,进度指示的表现形式还有很多种。

1. 进度条 Progress

这是大多数人能想到的一种形式,细分的话还可以分为条形进度条、环形进度条、步骤进度条、水波进度条(如手机充电效果)等。进度条通常会与百分比一起使用。
总结一下交互设计中的进度指示——缓解用户等待焦虑(二) 2. 加载 Loading

循环加载动画,最常见的样式是菊花型。循环加载动画能让用户知道程序现在还在运行,而不是误以为页面卡住或死机。用于加载中状态。但在加载过程中用户无法进一步操作,需等待加载完毕后才能继续操作,所以更适用于加载过程中用户不需继续操作的情况。
总结一下交互设计中的进度指示——缓解用户等待焦虑(二) 3. 骨架屏 Skeleton Screen

也叫加载占位图。是在页面数据加载前,在需要等待加载内容的位置,先用占位图形给用户展示出页面的大致结构,等到数据请求返回后再显示具体数据内容。
总结一下交互设计中的进度指示——缓解用户等待焦虑(二) 4. 步骤条 Step

将某项流程拆分为具体的几个步骤,引导用户按流程完成任务。
进度表现 下篇文章继续给大家介绍进度指示的应用场景,感兴趣的小伙伴可以继续去看看。

以上就是“总结一下交互设计中的进度指示——缓解用户等待焦虑(二)”的内容了,如果你还想了解其他相关内容,可以来 产品壹佰 官方网站。

随意打赏

提交建议
微信扫一扫,分享给好友吧。