现在，在做Web或App规划时，除了常见的加载动效外，“进展条”也是规划师们常常要花费时刻与精力来着重考虑的组件规划。

进展条能够理解成可视化等候，能缓解用户在等候进程中的焦虑情绪，及时给予用户反应和提示，下降用户在等候进程中跳出的频率。

你是不是看到Loading0%的进展条很是焦虑？

那么，进展条的规划究竟要如何既能统筹用户体会，又能使用精美炫酷的颜色、动效抓住用户眼球？

下面，小摹给咱们整理了一些创意十足的进展条规划案例，一起来看看吧。

创意进展条规划实例

首要，咱们来看看这款进展条：

不得不说，用户心思被规划师拿捏的死死的。

一开始小拖车拉着进展条走的很快，走到中心便开始匀速运动，动画效果的展示形式，用户会很有耐心肠等候进展条走完。

中心的等候进程，软件也进行了自身的加载，何乐而不为。

在滴滴打车时，界面中展示等候时刻、已等候时刻、前方排队人数等细节，有了这些量化的数据，用户能够自由安排时刻。

如遇到打车难的状况，即使正在等候中，看到自己已等候的淹没时刻，也很难取消订单，直至成功打到车。

将进展条像雪花般打散，是不是很能招引到你的注意力，很大程度帮你缓解负面情绪呢？

甚至搞搞创意，使用各种小动画来转移人们的注意力，让用户认识不到需求等候。

关于某些进展信息无法在短时刻内完全完结，那么能够尽量将精准度与真实状况接近，让用户知道目前最新进展，缓解用户的焦虑之情。

这一点，淘宝的物流规划就十分可圈可点。

从开始的仅更新文字物流信息，到现在从地图上就能直观地展示包裹已送至何处，估计送达时刻是多久，越来越人性化了~

除此以外，红绿灯上的读秒、地铁站中估计下一趟地铁多久抵达、外出吃饭，实时扫码检查前方还有多少桌在等候……这全部的全部，进展条发挥了应有的奉献。

往小了说，进展安抚了人心，往大了说，进展让生活得以安稳继续。

在看过这么多优异的进展条规划后，接下来，咱们再来聊聊规划进展条时需求考虑什么？

规划时需求考虑什么？

在我看来，进展条规划的原则有三点：

1）下降搅扰频率

2）及时反应

3）极致的用户体会

下降搅扰频率

关于内容型产品，在规划进展条时可尽量弱化其存在，让用户能更沉浸式体会内容自身。

类似于抖音，自身一条视频的时刻就比较短，用户操作进展条的需求不高，因此弱化进展条，尽可能保证视频的完播率。

当咱们在看电影或电视剧这类时刻较长的视频时，快进、越过等需求频率大幅增加，因此在点击屏幕时，下面的进展条自动显现，可便于用户操控视频的进展。

根据产品特点规划进展条出现的频率，能有效协助用户更专注于内容自身，提高用户体会。

及时反应

咱们滑动进展条的意图在于加快或减慢进展，所以规划进展条时最需求考虑的是给用户反应时刻。

总视频的时长是多久？拖到了哪里？是不是我想看的那一部分？

例如腾讯视频，在播映进程中拖动进展条时，当时视频内容能够正常播映，并会给整个屏幕加上一层蒙版后，中心展示拖动的时刻和缩略画面，以此在不妨碍当时播映的前提下，用户还能及时知晓进展条进展和拖动的方位是否正确。

极致的用户体会

从操作方式来说，能够尽量防止将所有操作都限制在进展条中，例如在腾讯视频中，长按屏幕可支撑3倍快进/快退，整体视频播映比拖拽进展条愈加流通。这样能够防止唤醒进展条，误触危险产生。

从分散注意力方面而言，在王者荣耀即将对战的loading中，左边会显现所选英豪的使用小tips，右侧的小拳头动效能够点击，为一会儿的赛场加油打气。在看攻略和加油助力的进程中，有些很快就能加载好，马上就能全军出击了~

最终

一款优异的产品锋芒毕露，尽管离不开产品及运营团队的助力，可咱们身为规划师，也要为产品规划做出应有的奉献。

重视规划细节、提高用户体会、坚持用户是上帝的原则来规划产品，这都是咱们应该遵循的规划原则。尽管进展条仅仅一个很小的组件，但当咱们把每一个小小的组件都规划精致后，信任用户体会必能进阶一大步！

（文中图片均用“更懂中国规划师的规划东西——摹客DT”完结）