表单设计与转化率的提升

无论是用于注册、支付还是联络,我们总是需要通过表单来
获取用户的信息。不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮。这里面原因有很多,例如表单篇幅太长、不大友好、不那么值得信任,或是用户还没真正准备好进行交易等等。

这种情况每发生一次,我们就失掉了一个潜在用户。怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战。站在用户的角度,我们可以将问题分为四个方面。

我能得到什么?

一提到“转化”,设计师们首先想到的往往是一些相关操作的细节问题,包括按钮的颜色、标题的字号、对比度、对其方式等等。当然,这些是必须考虑的,但最最首要的问题是:作为网站的访问者,我为什么要填写表单?我能得到什么?

访问者不会简单的因为你提出了相关要求而把自己的个人信息透露给你;你要让他们看到这样做的好处在哪里。不妨把这件事看作一种交易,你的访问者提供他们的名字与邮箱地址,从而换取到一些他们需要的东西,例如享受服务、免费试用软件、下载">PDF文档等等。

除了让浏览者知道他们能得到什么东西以外,你最好还能告诉他们这东西为什么是他们所需要的。要聚焦在产品的价值上,如果你能用最简单的介绍文字描述出你的产品能帮用户解决怎样的问题,唤起他们的共鸣,那么即使表单本身稍微复杂些,他们也会愿意完成填写;否则,字段最少的表单也不会引起他们的兴趣。

我凭什么相信你?

当人们第一次访问你的网站或接触到你的产品时,他们确实没什么理由一下子产生信任。不妨试着展示一些具有公共效应的“证据”,例如相关媒体报道、来自现有用户的赞许,以及任何可以鼓舞访问者对产品产生积极态度的元素。

Pocket Changed的订阅表单是个不错的例子,他们向访问者展示了当前已有多少人进行了订阅下载;此外,他们也非常简单直接的让访问者了解到在填写邮箱后可以得到什么。如果可以再加入一些来自真实订阅用户的赞许反馈,这个表单的转化效果会更好。

另外一种很有效的“证据”就是将所有报道过你家产品的知名媒体的logo陈列在页面中,当然前提是必须有相关的报道真实存在。这些具有很高识别效应的元素可以有效增强用户的信赖感。

推荐阅读:

为产品赋予人格 – 情感化设计的组成要素及实践案例真人之间的交流 – 通过手绘元素提升产品的个性与亲和力你会用我的信息做些什么?

在为访问者提供积极引导的同时,我们还要想办法避免掉那些负面因素。人们在填写表单时的最大顾虑就是信息被网站方收集之后的用途。用户不会希望收到垃圾邮件,更不愿意自己的个人信息被传播出去。如果你确实运营着一个值得信赖的产品,那么不妨直接让用户知道你不会把他们的信息贩卖出去或是向他们发送垃圾邮件,就像FogBugz做的那样,在注册表单旁边以非常直白的口语化的方式告诉用户“我们不会出售或分享你的邮箱地址,就是这样。”

相关阅读:怎样通过更好的用户体验促进网站转化率的提升

这会占用我多少时间?

正像我们在前文中说到的,如果可以让访问者明确的了解到产品价值,唤起他们的需求共鸣,得到他们的信任,那么表单的长度将不会成为影响转化率的最主要因素,但这并不意味着我们不需要对表单进行简化。即使访问者决定执行转化行为,他们的时间和耐心也都是非常有限的。

我敢打赌,在很多时候,那些标注着“必填”的表单字段其实并非是真正需要的。

Gumroad在未登录状态的支付表单中剔除了很多常见的“必填”字段,最终只保留了用于输入邮箱地址、信用卡号、有效期和CV码的文本框。如果连未登录时的支付环节都可以被如此简化,我相信对于其他方面业务的那些复杂表单来说,不会没有优化空间的。

在对表单进行了充分的简化之后,我们还可以试着通过一些设计技巧让填写表单的环节看上去更轻量。在这方面,我个人最喜欢的一个案例来自原型制作工具InVision的注册表单。他们使用浮层的形式呈现表单,作为访问者,我可以感知到,当我填写完成之后就可以立刻回到之前的界面继续应用流程。

相关阅读:一个文本框搞定信用卡相关信息的输入

总结

现在就打开你的网站,看看哪些表单可以在以上四个方面有所改进。当然,你不必将目光局限在我们之前讨论的这些要点上;最重要的是在思考和设计的过程中时刻记得站在访问者的角度进行观察和体验,去发现那些对转化率的提升具有正面或负面影响作用的要素。

源地址:http://beforweb.com/node/143

时间: 2024-09-21 12:02:30

表单设计与转化率的提升的相关文章

移动应用表单设计秘籍:提升表单设计的体验

文章描述:本文将从清晰的视觉纵线.信息的分组.极致的减法.利用选择代替输入.标签及文字的排布方式.依靠明文确认密码.合理的键盘利用.校验的小秘密这八个维度来分享我的移动应用表单设计秘籍. 一直想写一篇文章,关于移动应用表单设计的,可惜最近项目很忙,忙到没有时间打理博客.最近体验产品的时候,经常看到错误的的表单设计,要么信息混乱,要么步骤繁复.要么语言程序化,要么视觉焦点跳跃,要么校验顺序混乱,要么反馈不及时,如此种种的问题,让我很想认真的总结一下,思考一下,为移动应用的表单设计,提供一些个人力所

怎样将注册表单设计的让尽量多的访问者更愿意完成填写

无论是用于注册.支付还是联络,我们总是需要通过表单来获取用户的信息.不幸的是,在现实当中,总会有很多访问者一见到表单就会立刻点击浏览器上的后退按钮.这里面原因有很多,例如表单篇幅太长.不大友好.不那么值得信任,或是用户还没真正准备好进行交易等等. 这种情况每发生一次,我们就失掉了一个潜在用户. 怎样将表单设计的让尽量多的访问者更愿意完成填写,这是设计师们必须面对的挑战.站在用户的角度,我们可以将问题分为四个方面. 我能得到什么? 一提到"转化",设计师们首先想到的往往是一些相关操作的细

优秀的表单设计:能顺利的让用户达到目的

文章描述:以用户视角出发的表单之旅. 用户使用发布表单,就像是一次旅行.旅行的目的是否能达到?过程是否让人满意?这些都决定了用户会否再来这里. 一.那么为什么要以用户的视角呢? 作为设计师,你是否遇到过这种情况: · 我们额外加一个填写项,用来收集用户信息吧:· 我们的表单之所以复杂,是因为我们希望用户多填写内容,这些内容都是有用是:· 我们的表单应该在这最重要的一步出现,这样就能让更多的用户看到它--. 作为用户填表单时,你是否这样想? · 我们填写表单只是为了达到我想要的目的,才不是为了你们

网页表单设计:电商网站注册表单设计为用户提供方便

文章描述:如何设计注册表单. 注册页面是获取用户资料的主要途径,绝对不是越简单越好,设计要从体验上为用户提供方便,而不是降低注册门槛.网页教学网将结合以前看过关于表单设计的文章和自己的一些浅薄经验做一个总结: (以下内容偏向于B2B的网站) 一『注册的需求包括哪些』 注册的需求大概可以分为四个步骤:①用户类型的分类 ②将访客转化为会员 ③获取用户的资料 ④资料完善和增值引导 ①先看看各大网站是如何做用户类型分类这一步的: 京东商城 中国制造网国际站,将选择地区放在第一步,直接通过国内和国外的IP

[译]更好的表单设计: 每一页,一件事(实例研究)

本文讲的是[译]更好的表单设计: 每一页,一件事(实例研究), 原文地址:Better Form Design: One Thing Per Page (Case Study) 原文作者:Adam Silver 译文出自:掘金翻译计划 译者:horizon13th 校对者:LeviDing, laiyun90 更好的表单设计: 每一页,一件事(实例研究) 2008 年,我在 Boots.com 工作时,团队提出需求,要设计当时最流行的单页表单进行付款操作,主要技术有折叠选项卡,AJAX,客户端验

网站表单设计:关于QQ邮箱注册过程的优化建议

中介交易 http://www.aliyun.com/zixun/aggregation/6858.html">SEO诊断 淘宝客 云主机 技术大厅 最近,研究了一下web表单的设计,收获颇多.从接触互联网以来,我们就一直在和各种表单打交道,它们无处不在,同时也为我们增添了很多不必要的烦 恼.但随着时间的推移,大多数网络用户对很难用却又千篇一律的表单已经产生了一种习惯,似乎即使体验过程并不美好,也不会发出反对声音,继续钻研. 但是,随着电子商务的兴起,表单设计的重要性又上了一个层次,因为很

WEB表单设计

设计师不再只是为互联网创造漂亮美观的图形那么简单了,作为一个WEB设计师,我们还需要考虑一些其他的问题,比如用户体验,算法,代码等等.如今用户体验设计越来越重要,对于WEB表单的设计尤其如此. WEB表单设计的目标是设计出一套让用户能够从填表到点击提交按钮的最简单的流程.这个过程中不需要太多的炫目效果,虽然jQuery的表单插件一直都很受欢迎.在这片文章中我们只关注于表单的用户体验和交互过程.这里的概念也能够有效的帮助你减少用户在填表过程中的挫折感. 保持醒目和简洁 我听过不计其数的用户抱怨注册

Web注册表单设计样式的研究(上)

如果你想最大化你的服务所带来的效益,你就必须最大化你网站表单的成功率.仅仅简单的让用户在你网站上注册是不够的,除非你有能够让访问你网站的人一看就映像深刻的点子.为了让服务达到最大化的体现,我们设计师需要提供用户一个良好的用户体验.我们需要邀请用户,为他们描述服务产品有多少好,给他们解释为什么他们需要填那些表单并且暗示他们会因此得到利益的回报.当然,我们也应该做的非常方便让用户来参与. 但是设计有效的页面表单不是件容易的事情.有个不争的事实就是:没人喜欢填表单--无论是线上还是线下的.因此,作为设

Web表单设计:表单结构

你是否曾为表单设计感到过沮丧或不知所措呢?接下来三篇文章,希望能彻底改变你的看法,真正爱上Web表单设计.首先感谢Luke Wroblewski的帮助,让我有机会细心品味设计表单的乐趣.总体来说,Web表单主宰着结算.注册和数据输入.每天eBay.Taobao上的大量物品主要通过出售物品(Sell Your Item)表单售出:MySpace.Facebook等超过几亿的用户都是通过Web表单加入网站社区的:YouTube.Youku通过上传视频(Upload Your Video)表单收集了大