一个提高了近10%转化率的改进
作者:波希米亚 来源:B3 bohemia 发布时间:2009-05-22 12:40:00
今天看了篇关于Web Form Design的成功案例,虽然讲的事情很简单,但总结了一些方法,翻译过来做个原始积累吧,以后写东西举例子时也好有个典型可以引用。下面是译文:
如果回顾一下Sampa的注册表单,到现在它已经经历过4-5个不同的版本了。一度我们要询问您15个问题。在那之后,我们先是与当地的一位用户体验专家对此进行一些简化,而后又通过与一家波特兰用户体验公司的合作,将其变的更简,现在我们只剩8个填写项了:
姓名
电子邮箱
确认电子邮箱
密码
确认密码
同意使用条例
你希望的网站地址(形如:b3inside.sampa.com)
CAPTCHA (挑战码)
先来看下这个网站的注册表单截图:
在阅读了Luke Wroblewski的“Web Form Design Fillin in the Blanks”文章基础上,我决定更深入地研究一下我们的注册表单。在拥有极好的转化率可以轻松假设一些事情以前,我一直担心改变我们的注册流程会事与愿违。好吧,但至少我还做了一处改变,不需要再动脑考虑了它了。就是使用条例的复选框,原来默认是没有被选中的,我把它改成默认选中了。
但这还不是有趣的地方。Luke在书上提到说,我们在表单中提问的很多事情都是限于应用本身的,而对用户没有价值(或者说“完全、彻底”)。你可以很明显地看到在Sampa站上有一些这样的内容。为什么我们要询问两次邮箱地址?为什么我们要询问两次密码?为什么我们需要你的名字?为什么需要挑战码?
对于上面的问题我有很好的答案,在过去两年,我们通过用A/B测试的方法对很多情景进行测试,得知我们已经很接近(表单元素)正确的排列组合,并且带来和保持了很高的转化率。但只有一块没有经过测试就取消掉了,那就是挑战码。
我们为什么需要挑战码?就像你去注册其他一些免费web服务一样(如:Hotmail, GMail, Ticket Master, Blogger,等等)。挑战码在阻止自动注册机器人创建成百上千个垃圾帐号上是很有必要的,同样也阻止了Spam和Link Farm。好人要放行,我们要把坏人挡在外边,你说对吗?
上周一下午5:13,我们去掉了Sampa上的挑战码。这不容易也不彻底,但我们创建了一套测试和规则使得我们99%的时间不用显示挑战码。我不能公布我们所做的测试,因为这是秘密,不能让注册机器人的制造者知道。
测试结果:提升了9.2%的转化率!
让整个团队惊讶的是,有如此大比例的用户想注册Sampa,但他们或者没有通过挑战码验证(可能性比较小),或者发现表单被挑战码搞得很吓人(有很大可能)。紧接之前我们的讨论,第三点是用更短的页面,让“Continue”按钮更多时候出现在第一屏内,这样会给用户一个更好的感觉:这个表单很短哦。
去看看文章中出现的Sampa网站的注册表单


猜你喜欢
- lstm(*input, **kwargs)将多层长短时记忆(LSTM)神经网络应用于输入序列。参数:input_size:输入'x
- 公用表表达式简介:公用表表达式 (CTE) 可以认为是在单个 SELECT、INSERT、UPDATE、DELETE 或 CREATE VI
- 如今,基本每个网站都会需要到Tab切换展示内容的滑动门效果应用,这种效果可以在更少的页面空间内,展示更多的网站内容,节约空间,方便用户集中操
- int 数字类型class int(object): """ int(x=0) -&g
- 本文的文字及图片来源于网络,仅供学习、交流使用,不具有任何商业用途,如有问题请及时联系我们以作处理。以下文章来源于数据STUDIO,作者龙哥
- 前言大家谈及用Pandas导出数据,应该就会想到to.xxx系列的函数。这其中呢,比较常用的就是pd.to_csv()和pd.to_exce
- 二维码作为一种信息传递的工具,在当今社会发挥了重要作用。从手机用户登录到手机支付,生活的各个角落都能看到二维码的存在。那你知道二维码是怎么解
- 1.静态传值(在父组件中赋值好props中属性的值传递给子组件)父组件<template> <div>
- 简介babel是一个广泛使用的转码器,可以将ES6代码转化为ES5代码,从而在现有环境执行,这意味着,你可以现在就用ES6编写程序,而不用担
- 本文实例为大家分享了wxPython分隔窗口的具体代码,供大家参考,具体内容如下1、分割窗口分隔窗口(wx.SplitterWindow)就
- 这是我为了学习tkinter用python 写的一个下载m3u8视频的小程序,程序使用了多线程下载,下载后自动合并成一个视频文件,方便播放。
- 我们使用pycharm的时候,有时遇到了不认识的方法习惯于将鼠标悬停在方法上查看方法介绍。那么如何设置呢?下面小编给大家分享一下。首先假如我
- base.html:{% extends "bootstrap/base.html" %}{% block styles
- 1、汉语分词的由来使用ASP开发的中小企业的网站,对于站内搜索,往往只是简单的通过SQL语句匹配数据库。对于比较短的词语搜索,这个方法是有效
- 本文主要介绍了一个获得当前数据库对象依赖关系的实用算法,具体示例请大家参考下文:create function&nb
- 查看依赖包及对应的版本号信息的方法有两种:方法1:pip list 方法2:pip freeze这两个同时适用于Windows和Linux系
- <SPAN style="FONT-SIZE: 14px"><!DOCTYPE html> &l
- Python保存网页图片这个是个比较简单的例子,网页中的图片地址都是使用'http://。。。。.jpg'这种方式直接定义的
- 如下所示:import turtlefor i in range(100,0,-5): # 从100到0循环递减每次减5turt
- 本文实例讲述了Python实现桶排序与快速排序算法结合应用的方法。分享给大家供大家参考,具体如下:#-*- coding: UTF-8 -*