润雪观点

将想法与焦点,与您一起共享

润雪观点

设计Web联系表单的最佳做法

2017-09-05 润雪科技:重庆网站建设公司 浏览器:2101

你有没有想过为什么你不会从你的网页上获得更多的潜在客户 如果你有很好的在线营销和一流的网站,但是你的网络表单很难填写,放弃某种方式,或者根本不起作用,那么你的在线营销漏洞就被打破了,所有这些精彩的线索你已经吸引到你的网站,最终没有任何地方。


页面的跳出率平均在30%到50%之间。这里的问题是双重的:前景并不需要时间准确地完成Web表单,或者完全不完成Web表单。


您如何设计一个用户友好,吸引人的网络表单,尽可能地捕获多个潜在客户?了解Web表单基础知识,最佳做法和常见错误,以便您可以更接近您的在线营销目标。


您在表单上包含的字段越多,人们填写的机会就越低。只提出绝对需要的问题。将信息合并到一个字段中,而不是尽可能多的字段。 


不要默认


没有你的表单问题默认给某个答案。让你的访客自己回答问题。不要假设人们花费额外的时间来查看所有问题的所有可用答案。例如,如果您问“谁是你最喜欢的星球大战角色?”,并且下拉菜单默认为“达斯维达”,那么您可能会因为没有看到其他选项而获得更多“达斯维达”的答案。对于下拉菜单,始终默认为“ - 选择一个选项”或“ - 选择 - ”,并要求他们从下拉列表中选择答案。


标签事项


标签告诉人们表单字段的目的。它们应该是简短和描述性的。它们也应该始终保持可见,即使填写了该字段(参见下面的占位符文本部分)。


标签样式


人们应该很容易看懂您的表单,并快速了解哪些信息被询问。通过将标签加粗体,可以很容易地看出标签与答案之间的区别。


占位符文本


占位符文本是 文本字段内的字段标签。当您将光标放在字段中时,它会消失。它产生一个干净的外观,但使用占位符文本的唯一时间之一是使用用户名和密码表单。


使用更长表单中的占位符文本的问题是,一旦字段已填写,占位符文本将不可见,因此您无法确定字段标签应该是什么。因此,您无法仔细检查以确保输入的内容正确无误。 


浮动标签


占位符文字的替代方法是浮动标签。浮动标签开始与占位符文本相同,给出相同的干净外观,但是当您输入字段时,标签会在输入上方移动,因此您仍然可以告诉字段标签是什么。


保持布局简单


最好将表单保存在一个列中。多列形式的许多问题之一是人们很可能不一致地解释领域。如果您的表单具有水平相邻的字段,则强制用户以“z模式”进行视觉扫描,从而降低其理解速度。


这个规则的例外是(名字|姓氏)和(国家/地区)字段。在这些情况下,用户可以更轻松地交互和理解字段分组。


间距


将标签和输入字段保持在一起。确保字段之间有足够的高度是非常重要的,以便用户不要对什么信息应该去哪里感到困惑。


立即反馈


使用内联验证,如果有需要更正或错过的内容,它将立即在表单上显示一条消息。这节省了人们的时间和麻烦,并提高了转换率。没有内联验证,您必须等到您提交表单才能确定您是否填写了错误的内容,这样可以让人们从纯粹的沮丧中抛弃您的表单。 


使人们采取行动的按钮


操作按钮是当有人完成填写时提交表单。


样式


操作按钮的主要规则是确保它看起来像一个按钮。不要有这样的创意,人们不知道是否可点击。确保您的按钮与其周围元素相比是高对比度也至关重要。让你的行动清楚,所以毫无疑问,人们的心灵如何提交他们刚刚填写的表格。


命名约定


您的按钮上的文字的措辞对您的表单的转化率有很大的影响。避免像“提交”这样的通用单词。相反,要更具描述性,例如“立即订阅”或“创建您的免费帐户”。按钮文字的相关性和价值越高,人们越有可能填写您的表单。这里的关键是测试。尝试不同的按钮副本,以查看它如何影响表单转换并进行相应的调整。


结论


很多人不想花时间填写网络表单或者放弃他们的个人信息。但是,如果您能使表单简单易用,您将收到更多的提交。对话 玩的开心。测试不同的元素,了解用户的反应,并随着时间的推移改进您的表单。很快,你不会发现自己问为什么没有人填写你的表格了!


本文由重庆网站建设公司润雪科技原创,文章地址:/news/id/1112.html