关于进度条的设计

34 阅读5分钟

用户在做任何一件事情时,最反感的事情就是没有预期的等待,千万不要高看其耐心。当用户在完成某个任务时等的太久而耗费过多的时间成本,可能会毫不犹豫的离开,转身投入其他产品的怀抱。 有时候,通过技术手段可以在一定程度上加快程序响应速度,但遇到部分实时处理信息或需要系统精确的计算则没办法加快,用户别无选择、只能等待。想减少用户在等待过程中的无聊、焦虑感,这时,在你的产品任务流程中可增加一个清晰可见的进度条来帮助用户追踪信息,利用实时反馈当前进度让用户具有掌控感,并且还能通过趣味化的视觉效果或提供有帮助的信息来消耗其等待的时间,甚至一度超出用户预期,惊喜之余,用户的接受程度自然也就更高。

1.为什么需要有进度条

焦虑无处不在,尤其是近几年很多年轻人人一边打着“财富自由”的名号、一边却享受着“佛系”生存方式,在认知、能力、资源都没有跟上的时候依然迷之自信,焦虑大概就是最好的陪伴了。
当你下载文件突然在中途卡住了是否会焦虑?
到了饭点、点的外卖迟迟未到是否会焦虑?
线上买的商品过了好几天快递还没有送达是否会焦虑?
这些种种都是源于对时间的未知、对后续失去了掌控。在互联网如此发达的今天,缓解上述焦虑并不是难事,只需要一个进度条便能解决大部分问题。
进度条并非局限于口头上的“条形”,其视觉样式千变万化,最需要突出的应该是“进度”,能让用户清晰当前状态,通过图形、色彩、数字百分比与各种场景结合,将本身比较单一的进度条衍生出不同的类型,给用户带去不同的心理感受,不管是提高用户期待还是障眼法,都能让用户在等待的过程中产生无限可能。

2.进度条定义及使用场景

进度是指用户正在完成某个任务的速度,通过图形、图片或文字将任务的速度、完成度、剩余未完成任务量的大小进行视觉化即是大家所说的进度条。
进度条的使用非常广泛,例如下载进度、注册流程、调查问卷、安装进度、多媒体播放进度、物流轨迹、出票等过程...等,这些都是比较常见的进度条。另外,我们不能将进度条局限在条形或圆形里面,比如游戏中的人物血量/耗蓝程度/升级经验、地图迷雾、吃鸡跑毒,还有一些物品的消耗度、定时/定量的健身运动、商品限时大促都可以归类于进度条。

企业微信截图_1694319656708.png

3.进度条给用户的心理感受

用户完成任何一件事情都需要付出对应的时间成本、精力成本或金钱成本,如果付出一定成本后并没有达到预期会不知所措,这时无论出于何种原因,用户很可能转身就走,即便在不得已、必须使用的情况下,也仅只是完成本次任务后便会永久离开。
在特定的场景中,产品无法解决程序响应或处理任务的速度,用户需要等待,必须付出很多、甚至超额的时间成本,这时,进度条的作用就显而易见。
首先,它能给用户一个明确的预期,知道自己当前正在做什么、做了多少、还剩多少,并且以此推断出大概的剩余时间;其次,一个优秀的进度条还能通过转移用户视线,将其带入对其他信息的了解或乐趣中,让用户短暂的忽略进度过程,以减少心理抵触;最后,进度条能缓解用户等待的焦虑感,不至于让用户自以为卡死、或任务无法完成而产生消极的想法。

企业微信截图_16943197271343.png

4.需要一个信息明确、清晰可见的进度条

用户需要的是对信息的掌控、对未来的预知,如果进度条过于虚假或精确度较低,在进度完成之后并未满足自己的需求,焦虑感瞬间飙升并对产品失去信任。这就好比我们通过线上买了东西,催了好几次,可商家每次都说马上送到却迟迟未见,一旦超出我们对时间成本的预期,宁愿花费更多的时间重新买,也要退货的原因 。现在无论是外卖还是电商、打车等多个app都添加了地图进度条,可以让用户更加明确目标距离自己多远。
产品需要考虑的是给用户一个信息明确、清晰可见的进度条。不难看出,常见的进度条基本都有百分比、已完成/未完成可视图形、色彩明暗对比等综合信息,用户可多角度的对进度进行模糊或精准了解。例如:下载进度中,有已完成、未完成、下载速度、预计剩余时间等信息,让用户对下载进程有一定的把控。 企业微信截图_16943201732344.png