Form Design Cribsheet - Revision history

Mboyanton at 17:06, 2 March 2012

2012-03-02T17:06:20Z

← Older revision		Revision as of 17:06, 2 March 2012
Line 1:		Line 1:
	The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. Having smooth and easy to understand forms on your site can help lower cart abandonment and prevent a lot of user frustration. If you are using eCMS you can use CSS to style any of your forms. We often use existing frameworks and plugins to achieve design/function requests. Below are some of the most common ones. As always, if you have questions contact [mailto:ecms@newhavensoftware.com support]		The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. Having smooth and easy to understand forms on your site can help lower cart abandonment and prevent a lot of user frustration. If you are using eCMS you can use CSS to style any of your forms. We often use existing frameworks and plugins to achieve design/function requests. Below are some of the most common ones. As always, if you have questions please contact [mailto:ecms@newhavensoftware.com support]

	'''Frameworks:'''		'''Frameworks:'''

Mboyanton at 17:05, 2 March 2012

2012-03-02T17:05:37Z

← Older revision		Revision as of 17:05, 2 March 2012
Line 1:		Line 1:
	The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. Having smooth and easy to understand forms on your site can help lower cart abandonment and prevent a lot of user frustration. If you are using eCMS you can use CSS to style any of your forms. We often use existing frameworks and plugins to achieve design/function requests. Below are some of the most common ones. As always, if you have questions contact ~~support at~~ [mailto:ecms@newhavensoftware.com]		The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. Having smooth and easy to understand forms on your site can help lower cart abandonment and prevent a lot of user frustration. If you are using eCMS you can use CSS to style any of your forms. We often use existing frameworks and plugins to achieve design/function requests. Below are some of the most common ones. As always, if you have questions contact [mailto:ecms@newhavensoftware.com support]

	'''Frameworks:'''		'''Frameworks:'''

Mboyanton at 17:05, 2 March 2012

2012-03-02T17:05:10Z

← Older revision		Revision as of 17:05, 2 March 2012
Line 1:		Line 1:
	The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. If you are using eCMS you can use CSS to style any of your forms.		The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. Having smooth and easy to understand forms on your site can help lower cart abandonment and prevent a lot of user frustration. If you are using eCMS you can use CSS to style any of your forms. We often use existing frameworks and plugins to achieve design/function requests. Below are some of the most common ones. As always, if you have questions contact support at [mailto:ecms@newhavensoftware.com]

	Frameworks:		'''Frameworks:'''

	* http://formee.org/demo/index.htm - An easy to use and small framework just for forms.		* http://formee.org/demo/index.htm - An easy to use and small framework just for forms.
Line 11:		Line 11:
	* http://sprawsm.com/uni-form/ - Another form framework that's easy to use and offers numerous styling options. Example page http://sprawsm.com/uni-form/styles/		* http://sprawsm.com/uni-form/ - Another form framework that's easy to use and offers numerous styling options. Example page http://sprawsm.com/uni-form/styles/

	* http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be ~~warned that~~ it's "for nerds, by nerds".		* http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be forewarned it's "for nerds, by nerds".

	Validation:		'''Validation:'''

	* http://docs.jquery.com/Plugins/Validation - A well written and versatile client side validation library (depends on [http://jquery.com jQuery]).		* http://docs.jquery.com/Plugins/Validation - A well written and versatile client side validation library (depends on [http://jquery.com jQuery]).

	Buttons:		'''Buttons:'''

	* http://www.cssbuttongenerator.com/ Great cross-browser CSS based button generator. An easy and quick way to style all of your submit buttons.		* http://www.cssbuttongenerator.com/ Great cross-browser CSS based button generator. An easy and quick way to style all of your submit buttons.

Mboyanton at 16:54, 2 March 2012

2012-03-02T16:54:05Z

← Older revision		Revision as of 16:54, 2 March 2012
Line 9:		Line 9:
	* http://formalize.me/ - Small CSS and JavaScript library that aims to normalize forms across all browsers. Uses JavaScript to add support for older browsers that do not support HTML5.		* http://formalize.me/ - Small CSS and JavaScript library that aims to normalize forms across all browsers. Uses JavaScript to add support for older browsers that do not support HTML5.

	* http://sprawsm.com/uni-form/		* http://sprawsm.com/uni-form/ - Another form framework that's easy to use and offers numerous styling options. Example page http://sprawsm.com/uni-form/styles/

	* http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be warned that it's "for nerds, by nerds".		* http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be warned that it's "for nerds, by nerds".
Line 15:		Line 15:
	Validation:		Validation:

	* http://docs.jquery.com/Plugins/Validation		* http://docs.jquery.com/Plugins/Validation - A well written and versatile client side validation library (depends on [http://jquery.com jQuery]).

	Buttons:		Buttons:

Mboyanton at 16:50, 2 March 2012

2012-03-02T16:50:51Z

← Older revision		Revision as of 16:50, 2 March 2012
Line 5:		Line 5:
	* http://formee.org/demo/index.htm - An easy to use and small framework just for forms.		* http://formee.org/demo/index.htm - An easy to use and small framework just for forms.

	* http://blueprintcss.org/ Example http://blueprintcss.org/tests/parts/forms.html		* http://blueprintcss.org/ - A larger framework that does a lot to equalize typography, layout, and forms. You can use the whole framework or parts. Example page at http://blueprintcss.org/tests/parts/forms.html

	* http://formalize.me/		* http://formalize.me/ - Small CSS and JavaScript library that aims to normalize forms across all browsers. Uses JavaScript to add support for older browsers that do not support HTML5.

	* http://sprawsm.com/uni-form/		* http://sprawsm.com/uni-form/

Mboyanton at 16:45, 2 March 2012

2012-03-02T16:45:16Z

← Older revision		Revision as of 16:45, 2 March 2012
Line 1:		Line 1:
	The graphic below illustrates some of the principles to keep in mind when creating forms.		The graphic below illustrates some of the principles to keep in mind when creating customer facing forms on your site. If you are using eCMS you can use CSS to style any of your forms.

			Frameworks:

			* http://formee.org/demo/index.htm - An easy to use and small framework just for forms.

			* http://blueprintcss.org/ Example http://blueprintcss.org/tests/parts/forms.html

			* http://formalize.me/

			* http://sprawsm.com/uni-form/

			* http://twitter.github.com/bootstrap/ This is a large framework built by Twitter. Be warned that it's "for nerds, by nerds".

			Validation:

			* http://docs.jquery.com/Plugins/Validation

			Buttons:

			* http://www.cssbuttongenerator.com/ Great cross-browser CSS based button generator. An easy and quick way to style all of your submit buttons.


	[[Image:Form-Design-Crib-Sheet-NewHaven.png]]		[[Image:Form-Design-Crib-Sheet-NewHaven.png]]

Mboyanton: Created page with 'The graphic below illustrates some of the principles to keep in mind when creating forms. Image:Form-Design-Crib-Sheet-NewHaven.png'

2012-03-01T15:20:10Z

Created page with 'The graphic below illustrates some of the principles to keep in mind when creating forms. Image:Form-Design-Crib-Sheet-NewHaven.png'

New page

The graphic below illustrates some of the principles to keep in mind when creating forms.

[[Image:Form-Design-Crib-Sheet-NewHaven.png]]