可以做图的网站,关键词优化排名系统,可以建设网站,wordpress 安卓 管理欢迎来到有言有料#xff0c;让思考更有张力本文共 3873 字#xff0c;预计阅读 10 分钟作者#xff5c;Siddharth Gulati译者#xff5c;张聿彤本文翻译已获得作者的正式授权(授权截图如下)在用户界面(UI)设计中#xff0c;重要的是要注意最细微的细节#xff0c;以使用… 欢迎来到有言有料让思考更有张力本文共 3873 字预计阅读 10 分钟作者Siddharth Gulati译者张聿彤本文翻译已获得作者的正式授权(授权截图如下)在用户界面(UI)设计中重要的是要注意最细微的细节以使用户的体验愉悦而难忘。在这里你将学习如何使用防错原则来创建出色的用户体验(UX)。因此如果你有兴趣为用户加倍努力创建出色的用户体验成为更好的用户体验设计师请继续阅读。防错原则来源于 Jakob Nielsen 提出的「尼尔森的十大可用性原则」。用 Nielsen 的话来说防错包括以下内容「 比好的错误提示更好的是细致的设计这样可以在第一时间防止问题的发生。要么消除容易出错的情况要么在用户提交操作之前向他们说明操作后果确认是否要继续 」从本质上讲需要在用户即将犯错时发出警报目的是让用户在不犯错的情况下轻松地完成他们正在做的事情。防错原则之所以重要主要是因为人类容易犯错而且总是会犯错。从用户体验的角度来看防错原则十分重要原因如下。在如今信息过载的时代用户承受着大量的信息负荷并且很容易分心。 所以犯错的几率变得更高。 这导致用户难以完整阅读屏幕上的所有内容用户在进行打字、单击等操作时容易犯错误作为负责任的用户体验设计师我们的责任是在不打断操作流程的情况下尽可能多地防止用户犯错。为了更好地理解这一点让我们以美国领先的电子邮件营销服务 Mailchimp 为例它允许用户以特定的时间间隔自动发送电子邮件。现在Mailchimp 的服务已被全球各地的企业用来向客户传递各种信息比如即时新闻和更新通知。由于服务的敏感性以及 Mailchimp 不想让用户误删或发错电子邮件因此设计了必要的保护措施。例如我已经为网站的订阅者设置了一个特定日期发送的电子邮件现在我希望删除该电子邮件系统将要求我确认这个的操作如下图所示。图1. Mailchimp 要求用户打字输入“DELETE”(删除)确认操作方式作为错误预防从上图可以看到除非正确输入“DELETE“的每一个字母否则无法删除原定发送给订阅者的电子邮件。当我想向订阅者发送电子邮件时Mailchimp 遵循类似的策略。为了防止意外出错或是在不应该发送的时候发送电子邮件他们采取了以下防护措施图2. Mailchimp 再次展示了错误预防功能这次应用在用户发送电子邮件时从上图可以看到在用户向订阅者发送电子邮件之前弹出一个弹窗要求用户确认其操作。通过反复要求用户确认操作(这样做时不要过于打扰用户不要让用户反复确认操作次数过多这样会使用户感到厌烦)Mailchimp 很好地应用了防错原则从而使用户感到安全创建一个整体良好的用户体验。现在让我们看一些在这方面很糟糕的设计(即没有错误预防)然后将它们与展示了良好设计的服务进行比较(即出色的错误预防)。体验不佳的设计Bitly最近我使用了网址缩短服务(生成短链接) Bitly。我按照流程进行注册创建了一个新帐户。但是当我尝试登录时无法进行登录并且只收到了一条错误提示内容是“不对再试一次”。但是这样的错误提示没有告诉我到底哪里出了问题。我不知道输入错了什么是用户名错了还是密码错了还是都错了最重要的是“ 不对”这个词在我看来也有些不被尊重的感觉就像 Bitly 在嘲笑我的错误一样。可以参考稍后要介绍的 Facebook 的解决方案一个好的防错策略可以清楚地将错误划分边界即明确告诉用户到底是哪里出错了是用户名还是密码输入错误。Facebook 做得很好甚至更进一步如果你碰巧犯了这样的错误它会告诉你你的密码输入错了。图3. 错误预防方面体验不佳的设计案例--不告诉我电子邮件地址/用户名或密码是否输入错误另一个体验不佳的设计ProtonMail我习惯使用 ProtonMail这是一家注重隐私的瑞士电子邮件服务商。总的来说我对他们的服务感到满意现在也一直是。但是最近我观察到 ProtonMail 在防错方面也出现了体验不佳的设计。发送电子邮件时如果我在电子邮件的主体中写了“附件”但忘记实际添加附件它仍然允许我发送电子邮件并且不会弹出任何确认对话框来警告我忘记了添加附件。下文中我们将看到Gmail 针对这一问题是如何设计解决方案的。图4. 使用 ProtonMail 编辑邮件时如果只写了文字“附件“却忘记上传附件内容邮件仍然可以成功发送这个操作将会带来什么问题假设你正在通过电子邮件申请一份工作。你已经花费了数小时来整理自己的想法以撰写出完美的求职信息并竭尽全力让自己成为最合适的候选人。但是由于你所有的精力都集中在邮件的编辑中因此你按下“发送”按钮后没有注意到忘记添加附件了……直到后来才意识到实际上并没有附上简历。现在你处于尴尬的境地必须决定是否应该发送尴尬的解释邮件(这次附有简历)或者继续找其他的工作……或者寄希望于这封电子邮件能成功地吸引 HR请你发送简历(不太可能)。你可能会因为这个错误而自责这个也是用户体验设计中关于防错原则的反面案例。思考防错原则的重要性用一个类比来解释防错原则在用户体验设计中的重要性。假设你在咖啡店里点咖啡 你问服务员“你好我可以喝杯咖啡吗” 服务员的回答很简单“没有。”你很困惑地问他“你确定吗我闻到咖啡的香味了看到其他人在餐厅喝咖啡。” 这次他根本没有回应。在邻桌人点单后你发现必须告诉服务员你想要哪种咖啡否则无法下单购买咖啡。因此你只有具体说明要点“ 拿铁咖啡“他才会为你提供服务。如果在餐厅的某个地方张挂一个牌子上面写着“请告诉我们您想要什么咖啡以便我们完成您的订单”这不是很好吗经历了这样的购物体验之后你还会再去那家咖啡店吗优秀的设计Facebook还记得吗上文中给出过 Bitly 的案例 —— 登录界面不会告诉用户是否输入了错误的用户名或密码。相反Facebook 会告诉我到底犯了什么错误。例如Facebook 通过明显地警告我输入了错误的密码来确切地说明我所犯的错误。这样的实时反馈不仅减轻了我的认知负担而且还帮助我创建了一个整体良好的用户体验因为我知道系统会清楚的告知我犯了什么错误从而可以轻松地纠正它们。图5. Facebook 确切告诉用户在哪里犯了错误帮助用户快速纠正错误用醒目的提示说明输入了错误的密码Facebook 甚至更进一步还提醒我是否输入了旧密码。例如请看下面的图片我错误地输入了旧密码Facebook 提醒了我这一点。这种通过温和地引导我的错误来预防错误的方法为我在使用 Facebook 时创建了一个整体良好的用户体验。图6. Facebook 通过温和地引导用户知晓错误来预防错误的方法为用户在使用 Facebook 时创建了一个整体良好的用户体验另一个优质的设计Gmail上文中提到了 ProtonMail 作为错误预防方面的体验不佳的案例因为它在用户犯错时不会进行提醒。相反Gmail 在这一点上提供了优质的解决方案。如果我在电子邮件的主体中写了一个带有“ 附件”字样的信息却忘记了添加附件Gmail 会为此提供一个确认对话框再次检查我的操作。对话框如下图所示Gmail 提示我没有添加附件。通过提供此功能Gmail 不仅让我在使用该系统时感到更安全、更有信心还对系统的可用性产生了积极的影响。图7. Gmail 通过提醒我忘记添加附加文件展示了在错误预防方面的出色设计。我们可以从中学到什么需要记住的重点是用户始终都会犯错误。因此一个好的用户体验策略应该是1)通过提供建议来防止无意识的错误因为用户通常会分心于手头的任务2)使用设计模式向用户传达他们的工作方式鼓励用户仔细检查其操作(尤其是在删除之前)并在犯错误之前发出警告。这些简单的指导原则可以帮助降低用户出错率并最终提高可用性认真细致地进行设计时可以领先于用户证明你的产品对用户和用户每天所面对的现实具备同理心 —— 在这个世界里人们一边申请工作一边查看最新消息同时还在担心他们关心的人和事以及作为一个人所包含的一切(信息负荷容易分心容易出错)。原文https://uxdesign.cc/error-prevention-in-ux-design-how-facebook-and-gmail-get-it-right-ee9df267268f注感谢阅读以上内容由 TCC 翻译情报局提供如有收获还望各位设友动动手指点下广告和在看也可分享到你的朋友圈- 知识拓展 -关于文中提到的通过防错原则提升用户体验的方法之前 Seven 在一次公开分享中进行了详细的分析有图有真相小编已经为大家准备好了。除此之外小编还整理了 防错十原则 和 缺陷控制方法 的详细表格说明想要了解更多关于防错原则知识点的小伙伴们可在有言有料公众号后台回复 「防错」即可获得完整版 PPT 和防错原则学习资料- 有言有料 -有言有料是一个充满魅力的组织是一群不安分的用户体验师和产品经理发起的分享交流学习平台目前聚集了 20000 多位来自世界各地的互联人相互学习成长我们正在改变自己改变世界。如果你也是在互联网不断寻求突破的小伙伴想和志同道合的同伴一起交流共同成长添加群主微信dool_e备注「入群」等待群主带领你和我们相见关注收藏公众号获取最新咨询和知识有言有料有课有物给有言来一套“素质四连“吧
