用好的交互设计来减少用户等待

通过一些小小的「等待」机制来降低对用户感知的干扰,用心做好产品,让用户更“爽”一些。


通过一些小小的「等待」机制来降低对用户感知的干扰,用心做好产品,让用户更“爽”一些。

用好的交互设计来减少用户等待

基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求基于用户正确的操作行为,产品提供的反馈能否给予用户情感上的满足,这对产品中的一系列反馈机制提出了更高层次的要求,同时也对设计师提出了更高的要求。

可见性反馈

反馈和交互意味着通过合适的反馈以及和程序之间的交互从而让用户时刻知道现在发生了什么。产品经理在设计需要等待的功能时候,应该为用户提供一个反馈来说明在这段可接受的时间内,这个应用正在发生的什么,尽量不要让用户去猜想。虽然在技术上是有一定方法能够加快程序的响应速度的,但是更多的程序往往都需要用户在某些时候等待一段时间而别无他选。产品经理必须要理解合理的可见性反馈会影响到用户的心理感知。

在反馈的各类模式中,数字是最为直观的表达形式,由数字衍生出来的交互设计譬如下图举栗,都是在产品设计中非常常见的告知用户需要等待的信号:

用好的交互设计来减少用户等待

  • 进度条:通过确定性的表达,譬如百分比从0%到100%递增而不减少,用最直接的告知当前情况与最终结果态之间的差距;
  • 倒计时:避免用不太确定的时长,让用户盲目等待,应该用最直观的方式告知用户,还需要等待多久。

友好性提示

在做交互设计时,你需要知道这几大定律一文中,我们曾提到席克定律,本定律描述到:过多的界面元素实际上阻碍决策(因此也影响目标的完成)。时间远非线性的过程,因为随时间流逝所有交互都会发生。

下面的例子来自淘宝注册页面的,它结合表单引导和进度条是个很不错的策略,改善了体验的步调。注册一个新的用户账号所需的冗长过程被分为4个可掌控的步骤。用户也能看到它们的进度到了什么地步,这会激励他们继续进行。节奏与效率关系不大,更多是用户是否对体验感到舒适——不会使他们负担过重,也不会减慢它们的速度。

用好的交互设计来减少用户等待

还有一个栗子来描述友好性提示,那就是百度搜索结果页。通过用户实时的输入,同步响应内容的检索,让用户的每一次敲击键盘的行为都得到回答。这样的体验,让用户感觉他们在直接操纵这个系统,就像使用真实的工具一样。除了结果的视觉呈现外,不需要任何反馈。

用好的交互设计来减少用户等待

转移性响应

遇到一些不可避免的复杂过程,不能用缩短时间或者提起预知步骤的情况下,合理的转移用户的注意力,也是一种减轻等待所造成反感的一种方式。现在通常的做法是用漂亮的预加载动画效果,让等待变得“爽一些”!

还有一个比较常见的处理机制,即大图加载处理。对于需要大图加载的情况,可以先加载一个低质量(较低分辨率)的图片,然后待用户使用过程中,后台慢慢加载出清晰的大图。用视觉转移的方式,分散用户等待查看清晰图的烦躁。在我们设计产品时,要尽量减弱用户的焦躁,“增强用户的期待值”也不失为一种好方法,这就是转移性响应的本质。

总结

通过减少等待的时间从而减轻用户的负面情绪,用好的交互体验,有效滴降低用户的抱怨程度,让用户不用想,就能完成花费时间代价的过程,这就是好的交互设计的目的。通过一些小小的「等待」机制来降低对用户感知的干扰,用心做好产品,让用户更“爽”一些。

 

作者:权莉,微信昵称:Mandy权。一名快乐的产品经理!~

本文由 @权莉 原创发布于人人都是产品经理。未经许可,禁止转载。

原创文章,作者:Catherine,如若转载,请注明出处:https://www.iamue.com/27761/

(0)
CatherineCatherine
上一篇 2017-05-19 00:48
下一篇 2017-05-19 02:49

相关推荐

  • 这个简单粗暴的设计为何是“好设计”?

    作者:UX沐沐(公众号:Liveux)   20世纪著名建筑师史密斯.德罗在总结他成功经验时说“魔鬼藏在细节中”,面对一些习以为常的设计,设计师能否洞察背后的不寻常? 今天想探讨一个我们每天都能见到数十次的“寻常”设计…

    交互专题 2017-08-07
  • 最近很火的租衣APP用户体验报告

    以下内容并非广告,但是如果衣二三和女神派的营销部门看到的话,要不要考虑来主动给我发点广告费?其实租衣APP这个东西应该火了好一阵了。有我微信的宝宝们可能知道,我这个人有个很大的毛病就是喜欢买衣服。且买来并穿不了一两次,接着就开始在朋友圈各种亏本卖闲置。最近整理衣服发现实在太多真的不能再剁手了,因为根本没地方放。然后突然想到了公司一个客户和我说过她一直用一个租衣APP叫衣二三。看到这个APP的时候我的内心是激动的 --- 终于有软件解决我...

    2018-03-30
  • Mate S、S6 edge+用户交互设计对比体验

    每年竞争激烈的手机市场中都会带给我们消费者惊喜。在配置性能等硬实力愈发相近的情况下,各厂商在外观,材质,以及操作系统包括界面优化,交互设计等方面都下足了功夫,来为消费者提供具有各具特色的使用体验,以…

    2015-11-10
  • 复杂性和用户体验[译]

    每一个交互设计师应该都怀有一颗追求简单的心——轻盈的操作,简易的流程,干净的界面。每每提及复杂性,必然会想到其对立面——简单。所谓简单,就是要去除不必要的干扰,让用户直达目标。优秀的产品关注简约而非复杂…

    交互设计 2015-07-22
  • 如何做让老年人也能方便使用的网站【UXRen译#176】

    作者:保罗•克瑞斯顿(Paul Crichton)  |  翻译:阿陌,校审:天蛙   英国有近三分之一的人口都超过50岁。 他们在2015年的网络消费额就达到了14.45万亿英镑。 他们中76%的人会每周至少一次进行网上购物。 50岁以上…

    交互专题 2023-03-03
  • 【UED人物】朱锫:自然建筑

    近日,朱锫建筑事务所作品景德镇御窑博物馆荣获“2017年度The Architectural Review未来建筑奖”之“最佳文化建筑”(the Winner of the Cultural Regeneration category)。自此,又一位中国建筑师叩开了国际大奖之门。△ 景德镇御窑博物馆室内效果图“未来建筑奖”始于2002年,每年由英国知名建筑专业杂志《The Architectural Review》(建筑评论)评选并颁发...

    2018-02-07
  • Facebook的用户体验评判规则

    Facebook的产品设计五维情感精准定位——设计对受众定位清晰,符合该设计目标用户群的使用体验。亲和力——所有交互元素的设计上,用户对信息沟通顺畅,感觉似有人一般的亲和感。分享——承载对Facebook连接、自由、生活的文化认同。留恋度——给人超出想象的空间,让人留恋往返,对产品期待更多,得到二次访问。易用反馈及时——在交互过程中,用户的操作能够在屏幕上及时得到反馈效果,帮助用户提高效率。方位清晰——清晰的知道自己在那里,退路在那里,...

    2018-03-25
  • 微信小程序设计指南 · 小程序

    概要 基于微信小程序轻快的特点,我们拟定了小程序界面设计指南和建议。 设计指南建立在充分尊重用户知情权与操作权的基础之上。旨在微信生态体系内,建立友好、高效、一致的用户体验,同时最大程度适应和支持不同…

    2016-09-24
  • 教你掌握27种图层混合模式的用法

    嗯,让我们从最最基础的说起——像素。你就把他当成一个个五颜六色的小色块.这些小色块们都有一个特定的标记值,比如,RGB值,CMYK值了。当然透明色块也是像素,不过值是零罢了。我们的计算机就是靠识别这些数值来认识颜色的。

    2017-06-05
  • 提示信息的情感化设计,做一个有故事的淘宝

    未来的故事还可能会将情感化设计延伸到不仅仅是异常的场景中去,从而覆盖整个淘宝,真正地实现做到一个“有故事的淘宝”。

    2017-05-05