有很多因素有助于在网站上获得更好的用户体验。页面需要快速加载才能让用户安心并提高效率。导航必须清晰明了，让访问者在查找您的联系页面、博客文章和产品时可以直接使用。您的颜色需要无缝地协同工作，同时在最需要的区域提供足够的对比度。

网站的每个部分都需要考虑出色的用户体验，这些部分充当与潜在客户或用户的接触点。

最重要的接触点之一是您的表格。

所有网站都需要某种形式的互动内容才能蓬勃发展。用户需要能够对网站进行一些操作，无论是使用搜索栏查找信息、联系团队获取报价、进行预订还是完成购买。表单为网站上提供的大多数互动活动提供动力。

如果您知道如何在表单上掌握出色的用户体验，则可以为您的品牌与其客户之间更有意义的互动做出贡献。但并非所有的 Web 表单都是相同的。以下是您需要掌握的一些顶级表单类型以及如何优化它们。

“选择加入”表格

选择加入表格可能是数字领域中最著名的表格。它本质上是一种要求访问者“选择加入”特定优惠的表格。有时，这意味着注册网络研讨会；其他时候，它会同意电子邮件通讯或一系列定期博客更新。

选择加入表格可以迅速吸引注意力，并要求观众提供特定的东西。例如，HuffPost 的这个例子鼓励访问者“订阅早间电子邮件”。

选择加入表格都是关于产生行动的。

有时，在公司有机会准确解释他们所提供的产品之后，它们会被放置在着陆页的底部。其他时候，您会发现选择加入表单位于网站的侧边栏上，如果人们喜欢他们在博客文章或文章中看到的内容，就会不断诱使他们“注册”。

选择加入表单在现代网站上显示为弹出窗口和退出弹出窗口也很常见。例如，承诺给客户带来立竿见影的好处的色彩鲜艳的选择加入表格可以鼓励他们在放弃您的网站之前交出他们的详细信息。

如何设计出色的选择加入表格

那么什么样的最佳实践会成为一个优秀的选择加入表格呢？

• 从简单开始：如果您要求访问者做某事，请不要立即用太大的请求压倒他们。保持表单简短而简单，这样对访问者来说似乎不会有太多额外的工作。诸如“订阅我们的时事通讯”之类的内容应该只要求一封电子邮件。
• 突出好处：大多数客户不希望在他们的收件箱中为您提供一个位置或与他们进一步互动的机会，除非您可以提供一些回报。即使您要求一些小东西，例如电子邮件地址，也要让客户知道其中有什么。在上面的《赫芬顿邮报》示例中，该公司强调您可以在当天的“最重要新闻”中醒来。
• 赋予访问者权力：让您的访问者知道他们在这里处于控制之中。他们希望看到他们从您那里得到他们需要的东西，以换取他们的联系方式。这意味着向他们保证他们的电子邮件地址不会被用于垃圾邮件，就像H&B Sensors 在这里所做的那样：

联系表格

联系表是为您的网站构建有效用户体验的另一个关键部分——但它也是网页设计师和企业主经常忽略的一个元素。当客户决定他们想了解更多关于企业的信息时，他们需要一种快速简便的联系方式。

联系表格需要在任何网站上都易于查找和使用。通常，您的用户会希望看到位于网页底部某处的联系表单的链接。它可能被称为“联系我们”或“客户支持”。避免任何会让用户头疼的事情。

除了易于追踪之外，您的联系表格还需要让观众放心，他们通过联系做出了正确的决定。因此，内容需要简短、甜美和权威——强调用户可能联系您的公司的原因以及他们如何联系。

避免在联系表格中提供任何不必要的信息。例如，您不需要知道客户的年龄和他们的工作来回答有关他们最近的实体分支机构在哪里的问题。保持表单域的重点，否则你会赶走客户。

如何设计出色的联系表格

设计一些个性化但简单的东西，以充分利用您的联系表格。如果可能，请使用智能内容和条件逻辑等功能，使页面适应用户的需求。如今，动态内容变得越来越有价值。其他最佳实践包括：

• 设定正确的期望：让您的客户知道您的活跃程度以及他们期望收到您的回复的速度。图像和正确的字体还可以设定您的受众可以期望的交流类型。例如，Marvel 应用程序中的这个联系页面既有趣又好玩，就像公司本身一样：

• 提供多种选择：如果您的客户不想使用您的联系表，请为他们提供另一种联系方式。确保联系页面包含诸如在社交媒体上找到您的位置和您的专业电话号码等信息。
• 简化您的事情：为确保您可以尽快联系您的受众，请允许您的客户选择与他们的查询相关的特定主题。允许他们选择“销售”或“订单问题”意味着您可以自动将消息定向到后端的正确团队成员。

在线支付表格

有时，当您的客户看到您提供的产品并查看了竞争对手时，他们决定继续购买。为此，您将需要一个在线支付表格。在线表格可确保您的客户可以安全地输入他们的信用卡或借记卡详细信息来购买您提供的任何商品。

大多数支付处理公司，如 PayPal、Square 和 Stripe，都附带了支付表格，因此您可以在几分钟内轻松地将它们嵌入到网站中。但是，始终可以选择自定义这些付款方式。

例如，理想情况下，您需要一个付款表单，让您的客户保持在同一页面上，这样他们就不必登录另一个浏览器来进行购买。您的客户必须进行的转换越少，他们就会感到越安全。

如何设计出色的付款方式

在设计任何支付方式时，简单性和安全性是最重要的两个因素。您的客户应该能够快速轻松地输入他们的信息并完成交易流程，而不必担心他们的详细信息。

记得：

• 保持简单：访问者必须填写的字段越少越好。客户仍然对在线分享个人信息和付款细节感到不舒服。让体验尽可能无痛。如果您的客户已经拥有您的企业帐户，您可以创建一个系统来自动填写一些字段，例如他们的电子邮件地址、姓名和账单地址。
• 提供正确的集成：正确的支付形式将与您的客户喜欢使用的支付服务集成。选项包括 PayPal、Stripe、Square、Visa 验证和万事达卡。让开发人员将正确的 API 与您的表单集成，从而为您的客户提供最广泛的选择。
• 确保安全：提供尽可能多的安全证据，让客户高枕无忧。将挂锁放在浏览器顶部 URL 旁边的 SSL 证书是让客户感觉更安全的好方法。集成验证选项以便您的客户可以避免欺诈问题是另一个重要步骤。有时，只需将您接受的卡片类型的徽标放在页面上，就会让客户感到更安全。

支持表格

一些公司将联系表和支持表捆绑在一起。其他人有一个单独的支持表格，可以将他们的查询直接发送给最有能力帮助他们的人。如果您想采用第二条路线，最好在您的网站上设计一个“帮助”部分，您可以在其中找到支持表格。

网站上的“帮助”部分经常出现在页脚的其他链接旁边。例如，它可能出现在“关于”链接和“联系”选项旁边。这是Hubspot 的客户支持选项的示例：

最好的客户支持页面为客户提供了各种方式来帮助自己并找到他们最紧迫问题的答案。例如，您可能有一个搜索栏，您的听众可以在其中搜索他们的查询的答案，或者一个包含有用博客的知识库。

Hubspot 允许用户在博客、知识库、学院培训中心、社区论坛、开发人员讨论板和认证合作伙伴的帮助之间进行选择。

如何设计出色的客户支持表格

设计一个好的客户支持表格是为了让您的受众尽快获得他们需要的信息。再一次，您需要在这里尽可能少地使用表单字段，以避免激怒已经沮丧的客户。另外，请记住：

• 询问正确的信息：通过为客户提供一个包含可供选择的可能主题的下拉菜单来了解查询的内容。如果您需要产品参考号或类似信息，请在表格顶部询问，然后允许客户在下方提供有关其查询的额外信息。
• 设定期望：让您的客户知道他们什么时候可以期望得到对他们的担忧的回应，并为他们提供下一步做什么的建议。例如，您可以邀请他们在等待回复时查看您的知识库。
• 保持简单：避免在支持请求表上使用技术术语。直接要求您提供手头问题摘要、联系信息和其他补充数据。

客户反馈表

据微软称，大约 96% 的客户表示，客户服务对于确定他们对特定品牌的忠诚度至关重要。另有 52% 的全球客户认为公司需要回应客户提供的反馈。

为确保您的客户服务策略与客户的期望相符，您需要从受众那里获得反馈。这就是反馈表的来源。客户反馈表通常在客户完成购买后出现在“谢谢”屏幕上。它们也可能发生在客户在线完成服务交互之后。

这是Apple 反馈表的示例：

如何设计出色的客户反馈表

通过给您留下反馈，您的客户正在帮您一个大忙。他们让您有机会从错误中吸取教训，并改进您下次可以提供的服务。对于任何想要发展壮大的企业来说，反馈都是最好的工具之一。

如果您希望您的客户使用您的反馈表，您需要使它们尽可能简单。您的客户没有时间浪费在复杂的表格上。

• 不要将任何字段设为必填：不要阻止您的客户提交表单，除非他们已完成每个字段。允许他们输入他们认为最重要的信息，仅此而已。如果可能，您甚至可以为您的客户填写一些表格，如果他们已经是您网站的成员，请输入他们的姓名和电子邮件地址。
• 使其具有移动响应能力：请记住，全球约有35 亿智能手机用户。您不能因为您的表单没有响应而丢失反馈。在任何设备上，每种形式的外观和感觉都应该令人难以置信。
• 包括评级选项：如果您的客户对您的服务没有太多要说的，或者他们不是文字大师，他们可能更喜欢评级选项。一对五的评分系统可以让您的客户从差到好来评判您的产品或服务，这是快速获取信息的好方法。在此处查看Uber 工程示例：

尽管您可以在反馈表中预先输入一些信息以使客户的生活更轻松，但不要越界。如果客户已经是您的客户，则可以将客户的电子邮件地址添加到表单中。预先选择上面的“非常满意”评级看起来很冒昧。

改进每个表单设计的重要提示

在线表格是任何网页设计项目的重要组成部分，但它也经常被忽视。不幸的是，如果没有一套好的表格，您的客户将难以以有意义的方式与您的公司互动。

创建任何表单时，请记住：

• 减少摩擦：通过尽可能少地提出问题来减少客户的摩擦。您的客户必须回答的越少越好。如果您可以使用客户姓名和电子邮件地址等信息预先填充表单，这可能会有所帮助。
• 保持简单：确保表格干净且易于使用。您的客户不应该对点击位置或如何提交信息感到困惑。单列设计通常比多列选项更好。
• 在错误消息中要清楚：不要只是告诉访问者出了问题。让他们知道他们需要做什么才能成功提交表单。如果可能，使用带有实时反馈的内联验证，让您的听众知道您认可他们提交的信息。
• 确保数据安全：让他们知道您将如何使用这些信息以及为什么要求提供这些信息，从而确保您的受众感到安全。如果您要求提供电子邮件地址，请明确输入该信息的好处。
• 使字段可选：允许您的受众根据需要向表单添加更多信息，但不要要求这样做。给来访者一些自由。

您的表单越好，您与客户的互动就越有效。请记住，您的客户在做出有关您的业务以及是否信任您的决定时判断的不仅仅是面对面的互动。当今的数字世界引发了对更有意义的虚拟体验的新需求。

您的表格可能是您与客户的第一次互动，无论是联系表格、预订表格还是其他任何东西。做到这一点，您可以提高客户稍后再次与您互动的机会。