从排队等待谈进度条设计

排队等待是一种日常中常见的现象,例如新年领开工利是、去排队购买首发的苹果产品、每天中午去食堂排队购买午餐。排队等待在">我们的生活中无处不在且看似是一个简单的现象。即使是种简单的存在,但也有其复杂的一面,当存在着很多条队列时,确定每条队列是做什么的就变得困难了;在加入队列后,人们会产生:大概要等多久?为什么队伍很久没有往前移动?等诸多疑问。无法解释的等待是令人烦躁的,不公平的等待则可能引发人们的怒火。

经历过领开工利是的同学应该对于当天排队等待的回忆不会很糟,甚至觉得还不错,是一个值得回忆的经历,明年应该还会去参加。但经历过去火车站购买车票的同学多半会不愿意再去第二次了。不管痛苦还是愉快也好,排队等待有时是不可避免的,那有没有办法可以降低其中的痛苦程度呢?有心理学家曾对如何提升排队等待过程的愉悦感做过研究并提出了一些解决方法。近期正好也做了关于提升管家中进度条体验的优化设计,下面就结合进度条的设计来逐一介绍提升等待体验的设计方法。

提供清晰的体验概念模型

概念模型可以使令人迷惑的产品或者设计转变为条理清晰和可以理解的。周围环境的语义符号(新年后上班第一天、曾经领利是的记忆、大屏幕上的排队指引等)可以让我们明白排在腾大楼下长长的队伍是去领新年开工利是的,而不是去食堂买早餐的。

在使用软件的经历中,用户已经非常熟悉点击【扫描】按钮,出现进度条指示,然后等待扫描的结束这一整个过程。所以如下图所示,用户点击【快速扫描】,接着出现等待进度条,这样的操作概念是符合用户记忆,容易理解的,用户不会产生疑惑。

等待的过程应有足够的反馈

忙碌的维护秩序的工作人员、时而往前移动的队伍以及后面不断增多的等待同学等信息都给了我们足够的反馈,说明距离领到利是的目标越来越近了且排队等待是合理的。

想象一下,如果当进度条出现后,所有信息都是静止的:进度条没有移动、没有当前扫描进度的指示、没有变化的数字,这种等待让用户瞬间产生焦虑和不安,他们会疑惑“到底什么时候才会扫描完成?”、“到底电脑是否在正常工作呢?”。在做进度条优化设计时,就大量的提供了变化的信息,给出足够的反馈,让用户明白电脑是正常的,他们的等待是合理的。

符合或者超越期待

我们在开始排队等待时常抱以消极的期望值,认为等待会是个漫长的过程。在设计时可以利用这点来作出符合或者超越用户期待的假象,这样可以对提升用户体验有所帮助。

如果从技术上暂时无法提高扫描的效率,我们可以在扫描开始之前让用户有所心理准备,降低他们的期待。例如在扫描前可以通过弹框的方式提醒用户:扫描过程较为漫长,请您耐心等待。这样到最终扫描结束,用户可能会发觉其实扫描并不是那么的漫长,这也就变相的超越了用户的期待。

分散用户的注意力

一个有很多事情发生的时间段会显得比在一个相同时间但没有任何事发生的时间段快得多。“度日如年”就是这个道理。经典的在电梯口放置镜子的故事就是利用分散用户注意力的方法来提升用户等待的体验。

很多游戏的加载都采用了这种方法来提高用户等待的体验,比如七雄争霸在加载的过程中会出现“打地鼠”小游戏,将用户的注意力吸引到小游戏上,从而不会关注加载等待的事情。某款安全软件也采用了这种方法,当用户进入较长的扫描等待时,界面上会弹出气泡提示用户可以进入皮肤中心换换界面的皮肤玩一玩。从这点出发,管家也可以善以利用,如果管家有什么新的功能推出,可以采用这种形式向用户推介,即提高了等待的体验也起到了功能宣传的作用。

公平

我们反感插队的人,对不公平的现象会产生愤怒。有心理学试验表明即使所有的队列都以平均速度来移动,不管人们在哪个队伍里,他们都感觉自己那队是移动得最慢的。这也是为什么最好的队列设计是只采用一条队列,这样人们会认为自己得到了公平的对待。

回到进度条的设计,我们即使用再多的设计方法,其实也只是稍微减缓了用户在等待感觉上的慢。我们从根本上还是要提高产品自身的扫描效率和性能,让使用我们产品的用户受到的待遇是与使用其他类似产品用户所受待遇是同等的,最好是超越的。用户没有道理去忍受一款性能低下的产品带给他们的等待痛苦,这也就是让用户感受到公平是最基本的。

积极的开始,美好的结尾

一个漫长的活动过程,在记忆中的感受重要程度排序为:结尾,开始,中间过程。其中结尾的感受对整个活动过程体验的影响是最大的,如果能在结尾时增加稍许愉快的成分,即使整体过程是不愉快的,用户仍然会对整个过程产生愉快的感受。

进度条设计上也同样在开始与结尾处做了优化。在扫描刚开始,我们对进度条做了假移动的处理,进度条一开始会比较快的移动起来,其实移动的这段距离与实际的扫描比率是没有关系的。比如,有100个文件需要扫描,进度条每移动1%的距离代表扫描了一个文件。假移动就是让进度条一开始快速的移动10%的距离,其实在后台并没有扫描10个文件,可能只是扫描了1个文件。这样的做法会给用户一个积极的起步感,用户看到已经开始扫描了可能就会去做其他事情。

美好的结尾通常在人的记忆中会占有很重要的影响力。在管家中,当扫描结束后会跳转到结果页面,在这个页面上会展现此次扫描的详细结果并且给予很强的成就感,比如没有发现病毒会用显眼的绿色对号,肯定的文本让用户确信自己的电脑是安全的。如果扫描出病毒或电脑问题,界面上会给用户明确的清除按钮和其他特殊情况处理途径,让用户能很方便的解决问题并使电脑恢复正常。当用户解决完所有问题后,会给出解决成功的成就感提示。

生活中需求大于资源是常态,我们必须面对各种的排队等待。电脑的性能瓶颈也是暂时无法解决的,希望本文能对大家的设计工作有所帮助,让等待不再那么无奈。

(本文出自腾讯CDC博客: http://cdc.tencent.com/?p=5625)

时间: 2024-07-31 04:51:47

从排队等待谈进度条设计的相关文章

用户体验分析:从排队等待谈进度条设计

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 排队等待是一种日常中常见的现象,例如新年领开工利是.去排队购买首发的苹果产品.每天中午去食堂排队购买午餐.排队等待在我们的生活中无处不在且看似是一个简单的现象.即使是种简单的存在,但也有其复杂的一面,当存在着很多条队列时,确定每条队列是做什么的就变得困难了;在加入队列后,人们会产生:大概要等多久?为什么队伍很久没有往前移动?等诸多疑问.无法解

网页进度条设计:全兼容且自适应的进度条

文章简介:网页进度条设计:全兼容且自适应的进度条. 在做这个东西之前,我们需要了解基本的信息: 是否为静态加载?(是) 有多少种状态?(三种基本状态:默认.当前.已完成) 是否使用JS程序实现状态的更改?(否) 使用的频率?(高) 更新的频率?(低) 在了解这些基本信息后,我们还需要关注: 效果的完整性 性能的优越性 代码的可移植性及复用 兼容性 易维护 易扩展 这些条件有助于我们所作出的东西更加优秀. 先看一下我们以前的做法: 此做法使用了一张背景图片. 效果的完整性(很好的展示了其效果) 性

40个最新的创意进度条设计

  以前的进度条设计以拟物化为主,现在扁平化风格流行,连进度条也改变咯.这是40款最新收集的进度条设计,很多是Dribble上的作品,应潮流而生,想瞧瞧扁平化风格的进度条是怎样的,就来看看吧. Progress by yasir wadood Circular progress bar by Alexandr Ivanov Action buttons by Anton Bodryashkin Progress Bar by Lder Vilela Secret Mail Client – Se

网页进度条设计:关于讨论loading加载后的一些心得

文章描述:Loading,让烦躁少一些. 前一阵子,接到一个app切图制作加载圆形进度条的任务,看到那个小进度条转啊转的,我若有所思-同时,一个做印象派制作间控件设计的同学最近做了改版,那个控件登陆需要一些时间,看到他对loading加载条进行了优化,然后就一起交流了一下.作为一个刚毕业入行不久的新人,请允许我分享一下关于讨论loading加载后的一些心得- 这是一个浮躁的年代,长听到这样的抱怨"好慢!""等到死!",每次看到那个转啊转的圈圈,或者是那个"

网页设计技巧:网页的loading进度条设计

文章描述:虽然加载在整个页面来看是一件小事,但是因为加载在不经意间导致的用户流失却是大事.在加载页中显示进度,给出承诺,增加信息量或者幽默内容都能使用户潜移默化减少"觉察"正在加载的时间.但是真正可以减缓的办法还是加载的速度增快;别致的设计虽可以治标,但加载速 对于加载(loading),想必大家都不陌生.每当看到加载页中那个不停转啊转的圈圈,或者是 "Loading-"后面不停闪动的三个点点,心里都会涌起各种焦躁反感.根据一份调查得出,用户能够忍受加载的最长时间在

JSP编程进度条设计实例

许多Web应用.企业应用涉及到长时间的操作,例如复杂的数据库查询或繁重的XML处理等,虽然这些任务主要由数据库系统或中间件完成,但任务执行的结果仍旧要借助JSP才能发送给用户.本文介绍了一种通过改进前端表现层来改善用户感觉.减轻服务器负载的办法. 当JSP调用一个必须长时间运行的操作,且该操作的结果不能(在服务器端)缓冲,用户每次请求该页面时都必须长时间等待.很多时候,用户会失去耐心,接着尝试点击浏览器的刷新按钮,最终失望地离开. 本文介绍的技术是把繁重的计算任务分离开来,由一个独立的线程运行,

超有趣网站进度条设计

  人们讨厌等待,特别是加载网站的时候,可有些时候由于网速或者浏览器的原因,等待总是不可避免,如果在网站中也能像移动应用一样,有创意的进度条,会很大地减少人们的焦虑,还能避免因等待过久放弃进入这种不幸的事故. 相对于移动端,在网站中使用进度条不常见,该用哪种方式呈现给访客也是一个考验设计师的难题.现在你可以来看看这10个在网站中创意运用进度条的设计,它们既带给访客乐趣,也不妨碍内容阅读,学习一下,让它们在无形的展示中留住网速拙急的访客!(大多数提供源码,你可以很方便地学习它们) Creative

进度条设计:进行多页面(multi

文章描述:进度条(Progress Bar)_Yahoo_Pattern(翻译). 进度条(或进度表)可以帮助用户对过程的长度和步骤有个预期,并且知道自己当前在哪个步骤.也被称作"进度指示器(Progress Indicator)","多步骤进度条(Multi-step Progress Bar)","向导(Wizard Steps)","进度表(Progress Train)","剩余步骤(Steps Left)&

JSP编程进度条设计实例 jsp网页进度条

      许多Web应用.企业应用涉及到长时间的操作,例如复杂的数据库查询或繁重的XML处理等,虽然这些任务主要由数据库系统或中间件完成,但任务执行的结果仍旧要借助JSP才能发送给用户.本文介绍了一种通过改进前端表现层来改善用户感觉.减轻服务器负载的办法. 当JSP调用一个必须长时间运行的操作,且该操作的结果不能(在服务器端)缓冲,用户每次请求该页面时都必须长时间等待.很多时候,用户会失去耐心,接着尝试点击浏览器的刷新按钮,最终失望地离开. 本文介绍的技术是把繁重的计算任务分离开来,由一个独立