几何

在这个5G都快要来临时代,网速越来越快,但是再快的网速也总会出现等待的过程,比如等车、等外卖、等游戏加载、双十一凌晨付钱网卡了等,这些等待是用户与互联网产品使用过程中不可避免的,那么我们应该如何利用设计的手段来对等待进行优化,从而减少用户在等待的这段时间里带来的负面体验呢?

 

什么是交互等待

绝大多数用户在使用产品时对等待的忍耐都是很有限的,除非是在网络不发达的偏远地区,否则用户2S以内的页面反馈是用户的心理预期,超过了8S的页面反馈,用户可能就会直接关闭页面了,因为远超出心理能接受的等待时长。如下图所示:

当然还有一种情况例外,你在用手机跟Siri说话的时候,你的心理预期时间就会降低,因为你内心会给他一个接受信息的时间,但是也不能时间过长,过长只会让我们觉得反应慢或者不好用。如下图所示:

“杀死时间”的方式

一般来说影响等待的有客观因素和主观因素,客观因素我们无法掌控,作为设计的我们能够做的就是利用设计干扰用户心理,减少负面等待情绪,分为以下几种形式:

1、明确的当前状态

给用户提供一个明确的状态告知,当前处于什么样的状态,等待需要多久不,以及预期的结果,这种一般适合时间需要比较久才能够解决问题的情况,因为这样的明确状态,能够减缓用户因为等待时间过长而带来的焦灼,如下图所示:

支付宝和大都会都是提前告知到账或者到站的时间,让用户心理有个等待预期,毕竟在涉及金额和交通的事情上,用户的耐心总是会比较少的。

还有饿了么和淘宝,这两者也是属于等待时间等待时间比较长或者不明确的产品,如下图所示:

商家接单了以后,外卖会显示地图并且明确的送达时间,淘宝也会给快递所处的位置,都是为了让用户做到心中有数,减少无知感带来的焦躁。

 

2、及时补救

设想一个场景,当你的网络显示4G状态,但是就是连接不上网的时候,这种等待除了烦躁之外还趋向于无助的心理,特别是有急事的时候,但是微信和腾讯的解决方法就很好,如下图所示:

当你的网络一直连接不上的时候,会给出网络诊断的文字按钮,点击文字按钮正在恢复网络的页面,这样的提示很适合用在用户对连接状态或者网络信息要求比较高的情况下,除了社交和视频类产品,还可以运用在音乐、漫画类等的产品中,及时减少用户因为网络问题对产品产生不好用的想法。

 

3、数字提升掌控感

在交互等待过程中,让用户根据自己的需求掌控响应的等待过程,能够顺利完成任务操作,等待体验会更好。如下图所示:

大家都知道下载和重新输入验证码都是需要等待的,但是百度网盘在下载文件包的时候,会显示剩余多少个,从而减少用户对进度条的等待,输入验证码的倒计时也让用户对于当前的页面更有掌控力。

适合需要时间等待的操作,但是与第一种有所不同,第一种有各个环节能够保证时间,因此可控因素比较多,但是目前这种因为没有可控因素,因此将可控的信息展示出来,也能够减少等待的焦灼感。

 

4、转移注意力

转移用户注意力目前在产品中经常用到的方法有两种,一种是GIF动画加载,这种属于目前比较常见的功能,如下图所示:

微信读书的随机推荐和波洞的下拉刷新,都是采用的GIF动画,而这两者的动效都是在产品本身定位的情况下增加的趣味性,有助于用户聚焦,而对等待的时间会有所忽略。因此这种方法不限产品,都能够灵活运用。

还有一种情况是玩游戏,之前谷歌断网之后页面是会出现小游戏的,虽然我的谷歌从来没有出现过,不过QQ的好友动态刷新页面后倒是出现了小游戏,如下图所示:

下拉页面之后出现的游戏是拔河。。。虽然隔着屏幕有点使不上劲的感觉,但是也为我们萌发了新的设计思路,如果断网一直刷新不出来,那么来一波连连看,打地鼠,马戏团倒也挺好的,完全不觉得断网始终痛苦了,但这种情况大多适合于社交、音乐、视频和动漫等核心用户年龄偏年轻的产品。

 

划重点

面对交互等待的问题说到底就是,减少用户面对没有反应的界面所产生的负面情绪,不同的情况使用不同的方法,看到优秀的方法可以举一反三,我们都知道目的是什么,但最重要的是合适的解决问题的办法。

 

参考引文

《产品设计之提升交互等待体验》http://1t.click/bhJr

 

原文地址:海盐社(公众号)

作者:潘团子

 

 

转载请注明:学UI网 » 如何悄无声息的”杀死”交互等待

登录收藏
 
你可能喜欢的:
为什么要进行竞品分析以及关键准则为什么要进行竞品分析以及关键准则
设计沉思录|美事升级,不止于改版设计沉思录|美事升级,不止于改版
这篇“点9”文,欠大家两年了!这篇“点9”文,欠大家两年了!
案例:如何优雅地用卡片分类法,搞定烦人的用户需求???案例:如何优雅地用卡片分类法,搞定烦人的用户需求???
抖音VS快手,产品模式是如何影响交互模式的?抖音VS快手,产品模式是如何影响交互模式的?
如何更好的使用弹窗?如何更好的使用弹窗?
一款APP的交互文档从撰写到交付③一款APP的交互文档从撰写到交付③
关于评分功能的一些思考关于评分功能的一些思考
一款APP的交互文档从撰写到交付②一款APP的交互文档从撰写到交付②
Material Design Layout Spacing methods 间距规范Material Design Layout Spacing methods 间距规范