深圳UI设计培训之如何增强用户体验愉悦感
我们乐忠于指出用户做错的事。从格式不正确的手机号码到错误的登录方式等所有的一切,我们都会给出错误提示信息。但对于用户的成功,我们是否赞美过他们呢?我们有告诉他们做对了某件事吗?外文《Are You Giving Your Users Positive Feedback?》提出当用户成功完成某操作时,我们应该给他们以正面反馈,这样不仅能提高用户体验的愉悦感,还能给用户以信心,加快他们完成操作的速度。CSDN对该文进行了编译,内容如下:
告诉用户他们做对了这件事,与指出他们的错误同样重要。这种正面的鼓励方式是向用户体验中增加愉悦感的关键。本文,将解释这种积极的正面反馈为什么重要,建议什么时候采用,如何将其整合入你的网站中。
操作方法
- 01
正面反馈为什么重要? 你考虑过为什么大部分用户不喜欢虚拟键盘吗?一个主要的原因是虚拟键盘无法提供与物理键盘相同的反馈信息。 虚拟键盘制造商在为用户提供积极反馈方面已做出了很大努力,如使用声音、弹出式按键等。但这并不能与用户从物理键盘中所得到的反馈相匹配。声音是人造的,虚拟键盘无法复制物理键盘所拥有的触感。 我们不喜欢虚拟键盘,因为它们无法提供与物理键盘相同的反馈信息。 该虚拟键盘例子证明了正面反馈对于网站用户的重要性。正面反馈的缺失往往给用户带来缺乏愉悦感的体验。
- 02
很多用户缺乏自信(无论是对他们自己的能力,还是对于网站可靠性)。他们担心他们的做法是否正确,网站是否明白了他们的目的。很多情况下,他们确实不了解网站、电脑的工作方式,一旦发生错误,就会自我责备,认定是自己的疏忽导致了本次错误。 提供正面反馈,可以减少这些担心,给用户以信心,让他们感觉到所有事情都进展顺利。对于对自己能力缺乏自信的用户(如老人)来说,这尤其重要。这些用户一般都很有能力。但由于缺乏自信,往往怀疑自己的决定,而这也会严重破坏了他们的体验。 正面反馈,还可以消除用户的某些疑虑,使他们继续做他们已经做对了事。 电子商务交易过程就是一个很好的例子。当你在电子商务网站上提交一个订单后,如果网站加载速度很慢,你是否会一直停留在那里,以了解交易是否正在处理呢? 一个简单的反馈信息可以很好地解决这个问题,以防止用户点击返回按钮,比如增加一个更新,提示用户订单正在处理中。 让用户获得时时更新数据,以减少他们的焦虑。 所有这些疑虑和困惑都会阻碍用户的继续操作。他们会重新填写数据、重新提交表单,不断地点击返回按钮。而增加一定量的反馈,可以显著提高用户完成任务的速度。
- 03
什么时候需要正面反馈? 最应该提供积极反馈的地方是需要用户填写数据的地方。像注册、登录、购买、发布评论、更新状态,及与网站应用进行交互等地方。 它也可以最大限度地阻止错误的发生。尤其是在需要输入诸如Email、密码及邮政编码的地方。 当用户正确填写一个字段后,Graze会在其后面增加一个“对号”,以此加快用户完成注册的速度。 数据输入并不是与用户交互的唯一方式——他们每点击一个链接,都是与网站进行的一次交互。我很好奇有多少网站没有提示用户已成功点击了链接,而仅仅是依靠浏览器提供反馈信息。 Smashing Magazine很明显地提示用户链接已成功点击。 依靠浏览器提供反馈信息是有问题的,因为用户可能会忽略它。浏览器会在地址栏中显示它正加载一个页面,但用户的注意力往往在其刚点击的链接上。这可能导致用户再次点击同一链接。 如果用户盯着链接,他们往往会忽略地址栏上的更新。 反馈与注意力不在同一个地方的问题不局限于链接上。很多情况下,用户与网站的交户会引起网页其他地方的改变,而这种改变很容易被忽略,所以通常需要更明显的反馈。 又如用户把产品放入购物车内。他们的注意力往往在购买的产品上,很容易忽略购物车的更新状况。如此情况下,对产品本身进行更新,以显示它已被加入购物框,这一点是很必要的。 在Wiltshire Farm Foods网站上,当某一项被加入到购物车后,产品的图片就会发生明显变化。 当用户与网站发生交互,向用户提供突出的反馈信息,以显示他们已获得了预期的结果,这一点是很有必要的。 不同的网站,反馈的方式也不相同。下面将介绍几种反馈的方法。
- 04
实现正面反馈的方法 当用户发生错误时,我们通常会给出文本提示信息。很自然,当提到正面反馈,我们也往往会想到文本提示信息。 但是,我们应该小心使用这种文本提示信息。因为文本信息往往会把用户的注意力转移到阅读这些信息上。这会降低他们完成任务的速度。 当然,在某些场合使用文本作为正面反馈信息,可以提高效率。例如,当用户点击了“add to basket”按钮之后,那么把该按钮上的文本信息替换成“add another to basket”是比较合适的。通过文本的变化,可以让用户明晰地了解到某产品已添加,同时鼓励他们进行下一个任务。另一个好处是,用户可以在原来位置看到变化(如他们刚点击的按钮上),而不是在屏幕的其他地方(如他们经常会忽略的购物篮)。 改变“Add to basket”上的标签文字,可以使用户的交互过程更加清晰化。
- 05
可视化反馈 除了文本信息外,采用设计元素也是一个好的选择。这包括图片、样式、颜色、大小等。如改变被点击链接的颜色;当某字段正确填写后给出小小的提示信息;突出页面中发生更新的部分。 光标状态的改变是该反馈方法的重要体现。当鼠标悬停在某一交互元素上(如链接、按钮),用户希望光标的状态发生相应的改变。如果状态并没有发生改变,反馈的缺失往往会引起用户的困惑。当然,尽管这是众所周知的,但很多网站的交互元素并没有显示出这一行为。
- 06
利用动画进行反馈 另一种方法则是通过动画来达到正面反馈的目的。利用动画吸引用户专注于错误的案例并不少(如当在WordPress中输入的登录信息后,系统会发生轻微的颤动)。同样的原则也可以应用于正面反馈中。 利用动画提供正面反馈的典型案例是当点击一个锚链接时。一般情况下,会直接跳到页面的锚点位置,这并不是一个好的体验。而采用自然的滚动动画,同时突出显示目的位置,用户就可以很快速地了解到他们所期望的动作已发生。 动画同样可以应用到电子商务网站中,以显示某商品已被加到购物篮中。无论购物篮自然扩张(以显示新的产品),还是产品“飞”向了购物篮,这些动画都可以让用户放心,因为他们知道操作已完成。 我相信动画在提供正面反馈方面还未被充分利用,需要继续探索。当然,动画并不是唯一未被充分利用的方法,除此之外还有音频。
- 07
音频反馈 当你发送一封邮件时,你是否期待听到“嗖”的移动声音呢?这是通过音频来告知邮件已成功发送。在你的电脑和移动设备上,会有诸如小小的爆炸声、嘟嘟声来提示你某事件已发生了吗?无论你是否实现了它,大部分用户对该类音频的反馈还是比较信赖的。 当发送邮件时,我们非常希望获得音频反馈,以确保邮件已成功发送。 音频是一个很棒方法,但很少有网站使用它。 我们不愿意使用音频,可能因为它太吵了。你可能认为无法消除的嘈杂音频、背景音乐会使网站变得混乱,同样你也会认为不好的设计、动画也会使网站混乱(但这并不能阻碍我们使用这些工具)。 其他人也可能认为,音频不适合于工作场合。虽然我基本同意,但我们所讨论的音频与大多桌面应用中所使用的音频提示是相同的,这些在办公环境下是十分普遍的。 伴随有音乐的点击,可以告诉用户已点击了该链接。商品放入购物篮的声音,可以让客户了解他们已成功把商品添加入购物车中。音频是一个很强大的工具,现在还未得到我们的充分利用。
- 08
总结 无论你使用音频、设计、动画还是文本,我们都是为了对用户的行为提供正面反馈。它可以给用户以信心,同时增加他们在网站的操作速度。关于如何向用户提供正面反馈,我们还有很多研究工作要做。如果你有哪些好的反馈方法,欢迎在评论中分享。