How to Increase Sign-ups with Easier Captchas

In: web resources

12 Aug 2009

Twitter signup page

As everyone knows, captchas can be a real nightmare. Besides their serious accessibility issues (have you ever clicked the “Hear a set of words”?) they’re a real pain in the ass to enter.

It can be very discouraging to a visitor if they have to re-enter the captcha text every time they make a mistake on the form. So frustrating in fact, that they’re likely to give up after making a couple mistakes.

Here’s an example from the Gmail signup, of how not to do it:

Screengrab showing the signup screen for Gmail which makes you re-enter the captcha if you made an error on the form

Yesterday, I came across a great way to handle this. When you’re signing up for Twitter and you enter the captcha correctly, but make a mistake on another field (like email address), it removes the captcha which means you don’t have to enter it again. Hoorah!

Twitter signup page showing captcha filled out correctly so you don't have to enter it again
View larger

I’m not sure if Twitter has A/B tested this screen, but I’d bet a chunk of change that it improves signup rates significantly.

On a side note, if you’re a frontend developer, you’ll enjoy two awesome talks by Britt and Dustin from Twitter:

  1. “The Future of Frontend Engineering – Learning from Twitter” by Britt Selvitelle
  2. “The Future of JavaScript Design Patterns – Unleashing Full Object-Oriented Capability” by Dustin Diaz

Read more at The Future of Web Apps site.

Comment Form

About this blog

This blog delivers stylish and dynamic news for designers and web-developers on all subjects of design, ranging from: CSS, Ajax, Javascript, web design, graphics, typography, advertising & much more. Our goal is to help you communicate effectively on the web with an engaging website or functional interface.