超多干货!交互设计师如何提高产品的可控性?

  。但在很多使用场景中产品的体验是不可预测的,运用常规的设计方法是无法照顾到的。就像出门遇到堵车,旅游遇到坏天气一样。这种情况出现时(例如用户的手机网络出现了问题),怎样安抚用户,甚至更进一步,怎样不让用户感知到这种情况的出现,是设计师们一致在研究解决的问题。

  基于心理学的研究成果,在设计中使用一些小伎俩,通过“迷惑”、“欺骗”用户,让用户分散注意力,或让其以为自己并不处在一个糟糕的体验中,是解决这类问题的方法之一。这就像魔术一样,观众观看体验魔术师制造的“幻境“、”骗局“获得了愉悦,但这并不能说魔术师们的道德出现了问题,设计师也一样,我们都是在为用户服务。下面译文的作者Marli Mesibov通过案例像我们介绍了用户对于“可控性”的追求,以及设计师们对赋予用户“可控性”的设计和方案的思考。

  每天,我站在家门口的路口,都会下意识的按下“过马路“的按钮,然后我还要继续等一段时间,等过马路的指示灯亮起后我才能过马路。终于有一天我突发奇想,没有去按”过马路“的按钮,过了一会后指示灯依然亮了起来。那个每天我都会按一下的过马路按钮按与不按结果居然都一样!按与不按,交通灯都会按照预设的节奏变红、变绿…

  这种没有实际功能的按钮叫做“安慰剂按钮“,他们实际上到处都有:人行横道、地铁站里、还有自动温度调节器上。他们没有实际功能,只是向用户提供一种感觉:即使在自动操作系统中我也可以手动操作。

  听来很奇怪,为什么要给用户这种感觉呢?为什么要欺骗用户呢?因为用户总是希望有自主可控的感觉!仔细研究下面描述的三种不同的表单设计方案能帮助我们理解上面的结论。这三种方案被用在一个在线申请参加本地达人秀的网上注册表单。

  方案一,用户打开一个表单,光标自动定位到表单的第一栏:名称。当用户填完ta的名字,光标自动跳到生日,然后地址。越往下,表单需要填写的信息越复杂。用户不确定如何回答当前栏的问题“为什么申请账户”,所以ta试着跳到下一个问题。不幸的是,表单是不允许ta跳过问题的,ta必须在当前栏写点什么才能跳到下一个问题。

  方案二,用户打开表单,光标再次自动定位到第一栏:名称。但是,这次用户有了自主的控制权,用户可以自主选择是否填写此栏的信息,可以在任何时间任何情况下提交表单,无论ta有没有完成表单的所有选项。然而,没有完全填写的表单参选人会有较小的几率被选中参加达人秀。

  方案三,用户打开表单,遵照用户可以自主操作的概念,ta可以完全按照自己的想法跳过问题(像方案二),但是当ta提交表单时,一个错误提示将出现,告知ta所有的选项都需要被填写后才能提交表单。

  大部分用户倾向于方案三,它给了用户很高的自由度去填写或者跳过选项,同时又确保表单能够被完全填写才能被提交审核。换句话说,用户同时获得了安全的自动化操作和可自主操作的感觉。在这篇文章里,我们要讨论为什么我们有可控性的需求,怎样创造这种感觉,以及安慰剂按钮是否在用户体验设计中是合乎情理的。

  人类对于自主控制的需求是与生俱来的。著名的心理学家亚伯拉罕-马斯洛(Abraham Maslow)的需求层次理论中指出,人类最基本的需求是生理上的需求,即健康,食物和睡眠。为了满足这些需求,人类需要大量的可控性,掌控我们生活的环境以获取足够的食物;自我约束的控制以避免疾病等。

  因此,人类试图在任何事物中寻求掌控力的需求或者说欲望是不足为奇的。每个人从生下来开始就在学着掌控生命中的一切事物,只有当周边事物在我们的掌控之中后,我们才会感觉舒服,感觉安全。

  这里我们所说的掌控力非常类似于心理学家所说的内控制力,这是由社会学习理论家罗特(J.Rotter)提出的,个体在周围环境(包括心理环境)作用的过程中,认识到控制自己生活的力量,也就是每个人对自己的行为方式和行为结果的责任的认识和定向。分内控和外控两种,前者指把责任归于个体的一些内在原因(如能力,努力程度等),后者则是指把责任或原因归于个体自身以外的因素(如环境因素,运气等)。

  作为一个交互设计师,我们试图确保用户在使用我们的产品或者服务时获得积极的体验。这往往是通过授予用户更多的自主权,通过我们提供的工具帮助他们获得内控制力。换句话说,我们让用户感受到他们已经被授予了更多的操作自主权。正如下段中Nadine Kintscher(Sitback Solutions的交互顾问)所说的那样:

  “今天,你可以自由的调节你的屏幕的亮度,关掉应用的通知,自主决定是否连接手机的无线网络等等,虽然这些只能将你的手机电量多延长了几分钟,但却让你满足于一种成就感:你可以完全掌控你的手机,你可以调整所有的设置!(其实你无法控制你手机的电池寿命!)”

  Kintscher的观点是:“拥有掌控力的感觉要比用户实际控制手机的电池寿命的能力重要的多。

  交互设计师是非常善于欺骗用户的!从Instagram到Microsoft,交互设计师一直在用层出不穷的骗术来让用户获得更佳的用户体验!以下是几个例子。

  当Instagram失去网络连接的时候,理论上来说它是无法加载新的图片以及更新反馈用户点击“like”的操作的。但实际上,Instagram却流畅的向用户展示:我正在正常运作着!如上图所示,Instagram被设计成在任何情况下都会想用户展示它正在流畅的运行,即使是在没有网络的情况下,它会在本地储存用户的操作记录,并在网络恢复后将用户的操作重新运行一遍。对于用户来说,这是在欺骗他们。其实并没有!当用户点击“like”按钮时,系统没有在第一时间储存和更新状态,ta的朋友们也并没有看到这个状态的更新。这或许可以称为小伎俩,当系统连接上网络后,“like”的状态将会被迅速更新。

  无论是在PC上还是MAC上下载东西,我们都会遇到进度条提示下载的进度。我们也都经历过漫长的“还有1分钟”时刻!很显然,进度条所提示的时间和我们等待的实际时间是不一样的,但是这丝毫不影响设计师们对进度条的热爱。

  几年前,著名的工程师John Herrman写了一篇文章解释为什么进度条在欺骗用户。简要的来说,下载速度是不连贯的,无法预测的,有许多因素制约着下载速度,系统是无法准确计算出什么时候下载完毕的。进度条存在的目地只是让用户感觉下载时间变短了。这在心理学上叫做时间设计,通过设计进度条让用户感觉进度加载的比实际要快。经过一系列的测试,Herrman设计出了感官上最快、但实际上欺骗用户的进度条模式:当进度实际加载的时候,进度条加速移动,同时又伴随着回滚波纹的动画效果。

  很显然,“每个人都这么做”不足以解释为什么要欺骗用户。我们生活在信息时代,每个爱读书读报的人都了解到目前的各种媒体都在批评大的互联网公司,像Facebook、Google、Android和Amazon,批评他们在向用户隐瞒信息。这些隐瞒的信息包括模糊的个人隐私设置,以及没有向大众明确指出用户的个人数据属于哪些机构和个人,谁能够通过这些数据追踪到用户的位置等。用户希望了解真相,以便更自主的在使用互联网产品并遇到问题时做出决定。

  当我们面对大量的信息和无数模棱两可的选项时,我们往往会被麻痹,无法做出选择(选择综合症,想想你在淘宝买衣服时的场景)。在这种情况下,脱离场景的信息变得没有价值,回到文章开头的过马路的例子,假设在等待红绿灯的时候没有“过马路“的按钮可按,我们只能等待,失去了控制力,这往往会让我们变得无助、急躁,这是不好的用户体验。如果我们在办公室里发现经常用来调节温度的旋钮实际上是一个”安慰剂按钮“,并没有任何功能,这将让我们感到失去了内控制力,会让我们更加的焦躁。

  这是非常难以平衡的,是否通过使用“骗术“来获得好的体验是设计师们需要去考虑的,接下来让我们提供几种不需要混淆事实,而是向用户提供真实的可控性体验的方案。

  在之前的例子里,我们讨论了三种填写表单的方案。在第三个方案里,用户被更加自由的选择填写表格内容所激励,系统并没有强制让用户知道所有的选项必须要填写,用户也并没有被“欺骗”。这种高自由度可以被其他场景所借鉴。举个例子,允许在线教育的用户自由的选择组合一个“完整的课程”,或者提供不止一种完成任务的方法(比如用户既可以点击“完成”按钮以完成任务,也可以点击页面中的“下一题”来完成任务)

  有句谚语:“让你的兄弟替你决定那些你并不关心的事情”。它同样可以用在体验设计中。这就是为什么银行允许用户选择个人资料的图片,以及让我们定制信用卡上的图片(免费)。这些无关紧要的决定既让用户感觉到了可控性,又分散了我们对于真正要自主决定的问题的注意力。

  在数字世界中模拟真实世界的行为和事物,可以提高用户对于产品的体验。Skype在用户的通话中模拟这是电话通话中“停顿中的噪音“,因为完全的静音会让用户联想到通话已经结束了。完全的静音也许会让用户在使用中学习到数字电话是可以在通话间隔中出现的,这在真实世界的模拟信号电话中是无法实现的,因为技术上无法做到。但是看似不必要的模拟”停顿中的噪音“可以让用户感到愉悦,并不在担心通话是否断掉。

  对于交互设计中“安慰剂“组件的道德标准判断是复杂的。安慰剂被广泛应用在疾病治疗中。纽约时报的评论员Olivia Judson曾经指出:“因为欺骗患者是不道德的行为,所以有些批评指出安慰剂在临床治疗中是不应被允许的。”在交互领域,“安慰剂”组件并没有对用户带来实质的物理伤害,它们甚至不应被视为欺骗。刷新按钮在很多网站应用中是没有实际效果的,因为这些网站应用是自动加载更新的,但他们仍然会保留这个组件。在Uber应用中,用户可以追踪出租车目前的位置,判断出租车是从哪里来的,但这实际上并不能帮助减少用户的等待时间。

  我们能做的只能是对于这些潜在的会“欺骗”用户的交互设计提出疑问,并对真实用户进行用户体验的测试,看看他们的真实反应。询问目标用户他们对于这种设计是介意,还是喜欢。考虑以下三个基本的问题:

  作为设计师,我们的工作是设计用户在什么时候需要操作,什么时候需要安全感,以及什么时候让他们产生拥有自主控制权的感觉。只要在我们的心中,我们是在帮助用户的,那我们就拥有了道德的制高点,我们就能够在设计中勇敢的做决定!

  网站在前期的时候都是很难上排名的吗,那么是因为你的网站基础优化都没做好,怎么可能会有排名呢,首页说到了基础的优化那就要从根本的地方说起。前期就是先把网站的设计和网...

  随着情人节的结束,2月份的设计圈干货大合集悄然更新。新的工具新的资源,依然是以往的分量,依然是相同的味道。和过去的合集相似,免费的素材、工具、服务占据了列表中9成的...

  每个网站都是由不同功能不同类型的页面构成的,当用户打开错误链接的时候,网站的404页面就派上用场了。一个可靠的404页面在告知用户他们走错地方的同时,还应当引导用户继续浏...

  今天来给大家讲讲如何用Axure实现上下滚动效果。 如何实现上下滚动效果: 让内容在显示区域滚动; 内容面板没有接触到顶部时,让内容面板移动至顶部; 内容面板接触到顶部,没有接...

  你还在加班为每一个小功能的实现自己“码码码”吗?今天想早点下班的你,快来看看我最新发现的工具包吧!有了他们,这些功能你只需要直接用,或者用一点时间把他们优化的比作者创造时更...

  @Mockplus原型设计 :许多人可能认为搜索框不需要设计,毕竟这只是两个简单的元素。然而,在内容繁杂的网站中,搜索框通常是最常用的设计元素。当用户遇到相对复杂的网站时,他们...

  本文以微信首页为例,用三个维度系统地解析一个产品的交互设计的方方面面。 首先我们来做个互动,请各位看官打开自己的微信,然后看到你的微信首页: 然后仔细观察看到了什么...

  刻板印象有好有坏。在合适的场景、时间、项目中,去最大化它的积极作用,尽量避免它的消极作用,才能真正的平衡设计、工作,甚至生活。 一直在看奇葩说,听到很多次的一个词叫...

  在做表单设计时,究竟该选用哪种控件,只要是根据情况而定的,无论哪种选择都有其优缺点,这就要结合选项数目、空间大小等因素,选择一种形式,可以最大程度的方便用户使用。...

  毕业后加入百度成为一名交互设计师已经整整两年了,这里把一些想法体会,工作职场的相关经历写下来,以供新人参考。 最早接触交互设计时觉得学交互设计非常酷炫,例如像钢铁侠...

上一篇:文案技巧:16个常见的UI文案设计的误区
下一篇:苏州网站制作对带有FLASH和JS的网站应该如何进行SEO优化

欢迎扫描关注我们的微信公众平台!

欢迎扫描关注我们的微信公众平台!