Skip to content

专业网站设计公司分享:网站设计中如何设计表单才能更有效?

web表单是许多设计师的祸害,并且延伸到他们的客户身上。

表单在任何网站上都扮演着至关重要的角色,因为它们是网站在结帐过程中收集所有重要信息的方式,或者是在登录页上收集主要信息的方式。如果你想取悦你的客户并提高他们网站的转化率,也许没有什么比设计有效的、优化的表单更重要的了。

 ;

设计带叙述形式的盒子外

标准表单的特点是有几个字段,领导填写他们的基本联系方式,如姓名、电子邮件地址和电话号码。它平淡无奇,非常平凡……但仅仅因为它是典型的,并不意味着它不应该被搅乱。相反,试着用叙述的形式来改变事物,以便更好地转换。

顾名思义,叙述形式是保持谈话进行的形式;而不是在网站副本结束时简单地结束故事。这些类型的形式继续促使你的线索通过一个第一人称叙述的形式填空,这使得注册过程更加个性化。

vast

vast.com是一个允许用户搜索数百万辆待售汽车和房地产交易的网站,它尝试了叙事形式。他们用控件A/B测试了他们的叙述形式,他们的标准网格形式,并且看到了25%到40%之间的转换提升。至少,包括形式上的叙述产生了25%的转化率提升。

下次你想在设计表单时稳妥行事时,不要这样做。冒这个小小的、经过深思熟虑的风险,可能会有回报的。

 ;

使用更少(或更多)字段

在过去的几年里,有一个关于具体的形式长度的争论,最有效的促进转换。新闻快报:实际上没有一个特定的长度能更好地工作;较短的表单得到更多的某种转换,而较长的字段得到更多的另一种转换。

传统观点认为,表单上的字段越少,转换就越快。这是对的,但只有在较少的字段产生更多的转换数量,而不是更多的质量转换数量。

finery

Finery的表单包含一个下拉列表,用于指定您联系他们的原因。它是一个额外的字段,可以省略,但是包含它会提高发送消息的质量。

让我们再看一看。假设你有一个非常简单的表单,只要求潜在客户的姓名、电子邮件地址和电话号码。你会得到更多的转化率,因为输入这些信息的努力和时间是最少的,但质量是有问题的,因为你不知道这些线索与你的业务有多相关。

另一方面,如果你有一个更长的表格,要求更多的线索的名字,电子邮件地址和电话号码,你会有更详细的信息,这导致更高质量的线索。有了更多的信息,企业就能更好地判断他们是否能更容易地向他们推销。

Marketo

如果你的客户有更多的潜在客户的目标,那么你的表格应该相对较短,例如marketo的注册表格为其免费的,可下载的数字广告指南。如果你的客户的目标是想要更多的高质量的线索,那么通过包含更多的字段来延长你的表单是完全正确的,这样你的客户就可以获得更多的信息。例如:TD Ameritrade的账户注册表。

TD-Ameritrade

 ;

只使用清楚的标签和解释

令人震惊的是,一些设计师仍然忽视了确保用户能够直接理解表单的基本原则。

thehugo

雨果的登记表再清楚不过了。

在表单及其字段中使用清晰的标签和解释的目的是消除任何潜在的输入问题,其中许多问题可能源于输入内容的混乱。

barnes-noble

Barnes&Nobles万事达信用卡的注册页就是这样一种情况,在这种情况下,明确性占主导地位。看看这些字段,我们可以立即看到可以理解的标签是如何放在盒子里并且容易阅读的。

另外,当你开始在框中输入你的信息时,这些标签不会消失;相反,它们只是变得更小,改变颜色,并且仍然可读。这允许用户始终了解他们在任何框中键入的内容,即使他们已经开始键入。有些表单因为用户开始输入时删除标签而受到批评。

甚至诸如需要填写的字段数量和特定字段的额外说明等解释也放在框外,并用不同颜色显示,以便于阅读。

 ;

取消强制登记

如果有什么能在你的客户已经准备好从你客户的网上商店购买东西的时候,迅速扼杀转换,那就是结账时可怕的注册过程。经验告诉我们,在购买之前强迫客户注册或登录(这相当于额外的步骤)将降低转换率。

condor

 ;

Condor的结账过程不会强迫您注册。登录到帐户可以简化结账过程,但默认表单是针对客人的。

在为结账流程设计表单时,尽可能缩短表单,以鼓励客户完成购买。顾客在买东西的时候是很不耐烦的,没有人想浪费时间在额外的步骤上,然后才能正常结账。

斯台普斯完全理解这一点。这家办公用品和电子产品零售商提供了一个初始结账页面,不会强迫购物者再次注册,也不会强迫新购物者注册。相反,它允许他们在返回购物者时轻松地在两个字段中输入用户名和密码,或者直接进入“作为客人结帐”页面,如果他们是新客户,则只需在该页面中输入基本的送货信息即可。这样的设置使客户的工作更简单,并使他们能够更自由地控制结帐。过程,这总是受欢迎的。

staples

 ;

Web窗体最佳实践

设计聪明、有效的表单归根结底是要将这些最佳实践融入到您的设计中。这些方法之所以是最佳实践是有原因的:它们已经被证明是有效的,这也是为什么你倾向于在成功的在线商店的注册表单中看到它们的原因。设计不好的表单会拖累网站的转换率,所以从逻辑上讲,大幅改进任何页面上表单的设计以提高整个站点的转换率。

请记住,设计表单只是更广泛的web设计的一个方面,但它也应该遵循首先为用户体验而设计的原则。上面讨论的所有技巧都是经过尝试、测试和真实的方法来取悦客户的客户,从而提高客户网站的转化率。

版权声明:以上文章信息来源于网络,等仅代表原作者本人的观点。除了已经标注原创的文章外,其它文章版权和文责属于原作者。文章中出现的商标、专利和其他版权所有的信息,其版权属于其合法持有人。对可以提供充分证据的侵权信息, 我们将在确认后的1小时内删除。

本网站之声明以及其修改权、更新权和最终解释权均属深圳市德启企业形象设计有限公司所有,所有文章未经允许,严禁转载。

品牌战略
X
VI设计
X
空间设计
中小企业 - 上市公司 - 跨国企业 - 国有企业 - 世界500强