为用户的成功操作提供正面反馈
炎热的天气，宅在家中拉上窗帘一边看着喵们耍宝一边做博客，这情景让我想起阿拉蕾一家。Take me down to the paradise city where the grass is green and girls are pretty.
下午茶一般的小文一篇，关于操作响应、正面反馈、用户满意、皆大欢喜一类。进入正文吧，毫无压力。
我们喜欢告诉用户他们做错了什么，我们准备了各种出错提示，从电话号码输入格式有误，到登录失败。但是对于用户的那些成功操作，我们又做了什么呢？有没帮助他们庆祝，告诉他们"嘿你做的非常正确"？
正面反馈是提升用户体验愉悦度的关键因素，我们要让用户了解到他们正在执行的操作是正确的，这一点非常重要。在本文中，我们将一同了解一下为什么正面反馈绝非可有可无，作为设计师，我们应该在什么时候、以怎样的方式将其运用在网站当中。
为什么正面反馈如此重要
有没想过为什么多数人不喜欢触屏设备上的虚拟键盘？最主要的原因恐怕就是它所提供的反馈感受很难与实体键盘相媲美。不能否认，触屏操作平台的设计师们确实尽力了，例如实体质感的视觉效果、触摸按键时的敲击音效以及放大的弹出提示，这些解决方案都给用户的操作行为带来了一定的正面强化作用，但它们确实无法达到实体按键所能带来的正面反馈效果，因为无论怎样，虚拟键盘都无法模拟实体键盘的触摸感。
这是一个让人即烦恼又无奈的现实，它也从一个侧面说明了正面反馈对于产品的重要性。对于虚拟键盘来说，缺乏足够真实和强力正面反馈，结果就是用户难以在这方面产生足够的体验满意度。
其实多数用户总是难以产生真正的满足感，无论出于他们自身技能所限，还是你的产品本身确实有问题。他们会担心自己是否做错了什么，他们想知道网站是否真正了解他们的操作目标。很多时候这是由于他们并不能真正的理解网站的运作机制所造成的，结果就是一旦出现问题，他们会首先埋怨自己 。
通过正面反馈机制，我们可以逐渐帮助用户打消这些顾虑，帮助他们建立信心，让他们感到一切都在顺利的进行着。这一点，对于那些对自己在计算设备操作能力方面缺乏信心的用户来说尤为重要。这类用户，其实未必真正缺乏操作技能，只是在很多时候，由于系统没有作出足够的正面反馈，致使他们对自己的判断产生了疑虑。
正面反馈机制不仅可以提升用户在作出正确的操作行为之后的体验满意度，它还可以打消掉那些没有必要的顾虑，防止用户在做了正确的事情之后由于担心自己操作有误而撤消之前的行为。以网购当中的交易流程为例，在用户提交了订单之后，如果系统的处理时间较长，导致后续页面加载迟缓，而这当中没有任何反馈提示，那么用户很有可能会认为自己的订单并没有提交成功。这种情况下，可以在页面加载的过程中向用户提供一些正面反馈信息，例如告诉他们"系统正在处理订单，请稍候"一类，这样可以防止用户由于不明真相而点击后退按钮。
想想看，如果用户因为"迷惑"和"疑虑"而重新执行一遍购物流程，包括选择商品、填写各种表单...有够蛋痛。无论之前步骤当中的设计方案有多出色，单凭这一点，整个购物流程的体验满意度就会极度下降，而且用户很有可能自此离开。转化率呢亲？
何时需要正面反馈
用户输入内容的地方是一个关键点，包括注册、登录、购买、发表评论、更新状态等等与数据内容产生互动的交互环节都是需要重点关注的。特别是对于用户名、邮箱、密码、邮编这类字段，来自系统的正面反馈可以帮助用户打消数据操作技能方面的疑虑。
除了输入数据内容，点击链接也是一个重要的交互点。如果留意的话，你会发现如今的多数网站并没有对用户成功点击链接的行为作出正面反馈。用户点击链接后，浏览器自身确实会带来一定的反馈提示，包括地址栏及标签栏当中的相关变化，但用户执行点击操作的时候，注意力在短时间内依然是集中在链接位置上的，因此为链接本身设置一定的响应规则是更加有效的做法。在这方面，Smashing Magazine是一个不错的范例，当用户点击了某个文字链接之后，CSS当中的a:active规则会为链接文本设置红色的背景色，用户可以很直观的感受到自己成功的点击了链接。
反馈与注意力焦点位置不一致的问题不仅存在于链接方面，很多时候，用户的操作会导致另外一个地方的内容或交互元素发生变化，这很容易使操作结果被用户忽略掉。一个常见的例子就是将商品添加到购物车的过程，用户在这里的注意力会主要集中在"添加到购物车"按钮以及附近的商品信息上，所以对于添加成功的最直接有效的反馈也应该出现在这个位置，例如在按钮附近，或是直接呈现在商品图片上。
距离只是问题的一个方面；如果用户的交互行为会触发界面当中很小的细节之处发生变化，那么即使反馈的距离很近，也仍不能说是保险的。对于这种情况，最好可以提供在视觉效果上更加清晰醒目的反馈，以确保用户可以在第一时间注意到。
网页标题：为用户的成功操作提供正面反馈
网址分享：http://hbruida.cn/article/chcchh.html
