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

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


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

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

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

可见性反馈

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

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

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

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

友好性提示

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

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

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

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

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

转移性响应

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

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

总结

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

 

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

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

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

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

相关推荐

  • 【UE&用户体验面试题】阿里巴巴 2015 用户体验专员实习生笔试题

    阿里巴巴 2015 用户体验专员实习生笔试题 1.某购物网站是大陆市场的领导者,为了扩展台湾市场,专门推出了该网站的台湾版并已上线。为了在台湾竞争激烈的电商 环境中脱引而出,吸引更多从未使用过该网站的台湾用户…

    2015-07-30
  • 《用户体验可视化指南》视频讲书(6)

    《用户体验可视化指南》书中第2章的第2部分从伦敦地铁地图,看体验地图的元素、范围和根据目标的取舍。点击视频观看(大约10分钟,推荐室内安静、有wifi环境下播放)兰静同学听后分享从这里开始讲绘制共线图前的5个思考点:视角、范围、焦点、结构和用途。蓉姐在这节视频中主要讲解了视角和范围这2点。1、视角有2个决定因素,目标用户和想要绘制的体验类型。a. 每类目标用户,在产品互动的关键触点上,应该是有明显差异的。哪些企业的主目标用户,哪些是次级...

    2018-04-10
  • 初级交互设计师的自省:基础知识能力很重要

    在交互设计师参与的各个阶段都会有不同的挑战和着重的考察点,希望大家都能打好基础,不要让基础的知识能力的欠缺影响甚至阻碍我们综合设计能力提升。

    2017-05-16
  • 交互设计的五要素:用户、行为、目标、场景、媒介

    在公众号里经常收到朋友的留言,到底什么是交互设计师?交互设计师具体是干什么的?为什么很多互联网公司都没有交互设计师这个岗位?希望通过这篇文章把交互的本质说清道明。

    2017-05-14
  • 看似平淡无奇的Icons,到底什么才是它的正确使用方式?

    了解食材是厨师的基本功课之一,了解器材是摄影师的基本功课之一,了解城管的时间表是卖热干面大叔大妈的基本功课之一,了解各个组件的设计模式和属性是交互设计师的基本功课之一。

    2017-05-08
  • 读书会第二期:《用户体验要素》(下)

    接上文···框架层1界面设计界面设计要做的全部事情就是选择正确的界面元素。界面元素的种类繁多,书里列举了复选框、单选框、文本框、下拉菜单、多选菜单、按钮等一系列网站设计中常用的控件,在2001年的时候这些控件就已经出现了,至今仍在大量使用,但是作者写这本书的时候并没有预料到目前的互联网行业有多么繁荣,所以近些年出现的很多新控件都没在书里。目前ios平台和安卓平台都有完善的设计规范可供参考,网上也可以找到海量的控件模板,只要耐心积累,多观...

    2018-04-13
  • 移动端交互-下拉菜单、单选、多选

    “在PC上常出现的下拉菜单,在移动端上都是用什么交互来实现的”,将最近项目里碰到的情况总结一下。

    2017-06-01
  • Welcome to the Gutenberg Editor

    The goal of this new editor is to make adding rich content to WordPress simple and enjoyable. This whole post is composed of pieces of content—somewhat similar to LEGO bricks—that you can move around…

    2023-03-03
  • 商业化的产品设计方向

    商业型产品顾名思义面向的都是企业级用户,这是与消费型产品的最大不同,消费级产品关注的是个人用户,所以在产品角色分析上商业型与消费型就存在很大的不同,但在一定程度上产品设计又是相通的,可能很多人已经比较了解消费级产品了,所以我现在就剖析一下商业型产品。

    2015-01-06
  • 认知心理学与交互设计(1)--识别容易,回忆很难

    ♝点击上方“交互设计学堂”关注我们,送电子书这是一个新的系列,主要内容来自《认知与设计--理解UI设计准则》,经过重新整理并加入一些自己的思考。识别和回忆是记忆的两个重要功能,识别是指根据记忆对某个物体做出…

    2017-08-01