要让产品有好的用户体验，别忘了做错误反馈设计
人非圣贤，孰能无过。互联网产品面向的用户群体是多种多样的，不同的教育背景，不同的行为习惯，这些都使得用户真实的操作和产品设计时的设想会出现一定的出入。近些年，随着移动互联网时代的到来，用户会在各种千奇百怪的应用场景和环境中去使用产品。坐着还是躺着？在公交上还是在厕所里？处于安静的环境还是嘈杂的环境？这些复杂多样的使用场景使得针对用户操作错误而进行的错误反馈设计变得尤为重要。
产品错误反馈设计举例
这个设计比较常见，现在基本所有的搜索引擎都会有这样的错误反馈设计。搜索引擎对用户搜索关键词时发生的可能拼写错误提供纠错帮助。拿百度来举例，笔者搜索指派屋（这个例子可能举得不够好），百度根据关键词判断用户意图，给出了搜索纸牌屋的结果页面，给出文案告诉用户这是关键词纸牌屋的搜索结果，并且提供给用户坚持搜索“指派屋”的链接。这么做的原因在于，如果用户输入的关键词并没有出现错误，就是他想要的，只是恰巧这个词比较冷门，那么用户就可以通过那个链接快速的重新搜索他想要的关键词。搜狗搜索的做法是一个页面同时显示“指派屋”和“纸牌屋”两个关键词的搜索结果，这也是比较好的设计。
输入法软件是大家平常使用的互联网产品中用的比较频繁的了，拿搜狗输入法来举例。笔者想输入产品两个字，这时由于n和b这两个字母在键盘上的位置离得很近，导致用户快速输入时很有可能按错字母。如上图所示，笔者错误地将chanp输成chabp，这时输入法给出的结果中，包括了错误的结果但却是用户本来想输入的。这种设计，不仅提高了产品的容错能力，提高了用户输入效率，还会给用户带来惊喜的感觉，对产品产生潜在的好感。
使用小米手机的用户可能会发现，收到一个短信后如果很长时间没有点开，短信提示音就会再响一次。这也属于产品的一种错误反馈设计，通过设置超时时间，来判断用户有可能没注意到有短信，并给出再一次的提示。当然对于有强迫症的广大用户来说，也许会造成疑惑，如果用户已经知道了这条短信只是没去点开的话。好的解决方案是在短信提示界面给出标记，让用户知道这条短信响了两次。
上图是笔者在用Jing.fm听歌，这里也存在着错误反馈设计。如果当歌曲还没播放超过15S时，用户就进行了点赞操作，产品会给出如图所示的文案提示：如果你真的喜欢，至少会听15S~。用户的点赞操作就此搁浅。这种设计的优点在于：如果刚好这种错误反馈设计match了用户出现错误的场景，就会给用户留下比较深刻的印象，带来好感。不足的地方在于其实有些场景是用户听旋律就已经知道了这首歌，并且确实喜欢这首歌。这时取消用户的点赞操作就有些粗暴了。笔者的改进意见是产品给出提示“还没听15秒哦，确认喜欢这首歌么？”然后给出取消红心的按钮。这应该是比较自然的方式。
举一个没有做好错误反馈设计的反面例子（微信），例子来源于和菜头微信公众号的文章。
下面这个用户使用微信时的场景有可能是这样的：某用户在朋友圈看到了朋友分享了一篇文章，看完文章后，觉得很有意思就顺便关注了文章作者和菜头的公众号。时间一天天的过去，该用户近期很忙，打开微信发现和菜头发来了一堆的文章，由于文章每天一次的推送，该用户不想因为这些文章分心，随即点击右上角，取消接收来自和菜头公众号的消息。时间又一天天的过去，该用户闲了下来，也许是因为前些日子忙晕了的缘故，该用户忘记了已经取消了和菜头公众号的消息推送。于是，悲伤的故事发生了。该用户向和菜头的公众号频繁发言，询问为什么那么久不更新文章了，和菜头在后台看到这些消息，回复说一直有更新文章并提供可能的解决方法，但这些回复那位用户也是收不到的了。
通过上面这个例子，大家也应该能想到，对于这个可能发生的错误，好的反馈设计应该是：如果用户对订阅号取消了消息的接收，在用户向该订阅号主动发消息时，应有提示：如果想收到该订阅号的回复，请先在右上角的设置里打开消息接收的按钮哦~
如何做好产品的错误反馈设计？
既然要做好错误反馈设计，当然先要发现用户可能出现的错误，下面介绍三种笔者觉得比较有效的方法。
1.用户使用场景模拟（用例分析，故事板）
使用传统的用例分析方法，可以分析用户可能会用到的功能以及产品使用流程，进而分析用户可能会犯的错误。但故事板相比传统的用例方法，会更细致的对用户使用场景进行模拟，通过诉说一个故事，营造一种情境包括使用背景，环境状态等，去模拟产品的使用场景，通过将故事视觉化，描述用户使用产品的过程，来评断设计构想是否符合设计主题，从而进行产品修正。
2.数据驱动
通过对大量数据的分析，找出数据之间的规律，比如分析出数据显示的用户使用产品的路径和产品设计时的路径之间的差别，进而判断用户可能出现的错误，找出设计上的缺陷。然后通过灰度发布的方式进行产品更新来验证缺陷是否存在，或者通过用户访谈来验证确实存在设计上的缺陷。最终实现通过数据来指导产品的设计。
3.用户行为观察
这是最直接的方式，但成本也很大。通过直接观察用户使用产品的过程，来发现他们操作时的错误。通过访谈来获得发生这些错误的真实原因，进而指导错误反馈设计。对于移动互联网产品，产品经理需要自己去用你的产品，在不同的时间，不同的地点，不同的心情，各种各样的场景下使用，发现产品存在的问题，培养自己在设计APP时的场景感。腾讯有一个“10/100/1000
法则”：产品经理每个月必须做10个用户调查，关注100个用户博客，收集反馈1000个用户体验。这是一个比较有效的做出好的产品和设计的笨方法。另外，如果产品设计地足够简单，错误会变得很少。
找到用户可能犯错的地方并分析出犯错原因后，在进行产品的错误反馈设计时又应该遵循哪些原则呢？笔者认为有两点，一是提醒，明确告诉用户现在的操作有可能是错误操作，并指出错误在哪，即出错的原因。当然描述错误的文案需要满足产品使用人群的特点，根据目标用户进行设计。二是给出解决方案，如果对于准确判断用户出错的原因很有信心，可以直接帮助用户纠正错误，将正常的结果呈现给用户，并告知已经纠错。如果只是知道用户本次操作有可能是错误操作，并且概率不高，可以将正常结果呈现给用户，并给出纠错按钮让用户选择。
本文只谈了错误反馈设计，产品良好的容错性设计一方面得依靠良好的引导来减少用户犯错的概率，比如微信公众号要群发消息时，会给出先发给某个用户的选项，保证群发内容的正确。另一方面得提供犯错之后的恢复机制来挽回用户出现操作错误时造成的损失，比如windows系统里的回收站，比如在网站写文章，浏览器意外关闭时，重新进入网站写文章时，之前没写完的文章还会保留。
现如今，大家都在谈用户需求，用户体验。那么用户需求和用户体验到底是什么，笔者觉得很简单。用户需求指的是用户觉得有用，用户体验就是用户都没想到那么好用！容错性设计就是超出预期的设计，因为没有人觉得自己傻。空谈容易，但要做出真正有好的用户体验的产品其实需要付出很多。所以，大家不要只记得去仰望星空，而忘了如何脚踏实地。
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。用户体验：网页设计中错误提示的五种设计方法
每个系统软件在运行的过程中都会出错，可能是用户操作造成的也可能是系统错误。基于这两种情况，如何正确的提示错误信息就显得尤为重要，它直接决定了用户体验的好与坏。
一个好的错误提示必备的3条重要法则：
清晰地文本提示语
放置在正确的位置
良好的视觉设计
清晰的文本信息
1. 错误提示信息应该简明易懂
提示信息应该明确的表明发生了什么错误、发生的原因以及解决方法。将你的错误提示信息看作是一次对话，跟用户说人话。确保你的文案是礼貌性的、易于理解的、友好的并且没有晦涩难懂的专业术语。
2. 错误提示信息应该是有用的
仅仅是描述系统出错是不够的，还要向用户提供最简单、快速的解决方案。
例如，微软的错误提示信息是这样表述错误原因和解决方案的，所以你可以快速的知道如何解决它。
3. 错误提示信息应该是针对特定的使用场景
很多网站经常在所有的状态确认情况下都使用同一个错误提示信息，当你没有填写E-mail一栏时——提示“请输入一个有效的电子邮箱地址”，当你少写了“@”符号时——提示“请输入一个有效的电子邮箱地址”。
MailChimp不是这样做的，他们针对每个不同的邮箱地址状态确认都有3种错误提示信息。第一个是在提交表单的时候检查输入框是否为空，另外两个是检查是否输入了“@”和“.”符号。(然而“请输入内容”并不是一个好的错误提示，它并没有清晰地表明你需要填写什么内容)，向你的用户显示有针对性的而不是普适性的信息。
4. 错误提示信息应该是礼貌性的
即使是你的用户操作错误了，也不要责怪他们，礼貌的对待用户，让他们感觉使用你的产品很舒服、很便捷。这是一个很好的展示品牌特性的机会，试着在错误提示中加入一些品牌元素。
5. 恰当的展示你的幽默
在错误提示信息中展示幽默一定要十分小心谨慎，首先应当确保你的提示信息是有用的，之后如果合适的话，你可以在提示信息中加入一些小幽默，从而提升用户体验。
错误提示信息的正确位置
一个好的错误提示信息，应该是在你需要的时候可以很快速的找到它。不要写一个错误信息摘要，应该将它放置在相关的UI元件附近。
错误提示信息的设计形式
错误提示信息应该清晰易读。使用与背景色有对比的文本颜色，以便用户可以快速地注意到并且阅读它。
红色经常被用于编写错误提示信息，在某些时候，黄色和橙色经常被用于标注某些资源，红色常常让用户有压迫感。所以，确保你的提示文本清晰可见，与背景色有明显对比，考虑到色盲用户群，不要忘记在颜色旁边放置一个相关的图标，作为标注。
错误提示信息是一个提升用户体验的绝佳时机，你可以通过它提升品牌形象、展示企业个性。不要小看错误提示信息的每一个方面，将提示文本、放置位置和视觉设计都做到尽善尽美，那么它才可以称得上完美。
来源：优设 作者：韩韩
责任编辑：
声明：该文观点仅代表作者本人，搜狐号系信息发布平台，搜狐仅提供信息存储空间服务。
今日搜狐热点UI设计中的错误提示【万维学院吧】_百度贴吧
&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&&签到排名：今日本吧第个签到，本吧因你更精彩，明天继续来努力！
本吧签到人数：0可签7级以上的吧50个
本月漏签0次！成为超级会员，赠送8张补签卡连续签到：天&&累计签到：天超级会员单次开通12个月以上，赠送连续签到卡3张
关注：18贴子：
UI设计中的错误提示
相信日常生活中，很多人都曾经在各家银行的网上银行或者直销银行中买过理财产品。各家银行的理财产品购买流程都是大同小异的：选择合适的理财产品——输入购买金额——确认项目信息——返回操作结果。我们来假设一个情况，当用户输入的购买金额超过账户余额时，我们应该怎么给用户一个错误提示？以宁波银行直销银行为例，当你想购买4000元的直投项目的时候，点击“立即购买”按钮，进入“确认支付页面”，点击“去支付”按钮，这时候弹出一个对话框，告诉你账户余额不足。具体多少余额也没有说清楚，你立马去我的账户里看了余额再返回购买，这时发现项目都被人抢光了！瞬间奔溃。。。从这个虚拟案例中，我们可以看出错误提示对于产品用户体验来说是极其重要的，那么如何才能给用户提供合适友好的错误提示呢？什么是错误提示要了解什么是错误提示，我们应该首先了解错误提示的由来。用户在填写信息的时候难免会出错，例如，表单太长他们可能会忘记填写其中的一项，或者输入了14位的手机号码，又或者输入的密码中只有数字没有字母过于简单等等。这个时候我们应该给用户一个提示，让他们了解当前的错误状态。这就是我们常说的错误提示。一个合格的错误提示应该有以下两个基本功能：1 向用户报告错误状态；2 解释错误发生原因以及如何更正。错误提示的种类1 弹出框目前来说，弹出框可以说是最常见的错误提示形式。因为弹出框的空间比较大，可以很完整的向用户告知当前的错误状态并且阐明错误原因以及如何更正。但是弹出框这种形式也有自身的缺陷，那就是用户如果想更正错误就必须关闭这个弹出框，这样那些错误信息就看不到了。在一些特殊情况下错误信息比较冗长，你没有办法短时间内记住，那么就无法完成修改了。2 页面此外，错误提示还可以通过载入一个新的页面来报告给用户。比如在你点击提交按钮以后进入下一个页面才知道自己刚才的输入发生错误。用户可以通过阅读提示知道如何更正问题，但是如果想更正这个问题就要点击后退按钮，这样错误提示又不存在了，这点和弹出框很像。下面这个例子比较典型，用户只知道没有绑定成功，但是不知道具体的失败原因，重新绑定也无法避免再次失败。3 标签提示现在还有很多设计师开始将错误提示做成文字标签形式，将其和控件放在一起。这样子用户就可以很容易的读取错误信息，一眼就能看出来哪里出错了，不用根据提示的控件名称去寻找出错的位置，因为错误提示就在发生错误控件的旁边。此外还很容易改正，因为用户不用再跳转页面或去记那些冗长的错误信息。错误提示设计原则1 合理的使用配色和图标就像我在上面说的，错误提示的第一个功能就是向用户报告当前的错误状态。但是我们没有必要真正的给用户显示：“尊敬的用户，你刚才的个人信息填写错误balabala...”。错误状态我们可以直接通过颜色和图标来完成。因为在潜意识中，人们习惯性把红色和错误联系在一起。当然考虑到现实生活中还有相当多的用户是红绿色盲患者，因此我们最好是红色和图标搭配使用。2 文字简洁易懂提示文字应该尽可能的简短，用户看到一大段文字，就很可能会失去了去阅读的耐心。此外我们应该避免使用专业术语，让用户可以更好的理解。例如你填写身份证号，多填了一个数字，那么我们就应该提示用户“身份证号位数出现错误”而不是简单的“身份证号验证错误”。因为验证错误的种类有很多种，这样笼统的错误提示会增加用户的操作负担。避免用户犯错对于这个信息录入这个操作来说，最好的用户体验就是避免用户犯错，而不是等到用户犯错了以后才思考怎么样“亡羊补牢”。设计师应该防患于未然。1 输入提醒我们可以用一句话或者一个例子来向用户介绍要输入什么样的信息，这个就是输入提醒。我们要保持提醒字体要比较小或者配色要比标签字体更浅，因为输入提醒只是起到一个辅助输入的作用，过于显眼反而会分散用户注意力。2 良好的默认值如果你确定对用户足够的了解，在用户进行信息录入的时候我们可以提供合理的默认值。因为对于用户来说，填写信息永远都不是一件有趣的事情，合理的默认值可以节省用户的操作时间。3 自动完成当用户在文本框里输入时，系统猜测可能的答案，显示可选列表。自动完成可以为用户节省时间、精力和记忆成本，避免犯错。总结合理的错误提示设计可以很好的提升产品的用户体验，建立用户与产品之间的纽带。以上是我对错误提示设计的一些总结，希望各位看了以后能够有所收获。
贴吧热议榜
使用签名档&&
保存至快速回贴