第一站 - 轻松上网从此开始!

上网第一站

当前位置: > 运营 >

网站用户体验:为用户的成功操作提供正面反馈(2)

时间:2012-07-31 15:47来源:网络 作者:yangyang 点击: 我来投稿获取授权
以下内容来自网络或网友投稿,www.swdyz.com不承担连带责任,如有侵权问题请联系我删除。投稿如果是首发请注明‘第一站首发’。如果你对本站有什么好的要求或建议。那么都非常感谢你能-联系我|版权认领
在某些情况下,使用文字信息提供正面反馈也确实是非常有效的。例如,在用户点击了添加到购物车按钮之后,我们可以将按钮的标题变为继续添加。这个

  在某些情况下,使用文字信息提供正面反馈也确实是非常有效的。例如,在用户点击了“添加到购物车”按钮之后,我们可以将按钮的标题变为“继续添加”。这个改变一方面可以让用户不用转移视线焦点就可以立刻知道他之前的添加动作确实成功了,另外也可以鼓励用户继续进行相关操作。

  

 

  视觉反馈

  我们可以在更多的时候使用视觉元素的属性变化来代替文本作为正面反馈的表现形式,包括图形图片、风格样式、配色、大小等方面。譬如前面提到的链接被点击之后呈现高对比度的背景色,或是表单字段被正确填写之后在旁边输出对勾图标,再比如当页面当中某个位置的内容被更新后,使用背景色等方式对这部分进行高亮显示等。

  另外一个很典型的例子就是鼠标指针的状态变化。当用户将鼠标指向一个可交互的界面元素(例如链接或按钮),他们会期望指针变为手形。如果系统在这里没有作出符合用户预期的反馈,那么用户很有可能产生迷惑。很多时候,界面当中可点击的元素并非链接或按钮,它们是通过JS的配合来实现交互性的,这种情况下要记得在样式表中将cursior属性手动设置为pointer,使它们能够模拟链接或按钮元素在鼠标悬停时所产生的指针状态。

  

positive-feedback-cursior-pointer

 

  通过动画效果提供反馈

  当然,动画本身也是一种视觉表现形式。如今,很多网站都会使用一些精巧的动画效果将用户的注意力吸引到出错的地方,例如登录WordPress管理后台时,如果用户名或密码输入有误,整个表单会表现出“抖动”的效果,提示用户输入错误。同样的道理,我们也可以将动画效果运用在正面反馈上。

  一个比较常见的例子就是页面内的锚点链接跳转,包括向下滚屏浏览内容或是返回页面顶部。默认情况下,锚点跳转没有任何动画过渡效果,页面只是很突兀的移动到指定的位置。而现如今,我们可以在越来越多的网站中看到具有平滑滚动效果的跳转,有些还会在页面到达目标位置后将特定的内容进行高亮显示。这种改变使得整个交互方式更加符合用户直觉,并且可以很清晰的将交互结果呈现给用户。

  我们也可以在购物网站中将动画过渡效果运用在添加商品到购物车的交互环节中,例如在用户点击了“添加到购物车”按钮之后,将代表购物车的界面元素展开,以展示刚刚添加进去的新商品,或是让商品以动画的方式“飞入”购物车。这些方式都可以抓住用户的目光,将操作成功的信息准确稳妥的传达给用户。

  我相信动画过渡效果仍是一种没有被充分利用的信息反馈形式,这还有待我们在更多产品中继续挖掘和实践。

  通过音效提供反馈

  使用iPhone或iPad的同学们,你们在发送短消息或是邮件之后,是否特别期待“嗖”的那一声?这就是通过音效提供正面反馈的好例子。无论是使用桌面设备还是移动设备,其实我们都非常依赖于音效反馈,例如点击按钮或是敲击虚拟键盘时,系统发出的拟真音效可以让我们很放心的持续进行输入操作。

  

positive-feedback-audio-sound-email-confirm

 

  那么为什么音效反馈在网站中的使用率非常低呢?除了文件尺寸方面的因素,是否还有其他方面的原因?

  也许是因为在网站中使用音效过于烦人?曾几何时,大大小小的网站当中都会使用无聊的音频循环或背景音乐,有些甚至无法取消播放;我们是否因此而有所顾及?话说回来,从前的网站到处都是糟糕的视觉设计与动画效果,但这并没有妨碍我们逐渐对这些方式进行改良并将它们运用到正确的地方。

  也许有些人会觉得浏览网站的行为通常会发生在桌面设备上,这也是我们通常在工作中所使用的平台,所以使用音效反馈会造成一定程度的干扰。但我们所说的音效实际上与操作系统本身那些细小的提示音无异,它们都是为了在交互过程中向用户反馈信息。

  一个可以触发音效反馈的点击操作可以非常有效的让用户知道他们正确有效的完成了行为;在购物网站中,打开收银机的音效完全可以运用在用户添加商品到购物车的操作当中。音效反馈是一种强大的沟通工具,只是我们还没有在合适的地方对其进行充分的运用。

  总结

  无论采用音频、视觉元素、动画或文案当中的哪种形式,我们都应该为用户的交互行为提供更多的正面反馈,这可以提升他们的满意度,使他们更自信更高效的在你的网站中完成目标。

  本站原创编译文章。如需转载,请注明:本文来自Be For Web

  译者信息: c7210 - 用户体验设计与代码玩家,现就职于大众点评网产品部UED

        原文:

(责任编辑:admin)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发布者资料
第一站编辑 查看详细资料 发送留言 加为好友 用户等级:注册会员 注册时间:2012-05-22 19:05 最后登录:2014-08-08 03:08
栏目列表
推荐内容
分享按鈕