【译文】“防止用户犯错:避免有意识的错误”

西南航空的手机网站对已经过去的日期使用了灰色的背景,使你明白在预订一个航班时这些日期是不可选择的。不幸的是,对下个月的日期也使用了相同的设计,这意味着不可选。Polarr是IOS系统里很受欢迎的照片编辑工具。右侧的编辑控件(温度,色调等)需要你点击那个方块,然后向左或向右滑动而改变参数。然而,这些控件并没有展示出用户应该如何与其互动,所以新手用户很可能需要试错几次才能明白应该如何正确的使用这些功能。另外的一个交互困难就是:由于控件在屏幕的最右侧,你可以很轻松的向左滑动而减少参数数值,但水平空间有限,当你想向右滑动增加参数数值就会存在困难。IOS 8中,为帮助视力不好的用户阅读体验,提供放大显示图标和文字的功能。但是改变变焦需重新启动手机,这是一个重功能,需要花费一些时间,所以IOS系统会在你使用这个功能前,预览变焦完成后的样子。这个体贴的预览功能可以帮你评估出你是否真的需要操作变焦。Hipmunk提供快速浏览恢复选择机票过程的所需信息,甚至是被打断。在预订过程中的第二步,它清楚地显示了旅行的日期,在机场的问题,最便宜的出发程已被选中,以及用户被要求再选择一个回程航班。即使注意力分散了一段时间后,用户可以简单地恢复这个过程,而不会不小心偏离原本对航班的计划和要求或尝试重复已经完成的步骤。苹果新出的图片软件运用了一个很传统的对话框确认用户是否真的想删除最近爬山旅途中的照片,并且通过highlight 24张照片表示删除范围。更好的是,确认删除操作的按钮清楚地标示是删除,而不是一般的确认。Gmail 提供对破坏行为很有帮助的撤销功能,如误删了92封邮件。这个功能被证明是非常有用的,Gmail现在支持在发送email中允许点击发送键30秒内中撤销。Tweeter的字符限制条件很有名气,他们在用户超过那个字符限制前就会提示用户剩余的字符数。当一个tweet过长是,他会显示出超过的字符,高亮出那些超出的字符,并且使发送键不可使用,以让用户明白他们需要如何修复错误。

【译文】“防止用户犯错:避免有意识的错误”

人非圣贤孰能无过,当用户接触用户界面时也会犯错。Don Norman认为用户犯错分为两种:失误和错误。在之前的文章里我们详细地讨论了失误以及如何避免失误,这次我们讨论错误.

错误发生在当在一个用户建立了一个错误的交互心智模型,并生成了一个不适合当下的情况的目标。例如,许多在线儿童游戏开始前总有一个短暂的视频教学或者关于另一个游戏的视频广告;在我们对儿童用户的测试中,我们注意到当这些视频看起来过于像一个真实的游戏时,孩子会想尝试互动,认为游戏已经开始了。在这种情况下,这些用户形成并执行了一个不合适的目标,主要因为他们对所见内容的错误理解(即,他们认为那些视频就是游戏本身)。好的设计应该帮助预防这种用户预期与界面不符的情况。

两个海湾

当使用网站或者APP的系统时,伴随用户行为的开始一般会有某种目标。根据用户的心智模型系统,他们会形成一个行动计划去实现这个目标。然后他们开始行动,并去观察他们的行动是否产生了想要的结果。在Don Norman的The Design of Everyday Things,他把这个过程看作桥梁,它连接着执行(“我如何使用这个工具完成我的目标”)和评估(结果和我当时想要的一样吗?)

很多的用户错误(但不是失误)发生在用户在连接两个鸿沟时没有得到足够的帮助,且设计师的心智模型及对系统如何运作的理解与用户存在不一致。在这些情况下,用户形成了不正确的行动计划或他们不能完整了解到自己的行为对系统状态的影响。通过简单的验证和约束预防用户失误,而通过理解用户的心智模型和他们的期望并让你的设计师与之匹配从而防止错误发生。

收集用户数据

发现用户和设计师间特定的心智模型差异,在防止错误发生中是很关键的,且需要收集用户数据。用户研究方法丰富但适用于不同的情况,所以选择一个可以为你提供一个场景去了解用户犯错的原因以及他们的期望的方法是很重要的。当你想开始一个新的设计时,比如语境探究,田野调查和民族志等方法就非常适合发现用户初级阶段的心智模型和期望。一旦有了一个系统(至少是一个原型),你可以使用可用性研究去检测用户和设计师之间的心智模型和期望的差异。

遵循设计规范

使用常规的设计规范可以帮助用户连接“执行”和“评估”,也可以了解用户行为。这是由Jacob定律强化的,即“用户主要把时间花在了其他网站上”。每一个与你的网站或APP互动的用户都已经接受了数千名其他设计师的训练,比如:期望外表相近的交互元素和某一种特定的使用方式,而当你的网站偏离这些规范的时候可能会发生错误的情况。

【译文】“防止用户犯错:避免有意识的错误”

西南航空的手机网站对已经过去的日期使用了灰色的背景,使你明白在预订一个航班时这些日期是不可选择的。不幸的是,对下个月的日期也使用了相同的设计,这意味着不可选。

交流的启示

除了使用设计规范让用户识别出过去的经验,另一个方法就是让设计本身告知用户自己如何被使用。比如,用户习惯去点击按钮,它的周围看起来有一圈阴影。这个效果使按钮看起来从这个页面凸显出来,好像你可以按它一样。相反,表单区域也是矩形的,但是它内部有少量阴影,用来表示它们是空的并且可以被填充。

【译文】“防止用户犯错:避免有意识的错误”

Polarr是IOS系统里很受欢迎的照片编辑工具。右侧的编辑控件(温度,色调等)需要你点击那个方块,然后向左或向右滑动而改变参数。然而,这些控件并没有展示出用户应该如何与其互动,所以新手用户很可能需要试错几次才能明白应该如何正确的使用这些功能。另外的一个交互困难就是:由于控件在屏幕的最右侧,你可以很轻松的向左滑动而减少参数数值,但水平空间有限,当你想向右滑动增加参数数值就会存在困难。

预览结果

有些时候,用户不知道自己将要触发的功能会带来什么后果,而且这也很难验证。用户可能会很希望去修改他们的目标,当他们有机会对比他们行为会产生的影响和他们的目标。

一个很好的例子就是当一个视频修改软件使用渲染特效时,一般需要后台花费5或者10分钟处理,而这个时候计算机基本是没有反应的。在这种情况,虽然用户没有永久丢失之前的工作进度,但如果完成的结果并不是他们本来寻找的,其实用户失去了相当的时间,甚至可能还有他们的耐心。如果可能,提供用户预览状态,让用户去检查以确保他们得到自己想要的。这有助于避免耗时错误的发生。

【译文】“防止用户犯错:避免有意识的错误”

IOS 8中,为帮助视力不好的用户阅读体验,提供放大显示图标和文字的功能。但是改变变焦需重新启动手机,这是一个重功能,需要花费一些时间,所以IOS系统会在你使用这个功能前,预览变焦完成后的样子。这个体贴的预览功能可以帮你评估出你是否真的需要操作变焦。

预防错误和失误

有些防止错误发生的策略可以同时预防用户的失误和错误。以下是一些帮助减少失误和错误发生的准则。

去掉记忆负担

当用户在执行任务中需要在他们的短期记忆中保留大量的信息时,在重复的步骤环节中他们非常容易发生失误,或者甚至无法完成任务。记忆失误也会导致用户犯错:当用户已经忘记了之前的决定,并且重复着过程但得到了不同的结果。一个预防这两种问题的策略是消除用户的记忆负担。在有可能的情况下,在复杂和多步骤的过程中去除需要用户记忆信息的情况。要记住,用户是非常容易分散精力,多任务操作,或者没有完全集中精力在他们正在使用的网站或者app。一个很好地方法就是去想象你的用户可能在一个多步骤的操作中,每一步都会被电话打断。你想要展示用户被打断几分钟后,可以快速恢复任务所需的所有信息。

【译文】“防止用户犯错:避免有意识的错误”

Hipmunk提供快速浏览恢复选择机票过程的所需信息,甚至是被打断。在预订过程中的第二步,它清楚地显示了旅行的日期,在机场的问题,最便宜的出发程已被选中,以及用户被要求再选择一个回程航班。即使注意力分散了一段时间后,用户可以简单地恢复这个过程,而不会不小心偏离原本对航班的计划和要求或尝试重复已经完成的步骤。

在进行破坏性行为前确认

设计师一般需要关注与创建相关的用户任务。但操作删除也必须是简单的。记住,当用户删除一项事物,他们摧毁了一件需要工作来创造的事物。在你完全移除这个事物前,通过一个确认对话框确保用户真的想要删除该对象。

这可以是一个有效,简单和熟悉的方式给用户最后一次机会去阻止和再次确认他们是否真的想删除,比如,一些度假照片。

【译文】“防止用户犯错:避免有意识的错误”

苹果新出的图片软件运用了一个很传统的对话框确认用户是否真的想删除最近爬山旅途中的照片,并且通过highlight 24张照片表示删除范围。更好的是,确认删除操作的按钮清楚地标示是删除,而不是一般的确认。

谨慎使用确认对话框是很必要的,因为对话框会打断用户的操作流程,并且会让用户慢下来。如果在每一个操作后,一个对话框弹出问你“你真的想做吗?”很多用户不会花费时间去检查他们是否犯错了,而是本能去点击高亮的确认键。当用户着急去通过不断确认而增加效率,设计本身希望预防犯错,但实际上可能在增加错误的发生。

就像伊索著名的寓言故事,“狼来了”,一个UI可以成为“那个哭了太多次的确认”。在两个例子中,当真的有重要事情去注意时,人们已经停止了对错误警报的注意。不要使用对话框作为预防错误的唯一方法,小心地使和其他方法一起使用从而发挥对话框效用的最大化,并且限制他们的低效性。

支持撤销

另外一个主要预防用户犯错的原则是承认用户会不停地犯错和失误,并且提供他们一个安全网使他们的错误的代价更低。基本每一个人经历过,当你只是想删除一个文件,但你不小心删除了整个文件夹或者重要目录的可怕的瞬间。

提供撤销最近的动作可以帮助用户感觉更安全和自信去尝试不熟悉的功能,当他们知道犯错的成本很低并很容易修复。

【译文】“防止用户犯错:避免有意识的错误”

Gmail 提供对破坏行为很有帮助的撤销功能,如误删了92封邮件。这个功能被证明是非常有用的,Gmail现在支持在发送email中允许点击发送键30秒内中撤销。

在用户犯错前警告他们

当一个用户正在犯错时,展示微妙的,语境相关的错误警告可以帮助他们快速地纠正它。比如,当用户正在电子商务商店的输入框中填写一个评价,不要等到他们点击提交键后再显示错误信息“35个字符过长”,而是在他们正在填写超过35个字符时让用户知道。(更好的是在超过35个字符前提示他们)

【译文】“防止用户犯错:避免有意识的错误”

Tweeter的字符限制条件很有名气,他们在用户超过那个字符限制前就会提示用户剩余的字符数。

【译文】“防止用户犯错:避免有意识的错误”

当一个tweet过长是,他会显示出超过的字符,高亮出那些超出的字符,并且使发送键不可使用,以让用户明白他们需要如何修复错误。

总结

虽然用户在使用软件时总是会犯一些错误,但是根据用户体验设计减少他们的发生。帮助用户对你的界面建立一个良好的心智模型,以防止错误放生。使用设计规范与你的用户交流,鼓励用户多次检查他们的工作(特别是在删除前),以及在错误发生前警告用户。这些简单的规范可以帮助降低用户犯错率,并最终提高可用性。

 

原文链接:http://www.nngroup.com/articles/user-mistakes/

作者:PAGE LAUBHEIMER

翻译:屈子婧

译文地址:http://ued.ctrip.com/blog/prevents-the-user-from-mistakes-avoid-deliberate-error-yes.html

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

(0)
CatherineCatherine
上一篇 2017-05-29 23:52
下一篇 2017-05-30 01:43

相关推荐

  • 交互设计9种交互状态的设计

    现在的UI设计团队通常先设计组件,多数界面几乎就是各种组件的结合。这会在用户的“异常路径”上留下不容小觑的断档。由于我们构建的是整个系统,而非几个页面,我们必须投入精力打磨这些常常被忽略的状态的设计,创…

    2015-11-09
  • Axure做的APP原型,在手机上怎么预览

    自学Axure,在各大网站查询,终于从小白到学会做基本的交互,再到能在APP端预览自己做好的原型。下面就说一下Axure做的APP原型,在手机上怎么预览?(以苹果手机为例)1原型制作好之后,点击发布→“预览选项”→配置→移动设备,导入做好的图标。2点击发布,“发布到AxShare”。3复制链接,将该链接发送到手机上并使用Safari打开。4粘贴并前往,将原型界面打开。5点击底部工具栏。6选择“添加到主屏幕”。7编辑名称→点击添加。8然后...

    2018-03-18
  • 改版设计的思路(下):解决问题

    做改版设计大体思路很简单,只需要做好两件事:发现问题与解决问题。上一期(点击查看)我们做了改版设计的第一步──发现问题,今天我们来做第二步──解决问题!

    2017-05-03
  • seeds对话未来丨李斌:重新定义用户体验

    对话未来丨seeds系列分享会seeds, 由蔚来原创打造,是一个分享有趣观点、新知与灵感的讲堂,它寓意着每一个思想的火花都像一颗种子,被灵感浇灌后,汇成大树。2015年3月seeds诞生,从一个面向蔚来全球员工的内部讲演平台,发展到不断吸引各行各业的主讲人,并且在蔚来App公开直播的产品。到目前为止,seeds 已举办了13场演讲。今年,seeds会走进我们各个城市的蔚来中心,成为常设活动。我们也欢迎各位用户成为seeds的主讲人。4...

    2018-05-03
  • 在WEB/UI的交互设计中运用格式塔心理学理论

    UI或UX分析需求主要是以人机交互界面为主,而这个需求不仅仅是一些设计、视觉使用体验,在这里体验当中,我们可适当运用一些心理学,比如格式塔理论就是一个很好的分析法。[图片]格式塔学派是心理学重要流派之一,兴起于20世纪初的德国,又称为完形心理学。由马科斯·韦特墨(1880-194

    微信热点 2018-02-04
  • 演示|一个交互设计师从接收需求到产出的过程

    从接收需求到产出?这过程中到底经历了什么?不妨来阅读本文作者的文字,一起来了解了解吧~【需求概述】
    商品,增加商品类型,分为普通、赠品两种。赠品可下单购买,也可根据订单金额及对应代理级别配赠率赠送。可按照代理级别,设置对应级别的配赠率。当代理下单购买普通类型或赠品类型商品,配赠条件满足时,在支付订单前提供选择赠品操作,代理可选择配赠金额范围内的任意赠品,也可不选择;选择赠品,并支付成功后,对应订单增加配赠商品信息。
    注:配赠金额=订单面价金额×对应等级配赠率。目标用户:某护肤品牌微商代理
    年龄:18-40占绝大多数
    性别:女性占98%
    职业:微商
    设备:iphone及以上
    场景描述:某天,代理a在清点仓库库存的时候,发现最近热销的某品牌商品库存都不多了,想着,到时候缺货会影响自己的销售及客户的满意度,暗想着,要再进些货才行,于是她对库存不足的商品进行了一下盘点,盘点完毕后,她拿出手机,将需要订货的商品一一加入购物车,加入完毕后,她核对了一下商品的金额,正准备点“支付“按钮进行付款,忽然看到付款按钮上方有一条提示,说”还差500元就可获得免费赠品“,她心一动,反正要买,只要加500块钱,就能免费获得赠品,有何不可?于是她当即便在某一商品下面增加了数量,满额后,提示文字就变成了”可获得免费赠品“,确认金额后,她立即点了支付按钮,来到确认订单的页面,快速浏览了一下自己的收获地址及信息,便赶紧看获得什么样的赠品,果然,在支付的上方又看到了配赠说明的提示,提示我”选择赠品“(这里说明一下,之所以将提示语都放在同一位置,是为了让前面界面的视觉路径在同一水平点上,使页面结构更整洁),点击进入”选择赠品“界面,参照页面给出的赠品金额提示,选择了想要的赠品,由于选择的赠品太多,从上下拉到下浏览起来效率太低,于是她又点击了按钮”已选赠品“进行复核了一遍,确定完毕后,回到确认下单的页面,便满意的点击了”支付“按钮,发现金额与未选赠品前的金额一致,便放心的提交了订单,订单支付完毕后,引导代理来到了订单列表页面,上面还特意标明了”含赠品“字样提示,a点击进去再次看了一下所购的商品及赠品,准确无误会,抱着愉悦的心情关闭了应用与手机。
    ”1、商品列表及商品详情,赠品类型的商品须显示对应图标;
    2、赠品类型商品同普通商品一样可正常下单购买;
    3、购物车,根据代理当前所选商品的总面价金额及当前代理对应配赠率,如果配赠金额不为0,则显示相应配赠金额及提示信息(若当前配赠金额暂不足以购买系统当前上架的任意赠品,则显示提示信息:“还差××就可获得免费赠品”;若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则显示提示信息“可获得免费赠品”);如果配赠金额为0,则不显示相应配赠金额及提示信息。
    4、确认订单界面,若当前配赠金额可购买系统当前所有上架赠品中的任一赠品时,则提供选择赠品操作项。未选择赠品时,操作项显示配赠金额、及“选择赠品”文案。已选择赠品时,若配赠金额-已选择赠品的总面价>0,操作项显示“已选择××元赠品,还可选择××元”;若配赠金额-已选择赠品的总面价=0,操作项显示“已选择赠品”。点击操作项进入选择赠品列表。
    若当前配赠金额暂不足以购买系统当前上架的任意赠品,则不提供选择赠品操作项;
    5、选择赠品列表,列表显示当前配赠金额可购买的所有已上架的且库存不为0的赠品类型商品,用户可点击选择,也可取消选择,当前选择的赠品总面价金额=配赠金额时,不可再继续选择更多(若再点击选择赠品,则提示“不能再选择更多了”);提供显示选择提示信息“还可选择××元赠品”(××为配赠金额-已选配赠商品总面价)、“查看已选赠品”操作、“确认”操作。
    点击“查看已选赠品操作”,可弹出浮框列表显示当前已选择的赠品信息。浮框提供关闭按钮,可点击关闭浮框;
    点击“确认”操作,确认当前已选择的赠品信息,返回确认订单界面。
    6、个人中心,增加显示当前代理的配赠率信息。
    7、订单列表,若对应订单含有配赠商品信息(注:如果只是正常下单购买的赠品类型的商品,则同普通商品订单。此处指的是确认订单时根据配赠金额范围免费选择的配赠商品),则显示“含免费赠品”标签;
    8、订单详情,若对应订单还有配赠商品信息(同7),则列表显示用户选择的免费获赠的商品信息(注:正常下单购买的赠品类型商品,显示在同普通商品位置。这里只显示确认订单时选择的免费配赠商品),并显示总的免费配赠金额信息。

    2017-05-07
  • 稳健中求发展,中普集团兼顾合规安全与用户体验

    互联网金融行业在中国发展已有十余年,金融市场几经波折后进入合规发展阶段,2018年可谓是监管最为严格的一年,优胜劣汰,有实力的平台纷纷积极拥抱监管,合规运营。中普集团作为科技金融的重要践行者和普惠金融的倡导者,一直坚持“合规”运营这一核心宗旨,自成立起就坚持依法合规,诚信为本,全心全意为用户和社会着想。从2017年的金融工作会议召开以后,合规备案是整个行业最为关心的问题,也是各大平台稳健发展的核心要务。中普集团认为,现阶段平台除了要积极...

    2018-04-07
  • 交互设计不只是解决业务问题

    「解决问题」是很多人对设计的定义归纳,具体到产品/交互设计领域,深入理解业务并提出合适的解决方案也是一项很基础、重要的要求。但对于用户体验/交互设计师来说,我觉得「理解业务」和「解决问题」本身都并不足…

  • Axure神器:用母版打造模块化设计【UXRen原创】

    作者:Petrel(UXRen社区Axure金牌讲师,资深交互设计师) Axure原型的制作过程中,你一定遇到过这样的问题,出现在不同页面的功能模块,如果你是通过复制粘贴来完成的,那么当该模块发生变动需要修改时,麻烦就大…

    2017-08-04
  • 搞定长滚动网页设计的四个技巧

    长滚动页面和无限滚动式的网页已经彻底流行开来了,甚至可以说它已经脱离趋势,成为了一种常规的设计,它们的流行并不是巧合。当用户向下滚动的时候页面的时候,所需要的内容与信息会自然的呈现出来,在此过程中通常不会涉及到额外的、多余的交互。

    2017-05-09