Page 1 of 1

Making Attractive Web 2.0 Web Forms

Posted: Sun Mar 16, 2008 1:53 am
by supermike
I'm needing to revamp my whole style for Web 2.0, and have been surfing webcreme.com and sites that talk about Web 2.0 styling. Now it's come to where I need to start focusing purely on forms, and one of the biggest things I see now are that the forms must have larger fonts because we have larger monitors now, and because MS Sans Serif 8 and 9pt just won't cut it with people's eyes. I also like phpBB's metallic buttons, although I think ones with curved edges might be more user-friendly for my kinds of sites.

Please reply with links for what you think are attractive Web 2.0 web forms so that I can get an idea where to go. I want to utilize jQuery, AJAX, and PHP behind the scenes with the XHTML/CSS that draws these forms. Eventually I might want to build a form generator script that does the XHTML for me.

Re: Making Attractive Web 2.0 Web Forms

Posted: Sun Mar 16, 2008 2:06 am
by supermike
One thing that is helping is to visit every webcreme.com listed site and click the Contact Us form, then looking to see what I like and don't like. Here's an interesting one, for instance, although it's not suitable for all sites of course:

http://dragoninteractive.com/contact

Watch what happens when you click in a field.

Re: Making Attractive Web 2.0 Web Forms

Posted: Sun Mar 16, 2008 7:24 am
by matthijs
Not sure what you mean by web 2.0 web forms. Forms are forms. The only thing that some newer web apps have done is make everything a bit simpler and easier to use. Sometimes that means making text a bit bigger.

What happens on the contact form you linked to is one line of css

Code: Select all

 
input:focus { background:#fce; }
 

Re: Making Attractive Web 2.0 Web Forms

Posted: Sun Mar 16, 2008 4:00 pm
by supermike
Well, yeah, I'm aware of how to do the effect. I was just trying to gather links on designs and then make a new strategy for my forms.