网页上的每一个动作都应该有反应。反馈可以告诉用户操作是否成功,但理想情况下,它可以告诉用户更多的信息,比如下一步要做什么或为什么需要这么长时间。
您可能会遇到提交表格的情况。单击提交按钮后,无反应。表格提交了吗?提交表格可能失败。
这是消除用户任何问题或恐惧的好例子。一个简单的进度指示器可以解决这个问题。它会在视觉上告诉用户服务器已经收到表格并正在积极处理它。
不提供反馈会造成很多麻烦。例如,我们提交了表格,但没有收到任何反馈。可能出现以下情况:
用户刷新页面,因为他们认为表户刷新页面。这种情况可能导致数据提交增加一倍,从而影响您的数据质量。用户寻找其他与您联系的方式,如微信,QQ或微博。用户通过其他通信方式提交数据,比如他们在网站上找到的电子邮件地址。因此,您必须手动处理数据,并通过电子邮件跟进用户。用户离开网站而未完成表单提交。本文讨论了反馈的重要性和提供反馈的常见性UI元素和反馈的好例子。
UX设计中的反馈是什么?用户界面响应动作。这是我们定义的反馈。反馈用于吸引、解释和消除恐惧或困惑,所有这些都可以提高用户满意度。
您遇到的大多数反馈对用户界面都是可视的。对于游戏或其他类型的内容,用户反馈可以采用听觉反馈的形式。让我们关注视觉反馈。
视觉反馈有三个主要目标,详细说明如下。
1.信号响应通常不清楚元素是否可以单击。因此,当鼠标悬挂在按钮上时,它们会实现视觉反馈。当用户悬停Web当元素被网站设计师使用时,CSS:hover应用不同样式的选择器。我们都知道,当你把鼠标挂在按钮上时,按钮的颜色会改变。
这种反馈形式对于告诉用户他们可以与元素互动非常重要。没有它,用户必须猜测哪些元素可以参与。但是请记住,触摸设备的用户无法利用悬停效果。
2.提高参与度反馈不仅仅是行动的结果。它还能引导用户。视觉效果吸引了用户的注意力UI鼓励用户单击元素。因此,您可以使用视觉反馈来告诉用户下一步该做什么。
假设你想增加订阅电子报纸的用户数量。如何在注册表中添加一些视觉提示?例如,当时事通讯表可见时,短暂摇动提交按钮以吸引用户的注意。这是一种简单有效的技术,可以增加参与度。
3.信号活动最后,反馈对告诉用户发生了什么最有帮助。如网站表单示例所述,进度指示器将告诉用户表单已被服务器接收并由服务器处理。
这是最关键的反馈形式!一个动作总是需要反应。缺乏反馈是用户与应用程序交互的主要原因。最重要的是,反馈可以消除混乱,从而改善用户体验。
网站反馈最常见的例子是什么?以下是提供反馈和使用的常见反馈Web元素列表。
加载指示器或进度指示器:该元素提供视觉反馈,告诉用户过程已经开始。加载指示器会引起用户的注意,如果过程花费超过一秒钟。一秒钟以下的过程不需要加载指示器,因为我们仍然认为它是实时的。
交互式表单标签:交互式表单标签可以立即为用户提供输入反馈。例如,密码字段必须满足特定条件。
如果输入的密码不符合标准,我们会立即告诉用户出了什么问题,并在视觉上发出信号。
MailChimp注册表达符合条件的标准,变色。在这个例子中,我忘了至少输入一个特殊字符作为密码。
通知铃:通知铃是提高参与度的最广泛的反馈形式。设计师通常将通知铃与小圆圈配对,以显示未读通知的数量。许多网站选择摇动通知铃来吸引用户的注意。
悬停效果:通常,您可以看到链接和按钮的悬挂效果。首先,它表示UI元素是可单击的。但是,这对于避免误点击也是必不可少的。在没有悬挂效果的情况下,用户将鼠标移动到链接上,必须猜测何时可以单击链接。有了悬停效果,用户知道鼠标位于元素上方,看到效果后可以立即单击元素。
横幅消息:这些类型的通知允许您在没有用户输入的情况下共享传输或传输的临时信息。它们通常提供应用程序流程的上下文信息。
你通常会看到关于某些功能正在维护或暂时不可用的警告信息。一些设计师希望它们有机地弹出和消失,而另一些设计师希望用户丢弃它们,以确保它们已经看到了新闻。
面包屑导航:面包屑导航向用户显示状态信息,让他们知道自己在这个过程中的位置以及还需要做什么。这类反馈可以提高参与度,因为用户确切知道需要多少步骤。
结论:我们应该专注于用户体验吗?关键是提供优秀的用户体验。用户体验通常促进销售。例如,让用户知道他们在结账过程中要执行的步骤。面包屑是为用户提供快速反馈的有力工具。
同样,反馈也有助于消除混乱或担心过程需要多长时间。为了有效地购买产品,用户可以知道他们必须完成哪些步骤,这为用户提供了指导。
本文展示了反馈的重要性,以及您可以提供用户反馈的标准UI元素。最基本的反馈UI进度指示器是元素之一。这是消除用户对流程的任何恐惧或困惑的好工具。
请记住,您可以以各种方式使用反馈。除了发送信号活动外,还可以提高网站参与度或信号响应能力。
支付宝扫一扫
微信扫一扫