您可以捐助,支持我们的公益事业。

1元 10元 50元





认证码:  验证码,看不清楚?请点击刷新验证码 必填



  求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
   
 
 
     
   
 订阅
  捐助
用户等待时间
 
来源:360doc 发布于: 2015-5-19
   次浏览      
 

——“3秒等待”,减少用户心理等待时间

不知道大家有没有和图中这位老兄类似的经历呢?风和日丽的下午,慵懒的阳光洒在身上,你想到网上买件衣服。浏览中发现一件貌似不错的外套,想看看大图,无奈网速太慢,进入之后图片一直在loading,于是你一遍一遍地刷新,loading,刷新,loading……最后,你的大脑觉得现实太残酷了,决定在梦里网购,看大图……

下图是大家比较认可的网页中的用户等待时间范围。

0.1秒在该时间内显示反馈结果用户是可以接受的。

1.0秒是用户保持不间断的思维流的限定时间,用户会注意到这样的延迟。

10秒是保持用户关注当前对话框的极限时间。

在移动终端上,时间的标准可能还要缩短。

没人愿意等待。“3秒等待”是一种比喻,代表了对用户体验速度的要求和期盼。其实,速度不仅取决于服务器、设备的性能,以及网速的快慢,很多时候,好的设计也可以减少用户的等待时间,虽然某种程度上只是“障眼法”,但却能够获得用户的认同感,改善用户的体验。

——减少用户心理等待时间的几个方法

1. 我到底在等什么?还要等多久?

用户需要知道他等待的信息、等待的时长和等待的进度,如同你在实际生活中排队一样。

如果用户不知道他在等什么或者是否是自己所想等待的结果,就会没有耐心;

如果用户不知道他要等多长时间和目前的进度,就会产生悲观情绪;

1)进度条

进度条是常用的一个手段,用来告诉用户等待的内容和时间。研究表明,在没有进度条的时候,人们会感觉程序运行的时间变长了,这意味着在没有任何进度显示标识的情况下,你的程序会让用户觉得比较慢。

2)载入标识

有时候处理过程仅需短短几秒,这种情况下无需显示完整的进度,仅仅加入一个“载入”标示就好。这样做的目的是告诉用户服务器已经响应了他们的请求并且会很快完成。没有这样的标示,用户不知道发生了什么,会误解认为程序崩溃或请求没有被响应。

2. 等你到底值不值?

弹出窗口展示放大图片和多个视图是许多顶级在线零售商所采用的方法,但它们花费了许多美好的时间用来加载。DSW承诺的加载延迟是“well worth the wait(非常值得等待).”其实,在等待界面的时候告诉用户一些有价值的信息,或者给用户一个承诺,都能够降低用户的烦躁感,减少心理等待的时间,用户至少会觉得“我没有白等”。

3. 我等的好辛苦……能不能先干点别的?

有时候你不得以要让用户等待较长的时间,比如安装时。这个时候,首先要告诉用户还需要等待多长时间,使用户有一定的心理准备;然后可以告诉用户一些有用的信息,比如软件的基本操作方法和特点。这样一来,既转移了用户的注意力,同时很好地宣传了自己的产品,一举两得。下图为WINDOWS XP的安装过程界面。

——市面浏览器减少用户等待时间的技能比拼

等待网页加载是所有浏览器中不可避免的问题,动态提示和进度条是基本功,人人都会。在这之外,其他产品还做了什么呢?

常规派:点击某一条目后,产品立即反应,跳转到接近“白屏”的界面,界面中部有加载中的动态显示。

代表产品: UC S60版、启明星浏览器等等,如左图;

改良派:点击某一条目后,界面仍然停留在当前页,屏幕上方进度条加载(伴有表示新页面正在加载的动态显示),完成一定进度后,无“白屏“感直接跳转到新页面。

代表产品:海豚浏览器、UC Android版等等,如右图;

以上两种常见方式各自在5C小组内遭到了反对,有同学认为,改良派的方式提示太不显眼,会让他觉得手机无响应。也有同学则认为,在无法预知等待加载时间长短的前提下,白屏会使得用户厌倦并中断操作。

让我们来揭秘一下两种矛盾的呈现方式背后并不矛盾的设计理念。

理念一:动态加载提示会分散用户注意力,减少用户等待的焦虑

理念二:点击后即时响应,使得用户明白自己的操作有效。

理念三:过于明显的屏幕跳转(如左图中的白屏)会使得用户的心理体验中断。

因此,5C认为两款浏览器做的都不到位。左边的UC浏览器在加载时跳转到白屏,虽然反馈信息很明显,但大面积的白屏会让用户反感,尤其是在加载时间较长的时候。而右边的海豚浏览器虽然没有出现白屏的情况,但仅仅靠地址栏内小小的动态图标也难以让用户察觉到已经在加载新页面了。

所以,如何针对用户看似矛盾的需求进行设计上的协调是非常重要的。个人建议可以对海豚的做法加以改进,将反馈信息放在明显的位置,或加大进度条和动态图标的体量,使用户能够明显看到,这样就能在一定程度上改善视觉体验。观点仅仅是抛砖引玉,大家如果有什么好的想法和创意,欢迎反馈。

   
次浏览       
相关文章

用户故事与用例
交互设计师之精益画布篇
数据分析之用户画像方法与实践
如何快速建立用户模型?
 
相关文档

用户界面设计
给企业做大数据精准用户画像
用户体验和交互设计
大数据下的用户画像
相关课程

用户体验&界面设计
用户体验、易用性测试与评估
用户研究与用户建模
用户体验的软件UI设计最佳实践
最新活动计划
软件架构设计方法、案例与实践 8-23[特惠]
Linux内核编程及设备驱动 8-15[北京]
Python、数据分析与机器学习 8-23[特惠]
嵌入式软件架构设计 8-22[线上]
QT应用开发 9-5[北京]

从手机登录页面设计想到的
如何把无意识引入交互设计中
交互设计的真相
当视觉设计师遇上产品经理
手机交互设计原则
用户体验之网页板块设计
更多...   

以用户为中心的设计
可用性评估
Desktop及Web-based视觉设计
认知原理与设计应用
手机用户界面设计

北京 以用户为中心的界面设计
北京 用户体验& 界面设计
上海 华为 用户体验& 界面设计
深圳 用户体验& 界面设计
爱立信 以用户为中心的设计
北京 用户体验与界面设计
福州 以用户为中心的界面设计
更多...