身为产品经理，实在很佩服这9个“进度条”设计！值得收藏

相信大家都在APP中遇到过“进度条”，清晰可见的进度能够让用户感知等待的时间，降低用户体验不适感。“进度”对于APP而言，不仅仅承载了用户信息，也是引导用户执行的导向。本文总结了一些关于进度条的案例，分享给你。

“进度”是APP里最常见又挺重要的模块，因为它不仅承载着了用户在时间和行为上的操作记录，更是引导用户完成各种目标的条件之一。

因此带大家看下有哪些“进度”上的小案例，给你的工作需求、作品集提供灵感来源~

01 等待过程换成领取红包

案例简介：在花小猪里等待司机接单时，下方会展示【领取红包】的进度条，等待时间越久，得到的红包越多越大。

解决问题：用红包来缓解用户的等待情绪，降低因等待时间过长 而「取消打车」的意愿与漏斗，促使用户继续等车

创造价值：促进 订单成交率和用户好感度的提升。

案例精髓总结：学会思考通过「停留时间」判断用户诉求/引导用户行为。

其他思考：如果在等待过程中凌冷一俩个红包，后面师傅又临时取消订单了。此时得到的红包是否会收回？或者有使用条件。

02 用进度条鼓励用户输入

案例简介：在美团上评价某服务时，会以进度条的方式鼓励用户更多评价：根据【输入文字数量】而动态展示距离【获8积分进度】。当达到8积分后，再输入文字而无配时，进度条的加载速度会变慢，直到用户配上片时才能获取18积分。

解决问题：通过进度条的变化与积分奖励提示，引导用户输入更多评价，为后续其他用户看到更多真实、可参考的评价内容。

创造价值：促进 优质/有效评价的增长。

案例精髓总结：意外的赠品/福利 可提升用户积极性 or 促进产品目标的实现。

其他思考：运用了「系统状态可见性原则」：让用户知道【自己在做什么、系统在做什么、处在系统的什么位置等】，并在适当的时间内做出适当的反馈运用了。

0 用残缺形引导流程

案例简介：在谷歌日历创建某个目标时，每到一个步骤时下方的形都只会显示一部分。只有完成全部步骤，该形才会完整地显示出来，引导用户创建完整内容以看到完整形，特别地“鸡贼”。

解决问题：通过残缺的形勾起用户好奇心，引导用户创建完整内容以看到完整形，减少流失，增强产品趣味性。

创造价值：提升用户对产品理解和APP易用性的提升。

案例精髓总结：视觉元素也能跟随进度逐步显示，慢慢勾起用户好奇心。

04 可视化的等级进度

案例简介：在腾讯视频上喜欢、守护某个爱豆，可以看到会以【女生奔跑】的动画形象来表示当前的粉丝值，将对爱豆的守护进度可视化出来，特别好玩。

解决问题：有效地传达出粉丝对爱豆的守护心理，让用户感知当前守护进度，给用户带来惊喜并拉进之间的距离。

案例精髓总结： UI与动效的设计需要符合目标用户的体特征。

其他思考：

05 文章进度「可视化」

案例简介：在电脑上打开boss直聘的文章链接，滑动屏幕时就会出现一个【文章进度条】，跟随用户的阅读位置而变化长度。

解决问题：用户一眼就能知道当前的阅读进度、知道还有多久就能读完该文章，减少操作与认知负荷。

创造价值：促进用户的阅读效率与观看体验的提升。

案例精髓总结：当信息复杂+数量巨大时，必须给予用户清晰的分类与状态、位置指引。

其他思考：这个虽然是用的浏览器加载的，但是里面的内容确是boss直聘自定义开发的。而且听说原本的设计花花绿绿的，是boss直聘的老板说改的。

06 自动恢复上次阅读进度

创造价值：促进 产品趣味性与用户好感度的提升。