Q) How do you design a great sign up page? (Answer: B=mat)

I chanced this article yesterday: Why burying sign up buttons helps get more sign ups

Once you get over the salacious blog-post title (like I did; why would you want to bury/hide things from users? that just sounds evil), Dimitri made the point that a call to action alone isn’t enough to get sign ups: 

> Content is what helps them understand your product a little better and to potentially take the next step…

But what is good content that will improve conversion? How do we create good content? What must good content have? 

I got my answer this morning when I read through Stephen P. Anderson’s Seductive Interaction Design; and the answer is: B = mat

Stephen sited the Fogg Behaviour Model by Dr. BJ Fogg

> “My Behavior Model shows that three elements must converge at the same moment for a behavior to occur: Motivation, Ability, and Trigger…

> …A person has to have some level of motivation. They have to have the ability to do the behaviour. And then they have to be triggered to do the behaviour. Those three things have to happen at the same time. If any element is missing, then the behaviour won’t happen.”

>…When a behavior does not occur, at least one of those three elements is missing.”

Out of the three, triggers seem to be the most important. In Dimitri’s example, that would be the call to action button. What Dimitri’s example had was a trigger and an easy way to signup (i.e. just enter email address). What it didn’t have was content that was motivating.  

The main thing I takeaway from this lesson is a framework to evaluate interfaces. If you are wondering why you’re not getting the behaviour you desire, do you have:
m – motivation; content that is motivating
a – ability; make the behaviour easy to do
t – trigger; the call to action

I hear it works with getting your partner to take out the trash too (:
Advertisements

0 Responses to “Q) How do you design a great sign up page? (Answer: B=mat)”



  1. Leave a Comment

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s





%d bloggers like this: