企业下足功夫获取流量，吸引用户来到落地页面，却没能形成购买或留单转化？页面内容很有吸引力，依然无法获取有效线索？如果说落地页是网络营销转化的第一生产力，那么表单设计则是重中之重。

    数据显示，优化表单能够增加20％的“提交按钮”点击率。本次就给大家分享打造完美表单的技巧，让落地页转化直线飙升。

    一张图读懂表单的构成要素：

    表单设计3大原则：

    减少用户操作：可以提高用户的输入效率，从而提高用户的转化率。

    减少用户思考：直观的提示用户需要填写什么内容，不要让用户费劲去猜测。

    减少操作误差：给表单配上规则，会使表单设计更友好。

    表单设计实战经验吐血整理

    在具体设计中，如何渗透以上原则？接下来分别从四个方面展开细讲：输入区域、交互布局、操作按钮、帮助与支持。

    Part1

    输入区域的常用技巧

    1、最小化字段总数

    表单字段越多，用户填写成本越高，转化率越低。因此，表单上索取的用户信息一定确保是客户最需要的。

    2、提供匹配键盘

    根据字段填写的内容给用户提供适配的键盘，让输入一次完成，提升填写效率。此功能还可阻止用户执行其他操作，避免线索流失。

    3、避免下拉菜单

    下拉列表对于移动设备而言，需隐藏选项，不够直观，且需点击两次。如果少于6个选择项，建议使用标签选择器，用户可以立即选择选项。

    4、范围数据可使用滑块or有范围区间的选项

    需要用户填写数值或有范围区间的值，建议使用滑块或直接给用户提供可选的区间值。

    可选区间值的表单滑块型的表单

    5、标记可选项

    若较少字段是选填的，较多字段是必填，不用星号来标记必填项，仅需标识可选项即可。（标记的+越多，给用户造成的心理负担越重）

    6、对字符串进行逻辑判断

    比如手机号、银行卡号一般会做位数及数字开头限制，提示用户输入正确的值，提升线索提交的有效性。

    7、占位文本非常有价值

    占位符能更好的提示用户输入框需要输入什么内容，用户可以获得什么，减少思考成本。

    8、敏感内容需备注提示信息

    需要获取用户资产等敏感信息时，最好在注明信息的严格保密机制，让用户放下疑虑。

    Part2

    交互布局的多种玩法

    有时我们需要收集用户的多种信息，长表单会让用户有填写压力，甚至直接放弃填写。

    交互布局能在视觉上减少表单占位长度，减轻填写负担，同时也可获取同样多的用户信息。如下分享6种形式：

    N0.1折叠式展示：将标题露出，填写内容进行隐藏，每填完上一个字段将展开下一个字段，且上一个字段自动收缩。

    N0.2分步设计：清晰告知用户完成整个表单的步骤，每一步需要什么信息，信息排序需遵循用户的操作习惯。

    N0.3进度条设计：告知用户表单完成的进度，填写时心里更有底。

    N0.4优先获取重要信息：可以先让用户提交重要信息，一级提交按钮进入子页面，进一步完善次要信息。

    N05.相关信息分组：将属性相同的归为一类、类似功能的归为一类，视觉上让页面变短。

    N06.对话形式：类比与人类的对话方式进行交互，用户体验变得更加有趣。

    Part3

    操作按钮的设计规则

    命名规则

    使用号召性用语（calltoaction）激发用户的行动力和归属感。eg:“立即申请名额”比单纯直白的“点击报名”更能阐明利益点，引发用户行动。

    视觉表现

    ►按钮设计需立体：让用户一眼便知可以点击。

    ►按钮信息需明确：一眼就能明白点击后可获得什么。

    ►按钮颜色需瞩目：冲击性、对比度的颜色，提升点击率。

    交互样式

    如花样晃动样式，手指点击指示样式，都能抓住用户眼球，提升按钮点击率。

    Part4

    帮助与支持的信息反馈

    成功信息：类比与人类的对话方式进行交互，用户体验变得更加有趣。

    错误信息：对字段使用输入约束，当填写错误时，提示正确的输入信息。

    eg:手机号填写不对时，提示“请输入11位数手机号”

    警示信息：输入内容正确，但是有外部条件限制。

    eg:用户信息已经提交，再次提交时提示“已提交，无需重复提交”

    适当鼓励：长表单填写过程中，给予用户适当的鼓励和反馈。

    eg:你很棒，快完成了哦；只差最后一步，将获得奖励；你已完成了一大半，再加把劲就能全部完成了哦......

    亲测上千个落地页后，吐血整理了以上表单的设计技巧。把它们巧妙运用到你的落地页中，转化必定大大提升！

    但是也别忘了，每个网站的性质和面对的用户不尽相同。在实际运用的时候，还需有所甄别，不可一概套用！

    话不多说，赶快利用这些技巧，去打造一个超转化的页面吧！