当前位置:首页 > 网站用户体验专题

如何设计可转换的表格

2020-01-07

Web表单是许多设计人员(甚至是其客户)的祸害。

表单在任何站点上都起着至关重要的作用,因为表单是站点在结帐过程中收集所有重要信息或登录页面上的潜在顾客信息的方式。如果您想取悦客户并提高其网站的转化率,那么可能没有什么比设计有效的最佳表单更有意义的了。

 

用叙事形式在盒子外面设计

标准表单的特点是在几个字段中,潜在客户填写了他们的基本联系方式,例如姓名,电子邮件地址和电话号码。这是单调的,非常平凡的……只是因为它很典型,但这并不意味着它不应该被弄乱。相反,请尝试改变叙述形式,以便更好地进行转换。

顾名思义,叙事形式是保持对话进行的形式。而不是仅在网站副本结束时结束故事。这些类型的表格通过提示他们以第一人称叙事方式填写表格中的空白,从而继续吸引您的潜在客户。这使注册过程更加个性化!


Vast.com是一个使用户可以搜索叙事形式的网站,该网站使用户可以搜索数百万辆待售汽车和房地产交易。他们A / B使用控件测试了他们的叙述形式,即标准网格形式,并看到转化率提高了 25%至40%至少以叙述形式进行叙述可以使转化率提高25%。

下次您在设计表单时考虑安全使用时,请不要这样做。承担这个小的经计算的风险,它可能会有所回报。

 

使用更少(或更多)字段

在过去的几年中,一直存在关于最能促进转换的特定表格长度的争论。新闻快讯:实际上没有一个特定的长度更好。较短的形式获得更多的某种转换,而较长的字段获得更多的另一种转换。

传统观点认为,表单上的字段越少,转化率越高。没错,但是只有在较少的字段中产生大量的转化,而不是产生大量的质量转化。


Finery的表格包含一个下拉列表,用于指定您与他们联系的原因。这是一个额外的字段,可以省略,但包括它可以提高发送消息的质量。

让我们进一步看一下。假设您有一个非常简单的表格,只询问潜在客户的姓名,电子邮件地址和电话号码。您将获得更多的转换,因为在输入该信息上花费的精力和时间很少,但是由于您不知道这些潜在客户与您的业务之间的相关性,因此质量值得怀疑。HubSpot在研究中发现这是正确的

另一方面,如果您要查询的表格较长,而不仅仅是潜在客户的姓名,电子邮件地址和电话号码,那么您将获得关于它们的更多详细信息,从而可以得到质量更高的潜在客户。有了更多信息,企业可以更好地判断他们是否可以更轻松地向他们推销产品。


如果您的客户的目标是更多潜在客户,那么您的表格应该相对简短,例如Marketo的免费数字下载指南的注册表格如果您的客户希望获得更多高质量的潜在客户,那么可以通过添加更多字段来延长表格的长度,这样您的客户就可以获得更多信息。例子:TD Ameritrade的帐户注册表格


 

仅使用清晰的标签和说明

令人惊讶的是,发现有些设计师仍然忽略了确保用户能够真正理解表单的基本原理。


登记表的TheHugo再清楚不过。

在表格及其领域中使用清晰的标签和解释的目的是消除任何潜在的输入问题,其中许多输入问题可能源于输入内容的混乱。


注册页面的巴恩斯&贵族万事达信用卡就是清晰度占主导地位的形式这样一个例子。通过查看这些字段,我们可以立即看到框内易于理解的标签并且易于阅读。

另外,当您开始在框中输入信息时,上述标签不会消失;相反,它们只是变小了,改变了颜色,并且仍然可读。这使用户可以始终了解他们期望在任何框中键入的内容,即使他们已经开始键入。用户开始输入内容后,某些表格已被批评删除标签。

甚至说明(例如需要填写的字段数和特定字段的额外方向)也放在框外,并以不同的颜色显示,以方便阅读。

 

取消强制注册

如果您的客户已经准备好从客户的在线商店购买商品,如果有什么可以迅速阻止转换,那么这就是结帐过程中可怕的注册过程。经验告诉我们,在购买之前强迫客户进行注册或登录(等同于其他步骤)会降低转化率。


 

Condor的结帐流程不会强制您进行注册。登录帐户可简化结帐过程,但默认形式是用于访客。

在设计用于结帐流程的表格时,请使其尽可能短,以鼓励客户进行购买。客户理所当然地在购买商品时没有耐心,而且没有人愿意浪费时间进行额外的步骤才能正确结账。

斯台普斯对此非常了解。办公用品和电子产品零售商具有初始结帐页面,该页面不会强迫购物者再次注册或强制新购物者注册。相反,如果他们要返回购物者,则可以轻松地在两个字段中输入用户名和密码,或者直接进入“以旅客结帐”页面,如果他们是,则只需输入基本的送货信息新客户。这样的设置使客户的事情变得更简单,并为他们提供了更大的自由度和对结帐流程的控制权,这始终受到欢迎。


 

Web表单最佳做法

设计智能,有效的表单归结为将这些最佳实践纳入您的设计。这些方法是最佳做法是有原因的:它们已被证明行之有效,这也是为什么您倾向于在成功的在线商店的注册表格中看到它们的原因。设计不良的表单将在逻辑上拖累网站的转换率,因此有理由大幅度改善任何页面上表单的设计以提高整个网站的转换率是有意义的。

服装网站设计,设计表单只是更广泛的Web设计的一个方面,但它也应遵循为用户体验而设计的原则。上面讨论的所有技巧都是经过尝试,测试和真实的方法,可以取悦客户的客户,从而提高客户网站的转化率。

免费获取报价

  • 29923329

  • 杭州市丰庆路498号北软智慧科创大厦203

  • 0571-85815193

  • pady@1t2.cn

网站地图 版权所有 © 2008-2021 杭州派迪科技有限公司  Copyright © 2008-2020  www.hzpady.com  All Rights Reserved    浙ICP备14029905号-1     公安备案:33010802008411    软著登字第3457658号