广州总部电话:020-85564311
广州总部电话:020-85564311

广州网站建设-小程序商城开发-广州小程序开发-企业微信开发公司-网站建设高端品牌-优网科技

19年
互联网应用服务商
请输入搜索关键词
知识库 知识库

优网知识库

探索行业前沿,共享知识宝库

UI设计技巧之如何设计进度条,让用户的等待不再焦虑
发布日期:2024-11-02 13:57:30 浏览次数: 806 来源:HKWEB


行为生物学家指出:人和大多数动物一样,都偏好即时满足,天生不愿意等待。



事实上,当用户在完成某个任务时,随着等待的时间延长,他们会逐渐感到焦虑→不耐烦→愤怒→放弃,从而降低对网站/APP的整体评价,甚至毫不犹豫地离开并转身投入到竞争对手的怀抱中。



HKWEB有话说


正常情况下,我们可以通过一些网页制作技术来加快程序的响应速度,但如果遇到一些硬件问题,例如设备性能不佳、环境网络缓慢等,那用户可能别无选择、唯有等待。


当然啦~!我们也可以在任务流程中增加进度条来实时反馈系统的当前状况,从而让用户拥有一定的掌控感;同时,通过趣味化的UI设计或提供有帮助的信息来消耗用户的等待时间,甚至超出他们的预期,这样用户的接受度自然大大提升!


那么,具体有什么方法可以缓解用户在等待过程中的无聊和焦虑感?



01
常见的进度条有哪些类型?


在解答“如何利用进度条来缓解用户等待时的焦虑感”这一问题之前,首先我们来看看进度条的常见类型都有哪些,方便我们针对不同设计目标来选择:


  • 动态型进度条



动态型进度条一般用于系统自动处理某个任务而提供的实时进程提醒,用户在此期间无需进行其他操作,只需安心等待结果即可。


⚠️  由于这种进度条通常需要进程达到100%才能进行下一步操作,因此用户有权知道任务所处的进程。


  • 静态型进度条



静态型进度条弱化了“进度”的概念,往往需要用户操作某一操作后才会发生“进度的变化”,因此这需要让用户知道系统往前状态,以便为其他任务决策提供参考。


  • 动静结合型进度条



动/静结合型进度条不仅具备动态型进度条和静态型进度条的特性,还有非常密切的时间关系,因此无需考虑缓解用户等待的焦虑感。


⚠️  在使用动/静结合型进度条时,通常需要维持“动态”和“静态”的平衡关系,如果存在优先级问题,则结合实际使用场景的变化来确定进度条的设计目标。


02
设计进度条时需考虑哪些问题?


选择合适的进度条类型后,接下来我们就可以开始考虑进度条的设计。不过,在实际操作,还是需要注意以下几点的:


01
进度条总是卡在最后的1%



虽然这种设计方式可以让用户更容易接受且有种“即将完成”的激动心理,但它仅用于应付意外情况而使用的备用方案,因此切勿让进程一开始飙升太快,随后又将大部分时间压在最后的1%上,这只会让用户的心理预期出现较大落差而引起反感。


02
提供必要的步骤/节点



在部分进度条场景中,除了应有的基本进程信息外,还需要进行适当的分类,增加必要的步骤,确保用户清楚知道当前所处位置,同时根据任务量预测每个步骤的大概完成时间,进而增加他们对系统的掌控感。


03
不要尝试威胁你的用户



如果系统在运行过程中发生意外,不要尝试使用带有警告、威胁口吻的文案来“威胁”用户,而是应该通过限制用户再次发送请求并说明原因,以抚慰用户的心情,避免他们因不知所措而增加对产品的不满。


04
避免出现让用户不知所措的进度指示



在某些需要等待的任务进程中,即使界面不适合出现进度条,同样需要添加一个辅助说明,给用户一个大概的预期,降低他们的逆反心理。


03
设计进度条时需遵循哪些原则?


最后,进度条不是制作完成就可以万事大吉的,我们还需要对它进行评估,看看是否满足以下这些网页设计原则:


不主动干扰用户

对部分内容型产品(尤其是视频类APP)而言,用户可能对动态进度条有一定操作需求,但为了让他们更加专注内容,请尽量不要让进度条对用户造成更多的干扰。



否则,用户注意力一旦受到干扰,将会让产品的用户体验大打折扣,甚至令用户产生一些负面想法,如降低继续使用产品的欲望、因为误操作而跳出页面……这对产品来说都是得不偿失的。

合理反馈

无论选用哪种进度条类型,都应该及时向用户提供实时的反馈。这不仅限于前面所说的信息提示,而是在条件允许下,需要结合实际使用场景,尽可能给予用户更明确的提示。



因此,在设计进度条时一定要分清楚以下三种情况:


静态型进度条:通过其他信息的处理才会发生变化,因此无需让用户过度关注。


动态型进度条:由于用户的焦点完全聚焦在进度条及信息变化上,因此抛开系统的硬件问题,做好视觉反馈更容易满足用户需求。


动+静态型进度条:虽然用户在操作,但其主要精力还停留在产品内容上,所以除了视觉反馈外,还可以从听觉、触觉下手,为用户提供更好的即时反馈。

极致的用户体验


关于进度条的用户体验问题,HKWEB建议优先考虑以下三方面内容:


a. 可触控区域

在空间区域允许的条件下,可触控区域的高度尽量不要低于40px。就算无法达到此条件,亦要将可触控区域开发到最大化。


b. 操作方式

尽量避免将操作方式限制于进度条上,多一种操作方式相当于多匹配一个使用场景,亦给予用户更多的方便。


c. 引导用户

为了缓解用户在等待过程中的焦虑感,设计进度条时适当添加动效、插画、帮助信息等其他内容,以分散用户的注意力,协助他们平静地度过等待期。


结  语


虽然做好进度条对提升产品价值并没有明显的影响,但从UI设计和UX设计来说,优秀的进度条不仅让用户的等待过程变得清晰流畅,还可在一定程度上提升他们对产品的耐心,使其更愿意花时间来等待程序运行!



优网科技,优秀企业首选的互联网供应服务商

优网科技秉承"专业团队、品质服务" 的经营理念,诚信务实的服务了近万家客户,成为众多世界500强、集团和上市公司的长期合作伙伴!

优网科技成立于2001年,擅长网站建设、网站与各类业务系统深度整合,致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设(品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、DIY体验、720全景展厅及3D虚拟仿真)、移动端应用(手机站APP开发)、微信定制开发(微信官网、微信商城、企业微信)、微信小程序定制开发等一系列互联网应用服务。


我要投稿

姓名

文章链接

提交即表示你已阅读并同意《个人信息保护声明》

专属顾问 专属顾问
扫码咨询您的优网专属顾问!
专属顾问
马上咨询
扫一扫马上咨询
扫一扫马上咨询

扫一扫马上咨询