网站设计中直观形式的十个步骤

已发表: 2022-06-02

您的表单是您网站上最重要的元素之一，对您的用户和公司都是如此。在最好的情况下，表单与访问者互动并且用户友好。一个好的表格会鼓励访问者填写它们以获得反馈、订阅、预订和注册。

在最坏的情况下，表单笨重、难以导航，并且有损页面的整体感觉。我们如何创建直观高效的网站表单，它们如何推动商业价值？

您可能还想阅读 10 种针对移动设备优化表单的方法。

从谷歌获取线索

我们最喜欢的搜索引擎在过去几年里经历了很多算法更新，所有这些都是为了让用户更轻松地找到他们想要的东西。

最近，谷歌试图让搜索更像与朋友交谈。用户现在期望通过使用日常语言来获得他们正在寻找的东西。这已经蔓延到网页设计，访问者期望在编码和机器学习中加入人为因素。

这导致自然语言用户界面和自然语言形式的兴起，旨在以更加人性化和引人入胜的方式获取用户信息。公司寻求反映用户的心理过程，而不是传统形式的传统（和僵硬）呈现。

可定制的模板和预构建的插件使这比以往任何时候都更容易。虽然直观的表单从表单设计中消除了大部分繁重的工作，但最佳实践仍然决定了用户如何、何时以及在何处查看您网站上的表单。

我们在哪里以及如何以对用户（以及您的公司）最有用的方式呈现表单？请遵循以下准则：

最好的形式不是对信息的需求，而是对话，正如自然语言处理所说明的那样。与任何逻辑对话一样，它应该遵循您的用户和您的应用程序（或网站）之间的通信。通过以下方式实现：

您的表单应该只包含必需的信息，这应该使其足够短以使用单列格式。水平相邻的字段需要用户以“Z”形扫描，这会减慢理解速度并造成用户注意力滞后。最好的表格有一个清晰的完成路径——直接在页面下方。

温通的预订表。

尽一切努力减少输入字段的数量和用户所需的打字工作量，尤其是在移动设备上。下拉菜单、复选框和单选按钮不仅可以最大限度地减少用户的工作量，还可以解决打字过程中固有的错误数量，尤其是在移动设备上。

采取措施确保字段大小与您请求的数据成比例。最近对电子商务商店的一项研究发现，79% 的用户在结账时放弃了他们的购物车。

原因之一？关于字段大小的混淆。该研究表明，如果一个字段对于所需信息量来说太长或太短，用户就会怀疑他们是否正确地填写了表格。对于卡验证码字段尤其如此。确保您的信息能够轻松地适应给定的领域——不要太大，也不要太小。

Black Flag Creative 的付款结帐表格。

某些表格要求数据具有不同的正确表示形式。例如，电话号码可以是 123-456-7890 或 (123) 456-7890。让您的格式接受电话号码的任何表示。

生日和预订日期也是如此（您可以将其显示为下拉菜单日历）。目标是为您的用户提供尽可能多的灵活选项。

Lacey Ankenman 的表单字段。

理想情况下，表单上的每个数据输入都是必需的（因为您只要求提供必要的信息）。如果您必须包含一个可选输入（例如地址表中的建筑物单元或公寓号），请务必将其标记为此类。

必填信息旁边的红色星号是常见的做法。如果您包括可选字段，请将它们限制为一个或两个。

在表单中添加重置按钮曾经有一个惯例，但我们建议不要这样做。想象一下完成表格时的挫败感，只是不小心按了重置并丢失了所有工作！

你会重新填写表格还是关闭窗口？我们是这么想的。通过将重置按钮从您的表单中移除来避免这种情况 - 它弊大于利。

让用户填写表格的关键之一是让他们愿意这样做。以下是您的网站如何吸引用户填写您的表单的一些示例：

提供表单填写的用户利益列表。这可能是您帮助客户的好处、功能或方式的列表。它甚至可能是未来完成后购买的促销代码。
通过提供社会证明来建立品牌的可信度，例如，客户推荐或围绕您的表格进行展示。这表明人们依赖您提供必要的产品或服务。这也有助于与品牌建立人际关系——包括图片以将其带回家。
以明确的方式告诉用户您重视他们的隐私并且他们不会收到任何垃圾邮件。

Michael But 的多步骤表格。

号召性用语的重要性不可低估，因为它是转化过程的第一步，将迫使用户点击注册按钮。让用户知道你在做什么，他们为什么需要你，以及是什么让你与众不同——并且要快点做。这听起来像是一项艰巨的任务，但这些提示会有所帮助：

可以吸引您的访问者并且易于完成的表格会增加您在网页上花费的时间，并最终吸引更多客户使用您的产品或服务。一个好的形式的重要性怎么强调都不为过。

使用引人注目的 CTA 将您的用户吸引到您的表单，并使用自然语言使您的表单易于导航。这将吸引您的用户填写您的表单，这将在未来带来更多业务。