由- 尼尔科尔

优化转换的Web表单设计最佳实践

Casumo.com每页一个问题的Web表单最大限度地减少了用户的注意力分散

62 Web表单设计最佳实践:

无论是联系方式,登记表或退房流程,Web表单可能是转换的一个重要障碍。即使是一个简单的网络形式的选择,也会在网上输入个人信息时产生摩擦和焦虑。

精心设计和优化的网页形式是任何网站的重要特征。人们通常希望在大多数网站上可以选择一个表单作为留下反馈的方式,询问,问一个问题,正在接收更新,开户或购买。

在这篇文章中,我概述了62个改进Web表单设计和完成率的最佳实践。如有可能,在向所有用户推广之前,通过A/B或多变量测试验证更改。如果你的完成率相对较差(例如少于40%,然后尝试重新设计你的表单,看看你是否能在转换中实现大幅度提升。如果你的状态很糟糕,那么浪费时间做些小改动是没有意义的。

在开始优化Web表单之前:

在向潜在客户询问任何信息之前,确保他们已准备好填写您的Web表单。从客户的角度考虑用户的旅程,避免围绕内部流程设计站点。

不要让您从客户那里获取数据的愿望超过您的用户目标。例如,在一个电子商务网站上,潜在客户希望购买商品,所以如果你允许他们作为顾客购买,就不要强迫他们注册。你可以收集最多,如果不是全部,签出Web表单中需要的数据。提供现场聊天对于想要提问或请求帮助的访客?这允许与客户服务进行实时交互,而不是依赖电子邮件通知,这会造成响应延迟。

在尝试巧妙运用高级功能或心理说服之前,先解决基本的web表单可用性问题。如果您的表单设计不好并且很难在不出错的情况下完成,那么首先解决这些问题,因为它们可能会淹没您对表单所做的任何其他更改。

为了方便你找到你要找的东西,我把这篇文章结构如下。单击要转到的分区标题。

A:移动网络表单:

  1. 手机第一:

要设计最佳的用户体验,可能需要手机第一方法是因为小屏幕使它们成为最具挑战性的创建。从移动设备开始,它迫使设计师和营销人员无情地优先考虑并关注用户需求。

移动优先定义图像

随着大多数网络访问发生在移动设备上,网络表单必须是移动友好的,内容不应只是从桌面站点复制过来。让访问者点击以放大表单是一种糟糕的用户体验,因此请检查您的表单在使用交叉浏览测试解决方案.

2。使用移动设备的本机功能:

几年前,我在评估一个品牌的桌面和移动用户的旅程时,发现我只能在他们的桌面站点上传KYC(了解您的客户)验证文档,而不能在他们的移动应用程序上上传。如果使用我手机的摄像头来拍摄我的文档,并在不离开表单的情况下立即上传到应用程序,那会容易得多。但不幸的是,这个应用程序的功能与桌面网站不同。

对于客户来说,这是一个非常令人沮丧和失望的体验,因为越来越多的网站访问者是移动用户。移动设备具有许多功能,例如地理位置和摄像头,应充分利用这些功能来最小化表单上请求的信息量。

例如,采用下面显示的技术扫描信用卡和借记卡的详细信息,而不是让用户手动输入信息。这不仅加快了退房速度,而且经常降低退房率。

有关如何扫描信用卡以查找移动应用程序以减少Web表单上的摩擦的图像
图像来源:

三。输入字段和按钮的高度至少应为48像素:

谷歌建议TAP目标,如输入字段和按钮应该至少高48像素,因为这与手指垫的平均大小相对应。大约10毫米宽.然而,有没有一般用户这样的东西因此,如果可能的话,可以为手指稍粗的客户提供稍高的踢踏目标。

4。不要使用低于16px的字体:

尽管更多的最新智能手机屏幕更大(例如4.7英寸)别忘了,许多用户仍然有屏幕较小的设备(例如4英寸)这使得16像素以下的文本难以阅读。因此,请使用最小为16px的文本。

5。使用输入掩码显示正确的键盘:

输入掩码确保当要求移动用户完成一个字段时,其设备显示适当的键盘(例如数字表示电话号码)。对于移动设备,这消除了摩擦源,因为它消除了用户选择不同键盘的需要。与表单设计相关的八个输入掩码是:

  1. 文本–显示正常设备键盘
  2. 电子邮件–显示普通键盘加上“@”和“.com”
  3. 电话–显示数字0-9键盘
  4. 数字–显示带有数字和符号的键盘
  5. 密码–在键入字符时隐藏字符
  6. 日期–显示手机的日期选择器
  7. datetime–显示手机的数据和时间选择器
  8. 月–显示手机的月/年选择器

B:设计和结构:

6。多步骤表单通常执行单步表单。

在大多数情况下,将一个单步Web表单拆分为两个或三个步骤将提高完成率。单步表单通常不适合用户,除非他们只是一个电子邮件捕获表单。这有三个核心原因:

  • 有许多输入字段需要填写的长表单可能会让用户感到不快,尤其是在移动设备上。
  • 用户看到自己离完成一项任务的距离有多近,比看到自己进展了多远更有动力(见目标梯度效应)。使用进度条显示进度以及客户完成表单的程度(即即使在Web窗体的第一步也显示进度)。
  • 通过将一个长表格分成多个步骤,您可以询问敏感信息(例如个人信息)。一旦用户完成了多阶段形式的第一步,他们就更有可能完成其他步骤,因为他们已经进行了情感投资。这被称为沉没成本谬误.

Casumo网上赌场,决定通过每一步问一个问题,使这种方法达到其自然结论。为了避免信息过载并允许用户一次只关注一个问题,casumo在单独的页面上为每个输入字段提供服务。

Casumo.com的每页一个问题注册表最大限度地减少了用户的注意力分散
casumo.com 12步注册表

你可能认为创建一个12步的Web表单对于用户来说是不合适的,但是从Casumo的附属页面来看,他们的转化率似乎非常高。此外,可用性研究英国政府的数字服务发现每页一个问题的方法始终对他们的用户最有效。

我们不知道这个策略是否有一个最佳的页面数量,所以在复制这个方法时可能需要注意一些。

7。单列表单优于多列表单:

大多数A/B测试表明,单栏Web表单优于双栏布局。这可能是因为多栏布局更容易分散用户的注意力,因为他们的眼睛一次被吸引到多个问题上。然而,对于日期(例如出生日期)和时间,用户希望这些字段位于同一行。

8。删除所有非强制字段:

这就是为什么你的网络表单上的输入字段越多,完成率就越低的原因。删除非必要字段,如性别,密码确认和任何其他不需要用于任何监管或关键业务目的的字段都可能导致表单完成率的显著提高。对每一个领域都要无情地评估,如果不是绝对必要的话,就把它除掉。

9。明确标注可选问题:

尽管我建议您删除可选字段或将它们移到用户旅程的另一个阶段(例如确认页)。一些组织出于合规性或其他原因坚持使用它们。然而,如果要求用户使用占位符来明确说明它们是可选的,这样用户就可以决定是否希望完成它们。

来自lizearle.com的签出表单的图像,其中包含带标签但非可选字段的必需字段
图像来源:

上面这个例子来自丽兹厄尔清楚地标记强制字段,但无法标记一个可选字段(电话)。这可能会导致不确定是否需要完成该字段。只需在字段右侧显示“可选”一词,就可以消除任何不必要的不确定性。

10。不要重复问题:

这与上述要点有关,因为不必重复任何问题。除了烦人的用户,重复域只会增加表单的长度。

如何让用户确认电子邮件是正确的图像
图像来源:

而不是要求用户重新输入他们的电子邮件地址或密码,只需将其显示为默认设置(即显示字符),如有必要,要求他们使用单选按钮或其他适当的CTA确认是否正确。

此外,如果您还自动向用户发送登录信息的电子邮件,则无需要求他们确认表单上的详细信息是否正确。

11。将密码字符显示为默认值:

大多数输入错误都是因为用户看不到他们键入的内容,所以不要隐藏用户密码的字符。将“显示密码”设置为默认体验。

在这里,我们可以看到亚马逊的登录Web表单是如何随着时间的推移而演变为默认显示密码字符的。

Amazon.com的登录表单随着时间的推移发生了变化,将密码字符显示为默认值。
图像来源:

12。请给出用户填写表单的明确原因:

DanAriely的研究发现,如果人们没有目标或目的很少,那么他们完成任务的动机就会降低。确保你为完成你的表格提供明确的好处,从而帮助激励用户,不管是免费的电子书,定期更新或兑现凭证。

在bettinexpert.com的下面测试中,米迦勒阿加德通过修改表单标题来传达访问者应该注册的明确原因,提高了32%。

Bettingexpert.com注册表格的图像,原因登记清晰
图像来源:

13。应用条件逻辑减少表单长度:

条件逻辑是指只有访问者以某种方式回答了前面的问题时才显示问题的地方。这种方法缩短了表单长度,并防止用户被问到可能引发放弃的无关问题。

如何提问以获得改善博客注册的承诺示例
图像来源:

14。将字段标签与输入框的左上角对齐。

UX研究人员谷歌发现左上侧对齐的标签显著提高了表格的完成度。他们认为这可能是因为它减少了用户所需的视觉固定的数量。

15。除非绝对需要,否则不要询问电话号码:

询问个人数据总是有问题的,但许多用户特别关注将电话号码输入表单。研究表明,增加一个电话号码可以减少5%之间的形式转换。(不反弹)至49%(生命设计

16。为相关问题创建分区:

通过将相关问题分组到相同的部分或步骤,创建表单的逻辑流。这有助于设定所请求信息类型的期望值,并应避免客户对您提出的问题感到惊讶。

17。使用智能默认值:

当询问国家或电话号码等问题时,您应根据用户的IP地址提供默认国家或电话代码。

使用地理位置的智能默认图像
图像来源:

18。避免拆分单个输入字段:

将输入字段拆分为单独的块(例如将邮政编码分为两个输入字段,或者为电话号码的区号提供一个单独的字段)。这会增加用户必须点击的次数,并且某些用户可能会认为这个划分不合逻辑。此外,它还可能会对所需内容产生不确定性。

如何将移动窗体上的多个字段压缩为单个字段的图像
图像来源:

例如,如果您必须申请分机号码,将其隐藏在窗体控件后面,而不是显示为默认值。隐藏不相关的表单控件已被证明可以降低错误率并提高表单完成率。

19。明确说明您需要敏感信息的原因:

由于隐私权是许多用户的主要关注点,因此,请给出请求任何敏感个人信息的合理理由,这一点很重要。请求背后的原因应显示为工具提示或字段下面的支持文本。

20。当有大量预定义选项时启用预测性搜索:

当用户面临选择火车站时,城市,国家,职业或其他有很多预先定义选项的职业,如果有一个预测性搜索功能来最小化打字和认知负荷,这将是一个更好的用户体验。

Virgintrins.co.uk上火车站的预测搜索图像
图像来源:

21。选择尽可能减少完成问题所需点击次数的字段类型:

通常,点击次数越多,完成率越低。因为这个原因作者建议使用下拉菜单作为最后的用户界面。对于出生日期或时间问题,下拉菜单需要分别单击3次或更多次才能打开每个下拉菜单。如果使用多日期选取器菜单(请参见下图),只需单击一次即可访问字段中的所有列。

多个日期选取器的图像
图片来源:32red.com

  • 当有多个选项但只能选择一个选项时,请使用单选按钮。
  • 如果可以选择多个选项,请使用复选框。总是垂直堆叠单选按钮和复选框,因为与水平显示相比,它可以更快地处理它们。
  • 使用步进器小增量而不是下拉菜单。
  • 表视图适用于短列表。
  • 下拉列表通常用于具有六个以上选项的列表。然而,对于长列表(例如国家/地区)如果知道大多数用户选择的选项以字母开头,靠近字母结尾(例如美国或英国)。

22。避免使用占位符文本:

占位符是显示在字段中的浅色文本,用于指导用户如何完成字段。它们通常用于减少有关字段所需格式或内容的任何不确定性。

设计师喜欢占位符文本,因为它可以通过删除字段标签来减少视觉混乱。然而,可用性研究尼尔森诺曼集团已经表明它会导致许多可用性问题。例如,这使得用户很难记住应该在字段中输入哪些信息,以及检查和修复错误。

23。始终显示字段名:

描述所需信息性质的标签应始终在输入字段之外可见,不应替换为占位符。使用占位符作为字段标签是有问题的,因为一旦用户开始向字段中输入文本,占位符文本就会消失。这意味着用户将不得不依靠他们的内存来记住预期的信息。

为了节省空间,一些Web窗体使用内联标签,因为这些标签总是可见的。这是唯一需要删除字段标签的情况。

24。文本字段的长度应反映问题的性质:

调整文本字段的长度以允许用户输入的文本量非常重要。例如,电话号码字段应短于地址字段。例如,在退货单中,如果没有足够的空间输入损坏性质的完整解释或请求的其他信息,用户可能会感到恼火。

25。使用地址查找服务进行地址验证和完成:

通过使用地址查找和验证服务.这些工具现在可以在用户开始键入详细信息时建议地址,或者用户可以输入邮政编码或邮政编码以从可用选项中进行选择。

http://uk.lizearle.com上的地址查找器图像/
图像来源:

26。点击图片是一种有趣的提问方式:

铅铅的发现可选择的图像是提问的最吸引人的方式之一。下面的动物朋友保险使用不同动物的图像,使过程更具吸引力。

来自animalffriends.co.uk的图片,使用字符提问
图像来源:

27。使用欢迎页面引导用户进入下一步:

您的感谢页面应该用于引导访问者进入您希望他们采取的下一步行动。使用感谢页面清楚地传达用户旅程中的下一步,这样访问者就可以在不确定下一步要做什么的情况下继续下去。

28。使用封装来减少干扰:

包封使用格式,方向提示,盒,颜色或阴影以形成一个形状,以消除干扰并提高突出度。这通常意味着移除横幅,广告,社交媒体图标和其他可能会使用户离开表单的链接。主导航通常也是隐藏的,尽管这是值得A/B测试的,因为有时用户会对删除的所有退出点做出负面反应。

可用性:

29。不要使用验证码:

Captchas(完全自动化的公共图灵测试,用于区分计算机和人)被发现可以显著降低表单完成率,因为它们降低了许多用户的可访问性。在一学习结果发现,去掉传统的单词格式验证码转换,提高了3.2%。

wrexhamfc.co.uk上的captcha图片
图像来源:

Captchas还会问一些令人沮丧的问题,比如“你是机器人吗?”这会给用户带来不安,增加认知负担。Captchas是处理表单上垃圾邮件的一种懒惰方法,因为它将防止垃圾邮件的责任推给了用户。除了电话或电子邮件验证,有许多其他方法可以保护您的网站不受垃圾邮件和僵尸程序的影响,包括创造一个蜜罐(使用一个隐藏的领域)。

30。避免只使用颜色进行交流:

十二分之一(8%)的男性和不到1%的女性患有色盲,这意味着他们无法区分某些颜色。红绿色盲是最常见的形式。这意味着黄色和绿色显得更红,用户发现很难区分紫色和蓝色。

当使用颜色进行交流时,例如,对于输入错误和进度指标,确保显示文本和/或图标以确保消息的清晰度。

31。使用跨浏览器检查工具:

检查表单是否在所有主要设备和浏览器上工作和呈现。当我查看一个主要的宾果游戏网站时,我注意到新网站发布后,Web表单页面的加载速度增加了一倍。当开发人员调查这个问题时,他们发现表单没有在Internet Explorer中正确加载。

查看此日志中的跨浏览器检查解决方案:12个跨浏览器工具,以促进转换.

32。允许用户使用Tab键浏览表单:

残疾用户通常依赖于由tab键操作的软件在问题之间移动。

33。为用户可能难以理解的问题提供解释:

许多表单都有特定于部门的问题,用户可能难以立即理解。其中一些问题是强制性的,出于监管和合规的目的是必要的。使用清晰可见的解释,例如当用户悬停在问题上时显示的工具提示。

34。避免闪烁的资产或文本:

闪烁或移动按钮和文本可能会让用户分心,因为我们的大脑经过编程,一旦发出某种威胁信号,就会对移动做出反应。此外,如果一个资产每秒闪烁两次以上,也可能导致某些人的癫痫发作。

35。使用里程碑提交请求其他信息:

里程碑提交允许用户在表单中的某个步骤时继续提供附加信息。这允许您从表单中删除非强制信息,但是,然后给那些希望继续输入附加信息的用户提供机会。

jackwills.com确认页面的图像,允许用户在此里程碑创建帐户
图像来源:

杰克将在结帐表中有效地使用这种方法。而不是强迫访问者在购买前注册帐户,该网站在“购买确认”页面上询问客户是否希望设置密码并创建帐户。这样可以确保建立帐户不会阻止客户购买商品。

36。确保字段和背景之间的高对比度:

由于许多网站上的大多数用户现在都在移动设备上,因此,特别重要的是Web表单的设计要在字段和背景之间具有良好的对比。否则,用户可能很难在阳光明媚或光线不足的情况下找到合适的水龙头。

37。不要自动前进到下一个问题:

由于自动前进(自动进入下一个问题)在大多数表单上都不是标准的,因此它不被期望,用户可能会感到不快。

38。没有为所有字段打开拼写检查器:

为用户名等输入字段激活拼写检查器或自动更正,电子邮件地址或名称对用户来说可能非常烦人和令人沮丧。只有当对绝大多数用户明显有利时,才激活拼写检查和自动更正。

39。允许浏览器自动填充:

像Google Chrome这样最流行的浏览器现在保留了一些个人信息,允许你使用它们的自动填充功能。这可以节省用户在表单中输入个人信息的时间,但您必须使用浏览器识别的术语(例如“名字”或“城市”)。

40。监视窗体的加载速度:

谷歌的研究表明,加载速度对于防止用户放弃你的网站很重要。表单页面是一样的,确保您为负载速度优化它们。免费使用谷歌开发者工具或者你的网络分析来监控负载速度。

41。视觉提示和可识别的图标可以提高可用性:

人们不在网站上阅读文本;他们扫描它以节省时间。显示视觉提示可以帮助用户,因为我们处理视觉图像的速度比文本快。然而,不要发明新的图标,就好像它们还不是常用的一样。访问者不会立即识别它们,而且图标可能会减慢认知处理速度,并使用户感到困惑。

D:数据处理和错误消息:

42。解释格式要求:

不要太拘泥于如何输入数据,以符合您对字段“正确”格式的理解。人们对电话号码等字段使用各种不同的格式(例如+44 1829 281771年,01829 281771,+ 1829 281771)。为了使表单用户友好,让程序员在输入数据后使用规则将其转换为一致的格式,而不是强制人们遵守后端系统已配置为。

此外,显示工具提示以向用户显示正确的格式。

43。完成字段后立即使用内联验证并显示错误消息:

错误消息应该是内联的(在字段的右侧)。并且应该在用户完成一个字段后立即显示,以防止他们点击CTA表单。验证也不应该是实时的,否则在访问者完成字段之前,这将报告一个错误。建议在用户进入下一个字段后500毫秒左右显示错误消息。

移动表单上的内联验证图像
图像来源:

E:说服性设计:

44。第一印象计数:

参观者希望你的表格看起来专业和设计良好。不要在设计质量上偷工减料,因为第一印象很重要,糟糕的设计确实会让人担心一个网站有多值得信赖。

设计不良的登录屏幕图像
图片来源:partycasino.com

partycasino.com上的这个欢迎页面给人留下了这样的印象:屏幕设计中几乎没有考虑过什么。在页面设计中投入这么少的精力,用户对存款的反应可能会降低。

45。使用降低风险的工具来管理预期并防止用户焦虑:

人们经常担心填写Web表单,如果处理不当,这些表单会显著降低完成率。他们会把我的电子邮件地址传给其他公司吗?我需要输入信用卡的详细信息吗?输入我的电话号码后,我会接到销售电话吗?完成这张表格需要多长时间?

显示适当的风险降低工具,如“不需要信用卡”,“无需押金”或“无预订费”,在行动呼吁或以下。

不同类型CTA的图像

46。避免负面影响:

小心避免负面影响,如CTA附近不必要的图形元素,当用户考虑到其含义时,可能会导致短暂的停顿。不要在隐私声明中使用带有负面关联的停止词,例如“垃圾邮件”。

带有隐私声明变体的bettinexpert.com的A/B测试图像
图像来源:

大多数人都希望显示一条隐私信息,让访客放心,他们不会被垃圾邮件扫除,这是个好主意。好,你错了,作为米迦勒阿加德发现添加一条隐私信息可以减少将近19%的表单转换。“垃圾邮件”这个词有着强烈的负面含义,似乎会自动引起用户的关注。

47。除非您要求付款,否则请避免使用安全印章:

在表格上显示安全印章时要小心,因为这可能会引起对现场安全的不必要担忧。此外,安全封条与付款有关,因此访客可能认为您将在填写表格时要求付款。我看到过一些A/B测试,在付款页之前添加一个安全印章实际上降低了表单完成率。

48。使用实时聊天为表单上的用户提供即时支持:

实时聊天是一个强大的工具,可以帮助用户实时回答任何问题或处理填写表单时遇到的问题。在表单附近显示实时聊天窗口,因为它有助于建立社会证明,并可用于收集用户遇到的任何问题的实时反馈。

Betfair.com注册表上的实时聊天图片
图片来源:betfair.com

49。利用社会证据建立信誉:

显示社会证据,如客户数量(如大)推荐信,知名合作伙伴或客户的标识;奖励或社交媒体喜欢/分享您的表格。人有坚强群居本能因此,相关和有说服力的社会证据可能非常有说服力。

50。在多步骤表单上显示进度指示器:

心理学家的研究表明,人们对完成一项任务的兴趣远大于他们所取得的进展(见目标梯度效应

AnimalFriends.co.uk上的进度指示器图像
图像来源:

进度指标已经被证明可以提高完成率,因为它们可以通过交流与完成表单的距离来减少访问者的焦虑。此外,已经显示,用已经取得的一些进展启动进度条也可以提高完成率。

51。清楚地标明步骤数量和进度:

为了充分利用目标渐变效果,请确保清楚地显示步骤总数以及访客当前所处的步骤,以消除任何不确定性。在下面的示例中,您可以清楚地看到进度指示器显示步骤的数量,CTA文本通过说明下一步是什么来加强这一点。

partypoker.com注册表的图像,显示步骤数和用户所在的步骤
图片来源:partypoker.com

52。注意过渡速度:

注意不要有太快的转换速度,因为如果转换速度太快,用户可能不会注意到表单已移动到下一步。

F:行动要求:

53。行动号召应该完成“我想……”这句话。

使用与用户希望通过点击或点击CTA实现的目标相匹配的动词。避免“提交”或“发送”等模棱两可且笼统的文本,因为这些文本不会激发行动。理想情况下,按钮上的文本应该从客户的角度回答“我想”的问题。

例如,如果网络表单创建新帐户,CTA副本可以是“创建我的免费帐户”。通过使用“我的”而不是“你的”这个词,使副本更个人化,有时也可以改进转换。

54。使您的行动要求看起来像一个按钮:

将CTA设计成一个按钮的样子,可以消除对它可点击性的任何不确定性,使其从输入字段中脱颖而出。发现超链接可以显著降低点击率。此外,通过将CTA的宽度与输入字段的宽度相同,有助于确保其突出显示并易于在屏幕上定位。

行动号召示例图像

55。行动要求应突出页面:

网络表单上的行动要求颜色会对转换率产生影响,但通常这是由于按钮颜色和背景之间缺乏对比。为了避免这个问题,请使用与Web表单背景色具有高对比度的颜色,理想情况下,该颜色尚未在页面上使用。

56。对问题使用逻辑顺序:

按逻辑顺序排列问题以帮助完成表单,并且不要自动遵循后端系统的顺序。例如,使用与信用卡或借记卡上显示的信息相同的顺序(即卡号,生效日期:到期日期和安全代码)。对于字段值,请考虑使用频率,并在可能的情况下首先列出最常见的值。要帮助键盘用户测试tab键导航,以检查它是否遵循正确的字段顺序。

57。不要使用“重置”,“取消”或“清除”按钮:

避免将不必要的取消或清除Web表单的CTA包括在内,这样会造成用户意外删除其输入的所有信息的风险。这对用户来说是令人沮丧的,大多数人都知道他们可以通过刷新页面来清除表单。

此注册页来自电子商务网站丽兹厄尔在左下角有一个“取消”按钮。这是不必要的,而且会有用户误点击的风险。

使用“取消”按钮在lizearle.com上注册表格的图像
图像来源:

58。不要自动选择将用户加入您的邮件列表:

自动注册邮件列表的访问者会迫使用户额外单击以选择退出,并可能导致担心您将向他们发送垃圾邮件。您还应该避免诱使用户同意接收促销材料,因为这也会损害对您组织的信任。

Unclick在Littlewoods.com上接受营销宣传的形象
图像来源:

我在Littlewoods.com上看到了这个例子,它试图自动将用户注册到他们的邮件列表中。

59。避免与CTA相邻的复杂法律信息:

在CTA旁边显示冗长而复杂的法律免责声明可能会引起焦虑,并使用户无法完成Web表单。在可能的情况下,将它们组合成一条消息,并尽可能简洁。

下面您可以看到威廉希尔如何使用链接来最小化接受条款和条件的文本量。另一方面,Betfair有更多的文本,这可能是相当令人讨厌的。

来自williamhill.com和betfair.com的法律信息图像

60。单击一次后禁用表单提交CTA:

第一次单击后立即禁用Web表单提交CTA。这可以防止重复点击CTA导致数据被重新提交和/或用户信用卡上发生多次收费。

61。发送确认电子邮件:

应使用确认电子邮件来加强您的欢迎或确认页面传达的关键信息和行动。这是您在客户电子邮件收件箱中建立权限的机会。确保您有电子邮件自动应答器建立与新客户建立长期关系的周期。

62。重新定位放弃您表格的访问者:

别忘了有一个重新定位战略准备好处理那些放弃你的表格的访客。有一些解决方案可以实时向放弃表单的用户发送电子邮件,并使用现场再营销技术为未登录的客户获取电子邮件地址。同样值得考虑重新定位广告。

结论:

Web表单已经成熟,可以进行测试。对于流量合理的站点,我建议您定期A/B测试表单设计,以提高其性能。通过A/B或多变量测试验证更改有助于确保您所做的更改改善了您的成功指标,而不仅仅是推送更多不盈利的用户。

因此,不要将成功指标设置为Web表单完成,但是也可以测量最重要的转换度量(例如销售或平均订单价值)。然后,您可以确定所做的更改是否影响您的底线,是否值得实施。

谢谢你阅读我的帖子,希望你觉得它有用。如果你喜欢这篇文章,请使用下面的社交媒体图标分享。

你可以看到我的全部这里是数字营销和优化工具箱.

浏览链接到我在一页上的所有文章请点击这里.

  • 作者简介:Neal提供数字营销优化咨询服务,并为等品牌工作。深网foxybingo.com.V.Y.CO.U.、partypoker.com和bgo.com。他使用各种技术,包括网络分析,人物角色,客户行程分析和客户反馈,提高网站的转化率。

关于“1”的思考优化转换的Web表单设计最佳实践

亚历克斯2017年6月22日上午7:29

嘿,尼尔,真是个好职位。您介绍了创建一个完全优化的注册表单所需的每一点,该表单可以很好地转换和解释它们。我同意你在这里的每一点,我真的很感谢你为这个有价值的职位所做的努力。

注释已关闭。

现在就打电话给我!