数极客首页

为摩擦而设计:只为更好的用户体验

本文主要展示了一些设计用例,帮助大家更好的理解摩擦是如何在用户体验设计师的手中发挥积极效用。

为摩擦而设计:只为更好的用户体验

用户体验设计中,摩擦指的是人为地在设计中创造摩擦或阻力来阻止用户达成目标。就好像是登录页面上的艰涩词汇或者出现在支付页面那些摸不着头脑的选项问题。“为摩擦而设计”是用户直觉和极简主义的反面,也与“Don’t make me think”的设计理念相悖。

话虽如此,但有时“为摩擦而设计”反而是一件好事。例如在游戏设计中,摩擦实际上是很关键的。在适当的时候增加适量的摩擦能够使游戏更具挑战性。

当然,“为摩擦而设计”并不仅仅能在游戏设计领域派上用场。在本文中,我将展示一些用例,让大家更好的理解摩擦是如何在用户体验设计师的手中发挥积极效用,帮助用户改善用户体验的。

1.操作放缓,防止错误发生

(1)具有严重后果的用户操作

防止错误是用户体验设计中一个基本的可用性原则,在产品设计中最常见的摩擦设计就是设法让用户很难做错事(尤其是涉及到不可逆的行为时):

为摩擦而设计:只为更好的用户体验

注:在永久删除项目时,此确认页面会显示在macOS中。

根据操作可能带来后果的严重程度,摩擦设计的语气用词也不同,使得用户需要付出额外的思考和操作来确认,例如键入特定的命令等等。这种解决方案不仅使得错误地确认删除变得更困难,而且还减慢了用户的速度,迫使他们阅读提示消息以彻底了解发生了什么。

为摩擦而设计:只为更好的用户体验

从用户的角度来看,这些确认在这个过程中是一个额外的步骤(实际上是一种摩擦),但是同时,他们确信他们不会意外地执行一个难以撤销的行动。

为摩擦而设计:只为更好的用户体验

注:Netflix在退出所有设备之前会显示一个确认对话框。提示用户要重新登录所有设备可能是一件苦差事,所以Netflix确保您不会无意中退出。

(2)预计可能发生的错误

要预防错误还要帮助用户尽快验证操作的正确性,这个时候,智能验证就帮了大忙。智能验证不仅能够帮助用户检查输入格式是否正确,而且还能够考虑到更广泛的上下文关系,并警告用户此操作可能会导致问题。

为摩擦而设计:只为更好的用户体验

注:用户是有可能创建一个过去日期的事件条目的,但由于这类操作产生错误的可能性更高,所以在这里添加确认请求是有其道理的。

虽然这样的预测并不百分之百正确,而且有可能给出了一个看似无效的信息,警示对话框也因此成为了用户操作的障碍。但是,在大多数情况下,智能验证是预防错误的有效工具。

为摩擦而设计:只为更好的用户体验

注:忘记附件可是件相当尴尬的事情,还好Gmail提供了这个智能验证通知功能,为用户免除了一次难堪(甚至险些造成严重的工作失误)。

(3)延迟重要的操作

许多电子邮件客户端都有一个方便的功能,就是你可以在发送后立即“撤销”电子邮件。这个功能的逻辑很简单,就是在你点击“发送”按钮后给你一个时间框架来取消它,并解决与之相关的邮件问题。这意味着电子邮件传递过程会延迟几秒钟,但同时你发出的邮件却得到了保险。

为摩擦而设计:只为更好的用户体验

注:延迟投递邮件的几秒钟很可能会拯救用户于水火。

2.添加额外的步骤来增强安全性

(1)预防意外交易

亚马逊的语音助手有一个有趣的故事:Echo设备的主创人员因为当地电视台播放的一句话深深地触动了他们,因此开始采取自动下单操作,Echo设备默认设置了不需要用户端的任何确认就能够完成下单操作。也就是说,如果你大喊一声:“Alexa,给我一个玩具屋”,那么这个订单就会立即生成,你甚至都没有说明订购哪一个确切的产品。这显然是一个非常无摩擦的购物体验的例子,但在这个体验中,下订单太简单了,只需要一个意外的购买订单,就足以破坏用户体验。

为摩擦而设计:只为更好的用户体验

注:主持人的话引发了很多Echo设备立即订购娃娃屋。(图片来源:CNN.com)

相比之下,典型的电子商务结账流程在下订单之前至少需要一个明确的确认。在移动设备上,它甚至可能是一个特定的手势或指纹批准,以防止意外购买。这种摩擦通常是在结帐过程中需要的,以便用户能够真正控制每一次交易和支付行为。

为摩擦而设计:只为更好的用户体验

注:在最终确定订单之前要求明确的确认是一种常见的摩擦设计。

(2)多步认证

安全保障措施有时会让用户感觉到阻碍和摩擦。例如,许多应用程序在登录或进行重大交易(例如从你的银行账户转账)之前需要第二个身份验证(例如使用Google身份验证器,接收验证文本或类似内容)。对于用户来说,这意味着身份验证过程需要额外的一步,但是这份额外的努力代表了对他们的账户和数据的多重保护。

为摩擦而设计:只为更好的用户体验

注:双重验证增加了登录体验的摩擦,但它提高了安全性。

(3)双重认证之前的关键操作

在执行敏感操作之前,你必须重新登录的操作并不罕见,特别是涉及个人数据的敏感操作。经典的例子是如果你想更改你的密码,你首先需要输入你当前的密码(即使你已经登录了)。

显示你保存的密码可能更加敏感。例如,Google Chrome浏览器可以存储你的登录凭据,但只有输入计算机密码才能读取存储的密码,以便更好地保护您的数据。

为摩擦而设计:只为更好的用户体验

注:在Chrome中访问自己存储的密码之前,你需要使用计算机密码进行身份验证。

这种再次登录的模式也存在于移动设备上。即使你的手机用你的指纹已经解锁(一种设计为明显无摩擦的设计),但在例如重新启动设备后,你仍然需要输入密码才能获得额外的操作机会。

3.使长进程看起来更短

(1)在等待时让用户忙起来

有一个关于休斯顿机场的案例研究——机场设法以一个非常意想不到的方式终止了乘客因长时间等待行李托运而投诉。机场管理人员在调查投诉时发现,虽然乘客从出入口到行李领取处只需要一分钟的时间,但他们至少要在那里等上七分钟才能拿到行李。

于是机场尝试了一个令人惊讶的解决方案:重新安排了该地区,以便乘客不得不走更多的路程才能到达行李领取处。就这样,他们把等待的时间都花在了走路上,实际站在那里等的时间缩短,投诉立即结束。这个故事的经验教训是,如果让用户忙碌,他们将不会注意到一个进程是否比预期的要长。

Slack利用了相同的原理,通过在加载过程中显示内置的和自定义的符号,让用户阅读这些内容的时候会减少感知的等待时间(当然,它还为产品增添了不错的人性化触感)。

为摩擦而设计:只为更好的用户体验

注:加载时,Slack通常会告诉你一些很好或有趣的东西。

(2)使装载过程更加渐进和透明

许多网站在加载过程中会显示进度指示器,甚至显示页面框架,在加载时逐渐揭示实际内容。不断地显示内容,让人感觉到加载过程是流动的(而且更快)。

为摩擦而设计:只为更好的用户体验

注:Facebook首先显示屏幕框架,然后在加载内容时添加内容。

(3)用动画来削减长时间等待的不适

加载指标一般是为了让用户知道加载过程正在发生,一切都在掌控之中。从用户界面的角度来看,这样的动画可能被认为是不必要的,甚至是分散注意力,因为它不会带来太多的直接价值。但是,如果设计得不错的话,它们可以成为一个很好的工具使得用户的眼睛始终有东西看,从而使得等待过程不易被注意。

4.延长操作时间,有利于建立用户信任

(1)放慢过程,有助于提升结果信任

有一个关于Coinstar机器(一种用来将硬币换成纸币的装置)的小故事,说的是当这款机器刚刚被引入时,用户们对其可以瞬间计数硬币的功能不信任,他们认为短时间内快速正确的计数零钱是不可靠的。设计师也因此改进用户体验,即使计算速度很快,也让结果显示有所延迟。由于这种变化,人们开始相信并乐于使用这台机器。

(2)额外的延迟,有助于获得安全感

还有另一个小股数,讲述的是Well’s Fargo开发了一款基于眼动扫描的手机银行应用程序,其登录非常快速,只要用户的眼睛被扫描和处理,登录速度可以以毫秒为计算单位。但实际上,用户的登录体验太快了,以至于他们觉得自己已经登录了,但其实验证过程并没有完全进行,他们也因此觉得这种登录方式不可靠不安全。基于此,产品设计师们在下一次迭代中,为眼球认证过程人为的添加了几秒钟延迟时间,客户们的心理体验立即得到了提升,并纷纷表示这种登录过程是周到全面且安全的。

(3)虚拟进度条的力量

减慢过程有时不足以改变观念。据悉,Facebook在安全检查过程中曾做过一个尝试,系统检查隐私和安全设置只需要花费几毫秒的时间,但对于用户来说他们认为这样并不足够。为此,Facebook增加延迟和一个虚拟的进度条,以便用户认为自己更好地了解了全部的安全检查过程。

为摩擦而设计:只为更好的用户体验

注:当整个过程被拉长和扩展了之后,用户会认为这个过程更严谨更安全。

5.教育和改变用户的行为

(1)提高用户安全意识

ATM的取款过程其实设计了一个十分明智的摩擦。以前,取款的程序是先插入卡片,输入个人识别号码,选择取款金额,取钱,最后取回卡片。但是这个过程使得很多人忘记拿回自己的卡片,因为人们往往一拿到钱就会觉得自己取钱的“使命”完成了,就自然的离开。但在ATM上留下卡片不仅对客户是一个巨大的风险,对于银行来说也是个极不稳定的因子,所以取钱的过程必须重新设计。这就是为什么现在大部分国外的(译者注)自动取款机都会先把你的卡退还给你,之后客户才能拿到钱。这个过程可能会多花费客户一点时间,但对于客户和银行来说都更安全。

(2)引导和教育用户行为

有时用户的某个决策所带来的后果很难预见,尤其是当它可能影响到其他用户的时候。在这种情况下,我们的设计不仅要确保用户自主决策,还要引导用户做出正确的负责任的行动决策。

例如,Slack在将推送通知发送给小组之前有一个警告,这样做不仅使用户意识到这个行为的直接后果,而且教育他们要慎重使用这个选项。

为摩擦而设计:只为更好的用户体验

注:Slack让你知道你的行动的后果。

(3)助推

助推是行为科学中的一个概念,它指的是改变人们行为的小技巧(为了更好),同时不限制其可选择的范畴。助推行为通常需要增加摩擦,但因为其更为有益,所以通常会被人们所接受。例如在办公楼的电梯内设置标语,告知人们电梯每隔60秒才会有一次。与其无聊的等待这一分钟的时间,可能会有很多人选择走向楼梯,而不是继续等待电梯——也正是这一小小的提示,让更多的人选择更为健康的上下楼方式。

Laszlo Bock在他那本优质畅销的《WORK RULES!》中分享了谷歌如何使用微调策略让员工在公司茶水间里选择更健康的休闲零食。其中一招就是将糖果放在不透明的容器中,同时将水果干明显地存放在玻璃容器中。这种故意增加的摩擦改变了员工的行为,他们开始选择更健康的零食。

6.平衡产品管理中的摩擦

(1)营销中的摩擦

摩擦经常被营销人员和增长黑客(growth hackers)用来提高转换率。想想看那些推送升级选项的通知或覆盖用户尝试阅读的内容的时事通讯注册弹出窗口,虽然通过查看转换率来衡量此类方法的有效性很容易,但务必要注意这种分散用户注意力的摩擦行为,是否会阻碍用户的正常使用。

找到合适的摩擦量也是十分重要的。当用户试图取消会员资格或取消订阅新闻通讯时,要求额外确认并清楚地传达其行动的后果可能对他们的行为决策有帮助。但不用说,对取消流程添加太多的摩擦是一种应该规避的暗黑模式。

为摩擦而设计:只为更好的用户体验

注:Netflix确保用户在取消操作之前了解自己单击该按钮会发生什么。

(2)针对合适的用户

在用户生成内容中构建服务时,对新手入门流程增加适当的摩擦几乎是一个行业共识,因为这样做能够保障用户自主生成发布的内容质量,并打击垃圾信息和低质量内容。例如,在“产品搜索”功能中,只有通过完成一些入门任务,才能参与讨论,直到你能够成为内容贡献者。

摩擦需要针对合适的用户。有一个关于Snapchat的流行观点——如果你不是00后,你可能会觉得它的界面很难用。当然,这是Snapchat的设计,它将目标用户瞄准十几岁的青少年,为了规避父母窥探带来的尴尬而做的特殊设计。换句话说,它增加了用户界面的摩擦,以过滤非目标用户。

使用摩擦来识别最符合目标的潜在客户也是高阶服务的特殊技术。例如房地产和金融等行业的调查表往往很长,包含许多其他领域和具体的问题,以便将非潜在用户筛除掉。

(3)创造价值与摩擦

有时候,摩擦确实可以起到积极的作用。当Twier推出时,很多人都很难理解这种“微博”服务的概念,其中帖子被限制为140个字符,用户不得不学习如何在这样短的推文中进行交流,以便使用这个产品,即使是在移动设备上,Twier仍然保持一贯的简洁风格,这也是Twier与其他社交媒体平台的主要区别。 (这么多年,Twier也没有放松这些限制。)

摩擦常被用在订阅型产品中,以促使用户升级成为付费高级用户。例如,Spotify的免费用户不得不在歌曲中间听到广告,以此来促使用户升级来获得更好的音乐体验。

宜家以销售自组装家具而闻名。这种商业模式的一个好处是可以保持低价格,但研究也发现人们会更加重视自建产品,这就是所谓的宜家效应。这意味着在使用之前必须自行组装家具所带来的摩擦,实际上增加了用户的感知价值。

结论:消除不必要的摩擦,拥抱好的摩擦

设计师的一般经验法则是尽量减少用户的认知负担。总的来说,人们希望尽可能轻松地完成任务,所以要懂得识别和剔除不必要的摩擦,例如:

  • 一个过程中的步骤太多
  • 做出不必要的决策确认
  • 不明导航
  • 有悖常识的设计模式
  • 屏幕上的信息和视觉噪声太多
  • 以及你的用户研究发现的任何类似问题。

不过,如果使用得当,摩擦可能成为某些使用场景中真正高效的用户体验设计。无论是在关键操作之前放慢速度,详细解释操作后果还是延迟告知用户结果,总之,不要害怕跳出框框。

 

作者:Zoltan

译者:Max小姐

原文链接:https://www.smashingmagazine.com/2018/01/friction-ux-design-tool/

本文系人人都是产品经理翻译团队@Max小姐 翻译发布,未经本站允许,禁止转载。

题图来自PEXELS,基于CC0协议

给大家推荐我国新一代大数据用户行为分析与数据智能平台:数极客(https://www.shujike.com),是首款支持无埋点、前端埋点、后端埋点、API导入四种混合数据采集方式,整合分析用户行为数据和业务数据,可以自动监测网站、APP、小程序等多种渠道推广效果分析,是增长黑客们必备的互联网数据分析软件。数极客支持实时多维分析、漏斗分析、留存分析、路径分析等十大数据分析方法以及APP数据分析网站统计网站分析小程序数据统计用户画像等应用场景,业内首创了六种提升转化率的数据分析模型,是用户行为分析领域首款应用定量分析与定性分析方法的数据分析产品

发表评论

评论已关闭。

相关文章