Web Form Design Patterns: Sign-up and Purchase

12 Mar 2010 - 4:35pm
4 years ago
4 replies
1690 reads
csurowiec
2010

I am creating a signup process for a paid-for service and am looking for best practices.  I've found  the following web resources but would like to understand the design patterns in a more structured manner. Can anyone recommend better reference material?

http://patterntap.com/tap/collection/forms

http://www.smileycat.com/design_elements/registration_forms/index.php?page=1

http://www.smashingmagazine.com/2008/07/04/web-form-design-patterns-sign-up-forms/

Thanks!

 

Comments

12 Mar 2010 - 6:36pm
alastair simpson
2009

Luke wrobleskis book on web form design is an excellent resource.

http://www.amazon.com/gp/aw/d.html/ref=redir_mdp_mobile/175-1384105-9567007?a=1933820241

joshua porter has also done some excellent work around designing for sign up. http://www.slideshare.net/bokardo/designing-for-sign-up

hope that helps.

Alastair

14 Mar 2010 - 5:25am
Sebastian Deterding
2009

"Forms that work" by Caroline Jarrett & Gerry Gaffney is also worth a look, though I also prefer Luke's book:

http://www.amazon.com/Forms-that-Work-Interactive-Technologies/dp/1558607102/ref=pd_sim_b_1

Luke's blog has also some more recent thoughts & findings (http://www.lukew.com/),

there are some interesting findings on abtests.com on the matter (http://www.abtests.com/browse/sign-up/),

37signals has a nice walkthrough the redesign of their highrise sign-up comparison chart (http://37signals.com/svn/posts/1496-design-decisions-the-new-highrise-signup-chart),

and finally, Joshua Porter's "Designing for the Social Web" has some good thoughts on overcoming the sign-up hurdle (related online article: http://www.peachpit.com/articles/article.aspx?p=1216150).

Cheers,

Sebastian

ps. If you find further good sources from elsewhere, would post them in this thread?

17 Mar 2010 - 7:50pm
Ivan_Burmistrov
2010

Best practice # 1 is:

Allow the customer to make a purchase without signing-up. Smile

A couple of relevant articles:

http://www.uie.com/articles/three_hund_million_button

http://www.codegent.com/blog/2010/1/how_to_build_an_effective_sign_up_form

 

26 Mar 2010 - 5:41pm
willdonovan
2009

I'll add a +1 to "Forms that work" by Caroline Jarrett & Gerry Gaffney.

I have used this and it also provide some great ideas when prototype testing to help stakeholders see the benefit it designing for a better practice.

William Donovan



On 18 March 2010 18:05, Ivan_Burmistrov <contact@ixda.org> wrote:

Best practice # 1 is:

*Allow the customer to make a purchase without signing-up. *

A couple of relevant articles:

http://www.uie.com/articles/three_hund_million_button

http://www.codegent.com/blog/2010/1/how_to_build_an_effective_sign_up_form

 

((
Syndicate content Get the feed