由- 尼尔科尔

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

com的每页网页表单都会有一个问题,这样可以最大限度地减少用户的分心。

62 Web表单设计最佳实践:

是否是联系方式,登记表或退房手续,web表单可能是转换的重要障碍。即使是一个简单的选择进入网络形式也会产生摩擦和焦虑,关于在网上输入个人信息。

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

在这篇文章中,我概述了62个提高网页表单设计和完成率的最佳做法。如果可能的话,在向所有用户推出之前,使用A/B或多变量测试验证更改。如果你的完成率相对较差(例如:少于40%)然后尝试重新设计你的表单,看看你能否在转换中获得大的提升。如果你的表现很糟糕,没有必要浪费时间做一点改变。

在开始优化Web表单之前:

在向他们索取任何信息之前,确保你的潜在客户已经准备好完成你的网络表格。从客户的角度考虑用户旅程,避免围绕内部流程设计站点。

不要让从客户捕获数据的愿望超出用户的目标。例如,在电子商务网站上,潜在客户正在寻找购买商品,所以如果允许他们作为客人购买,不要强迫他们注册。你可以收集大部分,如果不是全部,在结账网页表单中你需要的数据。现场聊天对于想提问或请求帮助的游客?这允许与客户服务进行实时交互,而不是依赖于电子邮件通知,这造成响应延迟。

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

为了方便您找到您正在寻找的内容,我按照以下方式组织了这篇文章。单击要去的部分标题。

A:移动Web表单:

  1. 手机第一:

为了设计最佳的用户体验,可以采取手机第一因为小的屏幕尺寸使它们成为最具挑战性的创建。从移动设备开始,它迫使设计师和市场营销人员无情地优先考虑用户需求。

移动先定义图像

大多数访问发生在移动设备上的web表单必须是移动友好的,并且内容不应该仅仅从桌面站点复制过来。让访问者压缩缩放到表单中是一种糟糕的用户体验,因此请检查表单是否正确地在最流行的移动设备上使用交叉浏览测试解决方案.

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

几年前,我在评估一个品牌的桌面和移动用户旅行时,发现我只能在他们的桌面站点而不是他们的移动应用程序上传KYC(了解你的客户)验证文档。使用手机的照相机拍下我的文档,然后立即上传到应用程序中,而不用留下表单,这样会容易得多。但不幸的是,该应用程序没有桌面站点相同的功能。

对于客户来说,这是非常令人沮丧和失望的经历,因为越来越多的网站访问者是移动用户。移动设备具有许多特性,例如地理位置和照相机,这些特性应该得到充分利用,以最小化表单上请求的信息量。

例如,结合如下所示的技术,扫描信用卡和借记卡的详细信息,而不是使用户手动输入信息。这不仅加快了结账速度,而且经常会降低结账放弃率。

为移动应用程序扫描信用卡以减少Web表单上的摩擦的图像
图像来源:

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

Google建议点击目标,例如输入字段和按钮,应该至少有48像素高,因为这与平均的手指垫大小相对应大约10毫米宽.然而,有没有普通用户因此,如果可能的话,允许稍微高一点的轻敲目标为那些稍微厚一些的手指。

4。不要使用16px以下的字体:

即使更多最新的智能手机有更大的屏幕(例如。4.7英寸)不要忘记,许多用户仍然有屏幕更小的设备(例如。4英寸)使得16px以下的文本难以阅读。因此,使用大小最小为16px的文本。

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

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

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

B:设计和结构:

6。多步表单通常优于单步表单。

在大多数情况下,将一个步骤的网页表单分解成两到三个步骤将提高完成率。除非是简单的电子邮件捕获表单,否则单步表单往往会使用户感到厌烦。这有三个核心原因:

  • 有许多输入字段需要完成的长表单可能会让用户感到不快,特别是在移动设备上。
  • 用户通过看到他们离完成任务有多近比他们进展了多远更有动力(参见目标梯度效应)。使用进度条显示进度,以及客户完成表单的距离。甚至在网页表单的第一步显示进度)。
  • 通过将长表单分成多个步骤,您可以询问敏感信息(例如:(个人信息)最后一步。一旦用户完成了多阶段表单的第一步,他们更有可能完成其他步骤,因为他们已经进行了情感投资。这称为沉没成本谬误.

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

com的每个页面注册表单上的一个问题最小化了用户的分心。
com 12步注册表

您可能认为创建12步的网页表单对于用户来说是令人讨厌的,但是从Casumo的联属页面来看,他们似乎有很高的转换率。此外,由英国政府的数字服务发现每页一个问题的方法始终对用户最有效。

我们不知道的是,这个策略是否存在最佳页数,因此在复制这种方法时可能需要采取一些谨慎。

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

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

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

毫无疑问,您在网页上的输入字段越多,完成率就越低。去除非必要的领域,如性别,密码确认和任何其他不需要用于任何监管或关键业务目的的字段可以显著提高表单完成率。对每个领域都要进行无情的评估,如果不是绝对必要的话,就把它扔掉。

9。明确标记可选问题:

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

来自LizEarle.com的签出表单的图像,其中标有必需字段但不是可选字段
图像来源:

上面的示例来自丽兹厄尔明确标注强制字段,但是未能标记一个可选字段(电话)。这可能造成关于是否需要完成该字段的不确定性。通过简单地在场的右边显示“可选”这个词,我们消除了任何不必要的不确定性。

10。不要重复问题:

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

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

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

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

11。默认显示密码字符:

大多数输入错误发生是因为用户无法看到自己键入了什么,因此不要隐藏用户密码的字符。设置“显示密码作为默认体验。

在这里,我们可以看到,随着时间的流逝,亚马逊的网络形式的标志如何演变为默认显示密码字符。

关于Amazon.com的签名形式如何随着时间改变以显示默认的密码字符的图片
图像来源:

12。给出用户为什么应该完成表单的明确原因:

Dan Ariely的研究发现,如果人们很少或根本没有目标,那么他们完成任务的动力就会减弱。确保您通过为完成表单提供明确的好处来帮助激励用户,不管是免费的电子书,定期更新或兑换凭证。

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

Betting..com的图片注册表带有清晰的原因注册表
图像来源:

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

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

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

14。将字段标签对齐到输入框的左上侧。

UX研究人员在谷歌发现在左上侧对齐的标签显著改善了表单完成。他们认为这可能是因为它减少了用户所需的可视修复的数量。

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

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

16。为相关问题创建小节:

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

17。使用智能默认值:

当询问诸如国家或电话号码之类的问题时,您应该基于用户的IP地址提供默认的国家或电话代码。

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

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

将输入字段分割成单独的块(例如。将邮政编码分成两个输入字段或具有用于电话号码的区域代码的单独字段)。这增加了用户必须进行的点击次数,并且某些用户可能认为划分不合逻辑。此外,这还可能会造成关于所需内容的不确定性。

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

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

19。明确说明你为什么需要敏感信息:

由于隐私是许多用户最关心的问题,所以您必须给出请求任何敏感个人信息的有效理由。请求背后的原因应该显示为工具提示或字段下面的支持文本。

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

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

英国维珍火车站预测搜索图片
图像来源:

21。选择字段类型,以尽量减少完成一个问题所需的点击次数或点击次数:

一般来说,点击次数或点击次数越多,完成率就越低。因为这个原因作者建议使用下拉菜单作为最后手段。对于出生日期或时间问题,下拉菜单将需要3个或更多个单独的点击打开每个下拉菜单。如果使用多个日期选择器菜单(参见下面的图像),则只需单击一次即可访问字段中的所有列。

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

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

22。避免占位符文本:

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

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

23。始终显示字段名称:

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

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

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

调整文本字段的长度以允许用户输入的文本量非常重要。例如,电话号码字段应该比地址字段短。例如,在返回表单中,如果没有足够的空间输入对损坏性质的完整解释或已请求的其他信息,用户可能会生气。

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

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

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

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

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

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

27。使用欢迎页面指导用户进行下一步:

你的感谢页面应该用来引导访问者到你希望他们采取的下一步行动。使用感谢页面清晰地传达用户旅程中的下一步,以便访问者能够继续进行而不用对下一步做什么有任何不确定性。

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

包封使用格式化,方向提示,盒,用颜色或阴影来构筑窗体,以消除干扰,提高突出度。这通常意味着删除横幅,广告,社交媒体图标和其他可能导致用户离开表单的链接。主导航也常常是隐藏的,虽然值得A/B测试这种变化,因为有时用户可能会对被移除的所有出口点作出消极响应。

可用性:

29。不要使用CAPTCHA:

CAPTCHAs(完全自动化公共图灵测试告诉计算机和人类分开)已经被发现显著降低表单完成率,因为它们降低了许多用户的可访问性。在一学习结果表明,通过去除传统字形CAPTCHA格式,CAPTCHA格式的转换率提高了3.2%。

英国wr.mfc.co.uk上的CAPTCHA图像
图像来源:

CAPTCHA也提出令人沮丧的问题,比如你是机器人吗?“这会造成不安,增加用户的认知负荷。CAPTCHAs是处理表单上垃圾邮件的一种懒散方式,因为它将防止垃圾邮件的责任交给用户。除了电话或电子邮件验证,还有许多其他方法可以保护您的网站免受垃圾邮件和僵尸攻击,包括创建一个蜜罐(使用隐藏字段)。

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

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

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

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

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

查看本文中的跨浏览器检查解决方案:12种增强转换的跨浏览器工具.

32。允许用户使用选项卡键导航表单:

残疾用户通常依靠由选项卡键操作的软件在问题之间移动。

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

许多表单都有用户可能难以立即理解的特定于扇区的问题。这些问题中的一些是强制性的,并且出于监管和遵从性的目的而需要。使用清晰的视觉解释,如工具提示,当用户悬停在问题上方时显示。

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

闪烁或移动按钮和文本可以非常分散用户的注意力,因为我们的大脑被编程为响应运动,以防它发出某种威胁的信号。此外,如果一个资产每秒闪烁两次以上,它也可能导致一些人的缉获。

35。使用里程碑提交请求附加信息:

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

Jackwills.com确认页面的图片,允许用户在这个里程碑上创建帐户
图像来源:

Jack Wills在结账表单中有效地使用这种方法。而不是强迫游客在购买前注册账户,该网站在购买确认页面上询问客户是否希望设置密码并创建帐户。这确保了建立帐户不会阻止客户购买商品。

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

由于现在许多网站上的大多数用户都使用移动设备,因此特别重要的是,设计Web表单时要在字段和背景之间形成良好的对比。否则,用户可能很难看到在明亮的阳光或微光情况下在哪里敲击。

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

由于自动推进(自动转到下一个问题)在大多数表单上都不是标准的,因此它不是预期的,并且对于用户来说可能是令人讨厌的。

38。不要打开所有字段的拼写检查器:

激活拼写检查器或自动更正输入字段,如用户名,电子邮件地址或姓名对于用户来说可能非常令人烦恼和沮丧。只有激活拼写检查器和自动更正时,它显然是有益的绝大多数用户。

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

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

40。监视表单的加载速度:

Google的研究表明,加载速度对于防止用户放弃你的站点很重要。表单页是一样的,请确保您对负载速度进行了优化。使用谷歌的免费服务开发者工具或者通过web分析监视负载速度。

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

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

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

42。解释格式化要求:

不要对如何输入数据规定得太多,以适应您对字段的“正确”格式的看法。人们在电话号码等字段中使用各种不同的格式。+44 1829 281771,01829 281771,,+ 1829 281771)。为了使表单用户友好,让程序员在输入数据后使用规则将数据转换为一致的格式,而不是强制人们遵从后端系统已经配置为。

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

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

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

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

E:有说服力的设计:

44。第一印象很重要:

参观者希望您的表单看起来很专业,设计也很好。不要忽视设计的质量,因为第一印象很重要,糟糕的设计确实会产生网站可信度的焦虑。

设计不良的屏幕签名图像
图片来源:Partycasino.com

这个在partycasino.com上的欢迎页面给人的印象是,在屏幕的设计中几乎没有什么想法。当对页面设计投入如此少的努力时,用户很可能对付押金的提议反应较弱。

45。使用风险降低器来管理期望并防止用户焦虑:

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

显示适当的风险降低器,例如不需要信用卡,“不需要押金或“无预约费在行动呼吁之上或之下。

不同类型CTA的图像

46。避免负面影响:

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

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

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

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

在表单上显示安全印章时要小心,因为它可能引起不必要的现场安全顾虑。此外,安全印章与支付相关,因此访问者可能认为您在完成表单期间将要求支付。我看过许多A/B测试,其中在支付页面之前添加安全封条实际上降低了表单完成率。

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

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

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

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

显示社会证据的证据,如客户数量(如大),推荐信,知名合作伙伴或客户的标识,奖项或社交媒体喜欢你的形式。人有强者群居本能因此,相关和令人信服的社会证据可能非常有说服力。

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

心理学家的研究显示,人们在完成一项任务时的距离远比他们取得的进步更有动力(参见目标梯度效应

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

进度指标已经显示出可以提高完成率,因为它们通过传达他们离完成表单的距离来减少访问者的焦虑。此外,以已经取得的一些进展开始你的进度条已经显示出可以提高完成率。

51。显然,路标数目的步骤和进展一起:

为了从目标渐变效果中充分受益,请确保您清楚地显示步骤的总数以及访问者当前正在执行哪个步骤以消除任何不确定性。在下面的示例中,您可以清楚地看到进度指示符显示了步骤的数量,CTA文本通过说明下一步的内容来加强这一点。

partypoker.com注册表单的图像,其中显示了步骤的数量和用户正在执行的步骤
图片来源:partypoker.com

52。注意过渡速度:

注意不要过渡速度太快,因为如果表单太快,用户可能不会注意到它已经移动到了下一步。

F:呼吁采取行动:

53。诉诸行动应完成句子我想……”“

使用与用户希望通过单击或轻击CTA实现的内容匹配的谓词。避免含糊和概括的文本,如提交“或““发送”因为这些不能激发行动。理想情况下,按钮上的文本应该回答这个问题。”我想“从客户的角度来看。

例如,如果网络表单创建了一个新帐户,CTA副本可以是创建我的免费账户”.使用单词使复印件更加个人化我的“而不是“你的“还发现,有时可以改善转化率。

54。让你的行动号召看起来像一个按钮:

将CTA设计成按钮的样子可以消除可点击的不确定性,并使之突出于输入字段。超链接已经发现可以显著降低点击率。此外,通过给CTA提供与输入字段相同的宽度,它有助于确保它在屏幕上的显著位置和容易定位。

调用动作的示例图像

55。对动作的调用应该从页面中突出:

您在网页表单上的行动呼吁的颜色可以改变您的转换率,但通常这是因为按钮颜色和背景之间缺乏对比。为了避免这个问题,使用一种与网页表单的背景颜色具有高度对比度的颜色,并且最好在页面上还没有使用。

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

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

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

避免包括取消或清除您的网页表单的CTA,因为它们是不必要的,并创建风险,用户将意外地删除他们输入的所有信息。这对于用户来说是令人沮丧的,并且大多数人理解他们可以通过刷新页面来清除表单。

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

Lizearle.com上带有取消按钮的注册表单图像
图像来源:

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

自动登记访问者到您的邮件列表迫使用户进行额外的点击以选择退出,并可能造成焦虑,你会向他们发送垃圾邮件。您还应该避免欺骗用户同意接收促销材料,因为这也可能损害对您的组织的信任。

在Littlewoods.com上接收营销沟通的unclick图片
图像来源:

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

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

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

下面您将看到William Hill如何使用链接来最小化接受条款和条件的文本量。另一方面,Betfair有更多的文本,可能非常令人反感。

来自Williamhill.com和Betfair.com的法律信息图片

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

在第一次点击后立即禁用Web表单提交CTA。这防止了CTA上的重复点击,导致数据被重新提交和/或对用户的信用卡进行多次收费。

61。发送确认电子邮件:

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

62。重新定位那些放弃您的表单的访问者:

别忘了重新定位战略去处理那些遗弃你表格的访客。有一些解决方案可以实时地向放弃表单的用户发送电子邮件,以及现场再营销技术来为那些没有登录的客户捕获电子邮件地址。这也值得考虑重新定位广告。

结论:

Web表单测试已经成熟。对于任何流量合理的站点,我建议您定期进行A/B测试,以改进表单设计。通过A/B或多元测试验证更改有助于确保所做的更改正在改进成功度量,而不仅仅是推动更多无利可图的用户。

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

感谢您阅读我的帖子,我希望您发现它有用。如果您喜欢这篇文章,请使用下面的社交媒体图标进行分享。

你可以看到我的全部数字营销与优化工具箱.

浏览我所有的帖子都在一页上,请点击这里.

  • 关于作者:Neal提供数字营销优化咨询服务,并为深网,FoxBiGo.com,V.Y.CO.U.,partypoker.com和Bgo.com。他运用了各种技巧,包括网络分析,人物角色,客户旅行分析和客户反馈,以提高网站的转化率。

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

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

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

评论被关闭。

现在就打电话给我!!