通过- 尼尔科尔

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

Casumo.com网站每个用户只需一个问题就可以最大限度地减少分心

62网页表单设计最佳实践:

无论是联系表单、注册表单还是退房流程,web表单都可能是转换的一个重大障碍。在网上输入个人信息时,即使是一个简单的选择表单也会产生摩擦和焦虑。使用这些web表单的最佳实践来提高您的转化率

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

在本篇文章中,我概述了62个最佳实践,以提高您的Web表单设计和完成率。如果可能在向所有用户推出之前使用A / B或多变量测试进行验证。如果您的完成率相对较差(例如,小于40%),则尝试完全重新设计您的表单,以查看您是否可以在转换中实现大量隆起。如果您的表格是可怕的,则没有点浪费时间几乎没有变化。

在你开始优化你的网页形式之前:

确保您的潜在客户准备在向所有信息询问之前填写您的Web表单。从客户的角度看用户旅程,避免在内部过程中设计您的网站。

不要让获取客户数据的欲望凌驾于用户的目标之上。例如,在一个电子商务网站上,潜在客户希望购买商品,所以如果你允许他们以客户身份购买,就不要强迫他们注册。您可以在签出web表单中收集所需的大部分(如果不是全部的话)数据。提供在线聊天想要问问题或请求帮助的访客?这允许与客户服务进行实时交互,而不是依赖于会造成回复延迟的电子邮件通知。

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

为了让您轻松找到您正在寻找的内容,我将这篇文章如下所示。点击您希望转到的部分标题。

答:移动网络形式:

  1. 移动第一:

为了设计一个最佳的用户体验,它可能是适当的采取手机第一方法是因为小屏幕尺寸使它们成为创造最具挑战性的。通过以移动设备开头,它强制设计师和营销人员具有优先事项的无情,并专注于用户需求。

移动式定义的图像

由于大多数web访问都是在移动设备上进行的,因此web表单必须是移动友好的,内容不应该只是从桌面站点复制过来的。让访问者通过按压来放大一个表单是一种很糟糕的用户体验,所以请检查你的表单在最流行的移动设备上是否能够正确地呈现cross-browsing测试解决方案

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

几年前,我在评估一个品牌的桌面和移动用户旅程时发现,我只能在他们的桌面网站上传KYC(了解你的客户)验证文件,而不能上传到他们的移动应用程序上。用手机的摄像头拍下我的文件,然后在不离开表格的情况下立即上传到应用程序上,会更容易。但不幸的是,这个应用程序没有桌面网站的功能。

对于客户来说,这是一个非常令人沮丧和失望的体验,因为越来越多的网站访问者都是手机用户。我们应该充分利用移动设备的地理位置和摄像头等功能,最大限度地减少表格中所要求的信息量。

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

如何扫描信用卡的移动应用程序,以减少摩擦的网页形式
图片来源:

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

Google建议点击目标(如输入字段和按钮)应至少为48像素,因为这对应于平均手指焊盘大小大约10毫米宽. 然而,有没有一个普通的用户因此,如果可能的话,为那些手指较粗的顾客预留更多的点击高度。

4不要使用低于16像素的字体:

尽管越来越多的最新智能手机屏幕更大(如4.7英寸),但别忘了,许多用户的屏幕较小(如4英寸)的设备使16px以下的文本难以阅读。因此,使用最小为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步的网页表单会让用户反感,但从Casumo的会员页面来看,他们有一个非常高的转化率。此外,可用性研究由英国政府的数字服务发现每页一个问题的方法始终最适合他们的用户。

我们不知道的是,如果此策略存在最佳页面,因此在复制此方法时可能需要谨慎。

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

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

8.删除所有非强制性字段:

它认为,您在Web上的输入字段越越高,完成速率将越低。删除非基本领域,例如性别,密码确认和您不需要任何监管或关键业务目的的任何其他字段都可能导致表格完成率的重大改进。无情地评估每个领域,如果它不是绝对必要的,摆脱它。

9.明确标记可选问题:

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

从LizEarle.com与必需的字段标记,但不是可选字段的检查形式的图像
图片来源:

上面这个例子来自莉斯·厄尔清楚地标记了强制字段,但没有标记一个可选字段(电话)。这可能会造成是否有必要完成该字段的不确定性。通过简单地在字段的右边显示单词‘Optional’,我们消除了任何不必要的不确定性。

10.不要重复问题:

这是与上述一点有关的,因为它应该没有必要重复任何问题。除了让用户感到厌烦之外,重复字段只会增加表单的长度。

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

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

此外,如果您还自动通过电子邮件向用户发送他们的登录详细信息,则无法真正需要询问它们在表单上确认其详细信息。

11.默认显示密码字符:

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

在这里,我们可以看到亚马逊的签名在Web表单随着时间的推移,以显示密码字符作为默认值。

形象如何亚马逊网站的登录表单已随时间更改,以显示默认密码字符
图片来源:

12给出用户填写表格的原因:

丹阿吉的研究发现,如果他们几乎没有目的,人们就会减少才能完成任务。确保您通过为完成表格提供明确的福利来帮助激励用户,无论是免费的电子书,定期更新还是兑换凭证。

在BettingExpert.com的测试中,Michael Aagaard.通过修改表格标题,明确告知访客应该注册的原因,实现了32%的提升。

bettingexpert.com的图像注册表格与清晰的原因注册
图片来源:

13.应用条件逻辑以减少表格长度:

条件逻辑指的是,如果访问者以某种方式回答了早期的问题,则仅显示问题。这种方法缩短了形式的长度,防止用户被问及可能引发遗弃的不相关的问题。

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

14.将场标签对齐输入框的左上角。

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

15.除非绝对需要,否则不要要求电话号码:

询问个人数据始终有问题,但许多用户特别关注将电话号码输入到表单中。研究表明,添加电话号码可以减少5%之间的形式转换(Unbounce)至49% (重要的设计)。

16.为相关问题创建部分:

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

17.使用智能默认值:

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

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

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

将输入栏分隔成不同的区块(例如,将邮政编码分隔成两个输入栏,或将区号分隔成电话号码)。这增加了用户必须进行的单击次数,并且这种划分可能会被一些用户认为是不合逻辑的。此外,它还可能造成需要什么的不确定性。

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

例如,如果您必须要求分机号码,请将其隐藏在表单控件后,而不是将其显示为默认值。已显示隐藏无关紧要的形式对照,以降低误差率并提高表格完成。

19.清楚说明为何需要敏感资料:

由于隐私是许多用户的主要关注点,重要的是您提供了请求任何敏感个人信息的有效原因。请求背后的原因应显示为刀具提示或领域下方的支持文本。

20.启用预测搜索时,大量预先定义的选项:

当用户面对选择火车站、城市、国家、职业或其他有很多预定义选项的东西时,如果有一个预测搜索功能来最小化输入和认知负荷,会有更好的用户体验。

在virgintrains.co.uk上搜索火车站的预测功能
图片来源:

21.选择字段类型,最小化完成问题所需的点击次数或水龙头的类型:

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

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

      • 当有多个选项但只能选择一个选项时,使用单选按钮。
      • 当可以选择多个选项时,请使用复选框。总是垂直堆叠单选按钮和复选框,因为这样处理它们比水平显示它们更快。
      • 使用步进来实现小的增量,而不是使用下拉菜单。
      • 表视图对于短名单很好。
      • 下降更常用于具有超过六个选项的列表。但是,对于长名单(例如国家/地区),如果已知大多数用户可以选择以字母表末尾的字母(例如美国或英国)选择一个选项的选项,请勿以纯字母顺序排列。

22.避免占位符文本:

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

设计师喜欢占位符文本,因为它可以通过删除现场标签来减少Visual Clutter。但是,可用性研究尼尔森诺曼集团已经证明它会导致许多可用性问题。例如,它使用户难以记住应该在字段中输入什么信息,也难以检查和修复错误。

23.始终显示字段名称:

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

为了节省空间,一些web表单使用内联标签,因为这些标签总是可见的。只有在这种情况下,您可能需要删除字段标签。

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

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

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

当用户询问他们的地址时,可以用一个简单的地址查找和验证服务。这些工具现在能够在用户开始键入其详细信息时建议地址,或者用户可以输入其邮政编码或邮政编码以从可用选项中进行选择。

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

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

Leadformly发现可选择的图片是最吸引人的提问方式之一。下面是动物朋友保险公司使用不同动物的图片来让这个过程更吸引人。

表单的图像来自Animalfriends.co.uk使用字符提问
图片来源:

27.使用欢迎页面指向用户走向下一步:

你的感谢页面应该被用来引导访问者进入你希望他们采取的下一步行动。使用感谢页面可以清楚地传达用户旅程的下一步,这样访问者就可以继续进行下去,而不必担心下一步要做什么。

28使用封装减少分心:

封装使用格式、方向线索、方框、颜色或阴影来设置窗体框架,以消除干扰,提高突出度。这通常意味着要删除广告、社交媒体图标和其他可能把用户从表单上拉走的链接。主导航也常常是隐藏的,尽管测试这个变化是值得的,因为有时用户会对所有退出点被删除做出负面的反应。

C:可用性:

29.不要使用验证码:

验证码(用于区分电脑和人的完全自动化的公共图灵测试)已经被发现大大降低了表单完成率,因为它们降低了许多用户的可访问性。在一个学习结果发现,通过删除传统的word格式验证码形式转换增加了3.2%。

在wrexhamfc.co.uk上的验证码图片
图片来源:

CAPTCHA也提出令人沮丧的问题,就像“你是机器人?”这可以创造不安并提高用户的认知负荷。CAPTCHA是一种在表格上处理垃圾邮件的懒惰方式,因为它对预防用户的责任进行了责任。除了电话或电子邮件验证外,还有许多其他方法可以保护您的网站免受垃圾邮件和机器人保护,包括创建蜜罐(使用隐藏的字段)。

30.避免只使用颜色来传达:

十二点(8%)男性,不到1%的女性患有色盲,这意味着它们无法区分某些颜色。红绿色盲目是最常见的形式。这意味着黄色和绿色出现雷德,用户发现难以区分紫罗兰和蓝色。

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

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

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

查看此帖子中的跨浏览器检查解决方案:12个跨浏览器工具,以提高转化率

32.允许用户使用Tab键导航您的表单:

禁用用户通常依赖于标签键操作的软件来在问题之间移动。

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

许多表格都有人的具体问题,即用户可能难以立即理解。其中一些问题是强制性的,是监管和合规目的所需的。使用清晰的视觉解释,例如当用户筛选问题时显示的刀具提示。

34.避免闪存的资产或文本:

闪烁或移动的按钮和文字会让用户非常分心,因为我们的大脑会对移动做出反应,以防它发出某种威胁的信号。此外,如果某物每秒闪烁两次以上,也会导致某些人癫痫发作。

35.使用里程碑提交请求额外信息:

Milestone提交给用户可以选择继续提供其他信息的选项在表单中进行某一步骤。这允许您从表单中删除非强制性信息,但随后向这些希望继续使用其他信息的用户。

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

杰克将有效地在其签出表格中使用这种方法。在购买之前,而不是强制访问者注册帐户,而且如果他们希望设置密码并创建帐户,则该网站将客户询问客户在购买确认页面上。这确保了建立帐户并不会阻止客户购买商品。

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

由于许多网站上的大多数用户现在都使用移动设备,因此web表单的设计必须具有字段和背景之间的良好对比。否则,在阳光明媚或光线暗淡的情况下,使用者可能很难知道该在哪里拍。

37.不要自动跳转到下一个问题:

由于自动推进(自动转到下一个问题)在大多数表单中都不是标准的,所以它不被期望,而且可能会让用户反感。

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

对于用户名、电子邮件地址或姓名等输入字段,激活拼写检查或自动更正可能会让用户非常恼火和沮丧。只有在对绝大多数用户明显有利的情况下才激活拼写检查和自动纠错功能。

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

像Google Chrome这样的最流行的浏览器现在保留某些个人信息,以允许您使用自动填充功能。这可以节省用户在您的表单中输入个人信息时的时间,但必须使用浏览器识别的条款(例如''名字'或“城市”)正确地标记字段。

40监视窗体的加载速度:

Google的研究表明,负载速度很重要,无法防止用户放弃您的网站。表单页面恰好相同,请确保优化它们以进行负载速度。使用谷歌的免费开发人员工具或者你的网络分析来监控加载速度。

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

人们不会在网站上阅读文本;他们扫描以节省时间。显示视觉线索可以帮助用户,因为我们处理视觉图像比处理文本更快。但是,不要发明新的图标,就好像它们不是常用的一样,否则访问者不会立刻认出它们,而且这个图标可能会减缓认知过程并迷惑用户。

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

42.解释格式要求:

不要过于规定你希望如何输入数据以符合您对字段的“正确”格式的看法。人们对电话号码(例如+44 1829 281771,01829 281771等领域使用各种不同的格式(例如+44 1829 281771,+ 1829 281771)。要使您的表单用户友好获取程序员,以便在输入而不是强制人员符合您的格式之后使用规则将数据转换为一致的格式。后端系统已配置为。

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

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

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

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

艾凡:劝导式设计:

44第一印象很重要:

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

在屏幕上签名不好的图像
图片来源:Partycasino.com

PatentCasino.com上的“欢迎”页面创造了对屏幕设计的小思想的印象。当在页面设计时,用户可能会对押金的提议较少响应于押金。

45.使用风险降低器来管理预期和防止用户焦虑:

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

在行动呼吁上或下面显示适当的风险降低指标,如“不需要信用卡”、“不需要按金”或“不需要预订费用”。

不同类型的CTA图像

46.避免负面影响:

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

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

大多数人会希望显示一条隐私信息来保证访问者不会收到垃圾邮件是个好主意。你错了,因为Michael Aagaard.发现添加隐私消息减少的表单转换差约19%。“垃圾邮件”一词具有如此强烈的否定内涵,似乎自动提出用户心灵的担忧。

47.避免使用安全封条,除非你要求付款:

在表格上显示安全印章时要谨慎,因为这可能会引起对网站安全不必要的担忧。此外,安全封条与付款有关,因此访客可能会认为您将在填写表格时要求付款。我见过许多a /B测试,在付款页面之前添加安全印章实际上降低了表单完成率。

48.使用Live Chat向表单上的用户提供即时支持:

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

在betfair.com登记表上的实时聊天的图像
图片来源:Betfair.com

49.使用社会证明来建立可信度:

显示社交证明的证据,如客户数量(如果很大)、推荐信、知名合作伙伴或客户的徽标、奖项或社交媒体喜欢/分享的信息。人们有强烈的牧群本能所以相关的,有说服力的社会证明是非常有说服力的。

50.在多步骤表格上显示进度指标:

心理学家的研究表明,人们更加激励他们完成任务的近距离而不是他们所取得的进展(见目标梯度效应)。

animalfriends.com .co.uk上的进度指示图
图片来源:

已显示进度指标提高完成率,因为它们通过传达填写表格的近距离来减少访客的焦虑。此外,已经显示出一些进度的进度栏已被证明还提高了完成率。

51.明确指示步骤数量与进度:

为了充分从目标梯度效果中受益,请确保您清楚地显示阶梯的总步数以及访问者目前的步骤,以消除任何不确定性。在下面的此示例中,您可以清楚地看到进度指示器显示步骤数,CTA文本通过说出下一步是什么来增强这一点。

图片的partypoker.com注册表单,显示了步骤的数量和用户的步骤
图片来源:partypoker.com

52注意过渡速度:

当用户可能无法注意到用户可能不会注意到,如果用户可能不会注意到,如果它太快就会移动到下一步,请注意。

F:调用行动:

53.呼吁行动应该完成句子“我想……”

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

例如,如果web表单创建了一个新帐户,CTA副本可以是“创建我的免费帐户”。使用“我的”而不是“你的”,使副本更个人化,有时也被发现可以提高转化率。

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

将你的CTA设计成一个按钮可以消除任何关于它是否可以点击的不确定性,并使它在你的输入字段中脱颖而出。超链接被发现会大大降低点击率。此外,通过给你的CTA与你的输入字段相同的宽度,这有助于确保它是突出的,容易在屏幕上找到。

号召行动的例子图像

55.行动呼吁应该从页面中脱颖而出:

你的网页表单上的动作调用的颜色会影响你的转化率,但这通常是由于按钮的颜色和背景之间缺乏对比。为了避免这个问题,使用一种颜色,与网页的背景色有强烈的对比,并且最好是网页上没有使用的颜色。

56.使用逻辑序列进行问题:

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

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

避免包含取消或清除你的web表单的cta,因为它们是不必要的,并且会造成用户意外删除他们输入的所有信息的风险。这让用户很沮丧,大多数人都知道他们可以通过刷新页面来清除表单。

此注册页面来自电子商务网站莉斯·厄尔左下角有一个“取消”按钮。它是不必要的,并误以为用户点击它的风险。

在Lizearle.com登记表格的图片与取消按钮
图片来源:

58.不要自动选择邮件列表:

自动注册用户到你的邮件列表迫使用户额外点击选择退出,并会产生你会给他们发垃圾邮件的焦虑。你还应该避免欺骗用户同意接收宣传材料,因为这也会损害对你组织的信任。

点击后在Littlewoods.com上接收营销信息
图片来源:

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

59.避免在cta旁边发送复杂的法律信息:

在CTA旁边显示冗长而复杂的法律免责声明会让用户在填写web表单时感到焦虑和反感。在可能的情况下,将它们合并成一个单一的信息,并尽可能保持简洁。

下面你可以看到William Hill是如何使用链接来将接受条款和条件的文字量降到最低的。另一方面,必发有更多的文本,这可能是相当令人讨厌的。

Williamhill.com和Betfair.com的法律邮件的图像

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

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

61.发送确认电子邮件:

确认邮件应该用来加强你的欢迎或确认页面传达的关键信息和行动。这是你在客户的电子邮件收件箱中建立权威的机会。确保你有电子邮件自动回复循环设置为与您的新客户建立长期关系。

62.重新定位放弃您的表格的访客:

别忘了吃重新定位策略为了应对那些放弃表格的访客。有解决方案可用于实时发送电子邮件,以便放弃用于捕获尚未登录的客户的电子邮件地址以捕获电子邮件地址的用户。它也值得考虑重新定位广告。

结论:

Web表单的测试时机已经成熟。对于任何有合理流量的网站,我建议你定期A / B测试您的表单设计以提高其性能。使用A / B或多变量测试验证更改有助于确保您所做的更改正在提高您的成功度量,而不仅仅是推动更无利可图的用户。

因此,不要仅仅将你的成功标准设定为完成网页表单,还要衡量你最重要的转换标准(例如销售额或平均订单价值)。然后,您可以确定所做的更改是否影响到您的底线,是否值得执行。

谢谢你阅读我的帖子,我希望你觉得有用。请在下面留下评论,以帮助我们改进我们的内容。

  • 关于作者:Neal提供数字营销优化咨询服务,曾为以下品牌工作deezer.com.Foxybingo.com,非常.co.uk., partypoker.com和Bgo.com。他使用了多种技术,包括网络分析、人物角色、客户旅程分析和客户反馈来提高网站的转化率。

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

Brifty Alex.2017年6月22日上午7:29

嘿neal,实际上是优秀的帖子。您涵盖了创建完全优化的注册表单所需的每一部分,它们非常好地转换和解释它们。我同意你的同意,你在这里包含在这里,我非常感谢您对此有价值的帖子的努力。

评论都关门了。

如果您继续使用本网站,即表示您同意使用cookies。更多信息

本网站的cookie设置为“允许cookie”,以便为您提供最好的浏览体验。如果您继续使用本网站而不改变您的cookie设置或您点击下面的“接受”,那么您同意此。