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

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


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

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

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

可见性反馈

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

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

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

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

友好性提示

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

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

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

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

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

转移性响应

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

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

总结

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

 

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

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

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

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

相关推荐

  • 实例分析:关于上传照片交互逻辑的思考

    最近在重新设计公司APP上传照片的组件,研究了很多移动端上传照片的组件,下面来简单单谈谈自己的总结。

    2017-05-12
  • 转化率低是设计师的问题?这锅我们不背!

    市场反馈好不好是由那些自带话语权或流量的人或产品决定的,这些人或产品既左右了大部分人的喜欢和习惯,又代表了大部分人的喜欢和习惯。转化率=(产生购买行为的客户人数 / 所有到达店铺的访客人数)× 100%

    2017-08-04
  • 一“平”到底

    随着 IOS8 的更新,以及更多 APPLE 产品的出现,扁平化设计已经成为了 UI 类设计的大方向。抛开扁平大战拟物的观点,让我们看看扁平设计之路应该如何越走越远。正好因为这个风格的流行,花瓣上也积累了非常多设计师朋友们的 素材 ,来看看他们都收藏了哪些精致好素材吧。

    2015-01-04
  • 功能确定之后,如何做好UCD概念设计?

      功能和数据都确定下来了,接下来我们就要把功能数据给设计出来,也就是决定它们长啥样,怎么操作的。 如果说前面的分析研究、需求定义、功能数据确定是“做正确的事”,现在开始我们就要“正确地做事”,方向抓…

    2016-02-20
  • 手机交互设计中的“拇指法则”

    你有没有遇到过一款APP让你用的很不舒服?你的拇指必须要伸得老远才能够得到菜单,或者页面里元素太多导致你经常误操作。这些都是因为交互设计师在设计的时候没有考虑拇指的感受,或者更学术化点说,没有考虑到“拇…

    2017-08-03
  • 大型的视觉设计系统都是怎么设计出来的?

    并不是Facebook的每一个产品都能在独特性和统一性之间保持平衡,但是这个视觉设计系统确实让Facebook 向前越近了一大步。

    2017-04-27
  • Axure RP入门第五篇——全局变量实现不同窗口加载

    产品经理入门:Axure RP入门第五篇——全局变量实现不同窗口加载

    2018-03-04
  • Facebook副总裁:为什么我们把汉堡菜单换成了标签栏?

    如果你希望某个重要的东西被用户看到、用到,那么很简单 – 把它放在用户一定看得到的地方,别让他们去找。

    2017-05-19
  • 产品设计师的自我重启

    有几个月没喝威士忌了,半年都有了,今天又捡起来了。这两周因为喵的事焦虑万分了,恢复的不太稳定,几乎每天都有不同的状况,让人揪心。揪到后面自己也不好了,各种代表焦虑的梦算是梦了个一溜够。那么让自己放松…

    2014-12-13
  • 【译文】移动应用界面设计7宗罪

    本文是移动原型工具Proto.io的设计团队8月份在自家博客上发表的一篇“软文”,通过与移动设计界大牛们的对话,帮助大家了解在进行移动设计时应该特别注意的禁忌,顺便推了一下Proto这个工具。大家可以回顾一下自己团队的应用正在触犯哪些禁忌,想必会有点意思。读完本文,相信你能找到优化自家移动应用设计的方向。

    2017-06-02