<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>AgencyTool Blog &#187; comment forms</title>
	<atom:link href="http://www.agencytool.com/blog/tag/comment-forms/feed" rel="self" type="application/rss+xml" />
	<link>http://www.agencytool.com/blog</link>
	<description>Resources, tips, tricks &#38; information for web design agencies.</description>
	<lastBuildDate>Mon, 18 Jan 2010 15:14:57 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>10 Great Contact &amp; Comment Form Designs</title>
		<link>http://www.agencytool.com/blog/10-great-contact-and-comment-form-designs</link>
		<comments>http://www.agencytool.com/blog/10-great-contact-and-comment-form-designs#comments</comments>
		<pubDate>Wed, 01 Apr 2009 19:06:08 +0000</pubDate>
		<dc:creator>sheena</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[comment forms]]></category>
		<category><![CDATA[contact forms]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[webdesign]]></category>

		<guid isPermaLink="false">http://www.agencytool.com/blog/?p=971</guid>
		<description><![CDATA[Comment forms are one of the few ways readers and visitors to a site or blog can interact with those &#8216;in charge&#8217;, so its a little surprising that so many bloggers/designers throw together these forms and leave it at that. Once a user is at the point of commenting/contacting they probably won&#8217;t stick around much [...]]]></description>
			<content:encoded><![CDATA[<p>Comment forms are one of the few ways readers and visitors to a site or blog can interact with those &#8216;in charge&#8217;, so its a little surprising that so many bloggers/designers throw together these forms and leave it at that. Once a user is at the point of commenting/contacting they probably won&#8217;t stick around much longer &#8211; that form is one of the last things they&#8217;ll see on your site.  Why not leave them something to remember you by&#8230;just don&#8217;t get too carried away.  Most often you&#8217;ll want to strike a balance between creativity and simplicity, forms that are confusing can lead to a drop in your conversion rates.</p>
<p>It&#8217;s always nice to see designers who put some thought into their comment or contact forms.  Here are 10 of the AgencyTool staff&#8217;s favorites:</p>
<p>The comment form on NatalieJost.com is in a different layout than most, and the graphic down the side gives it a nice look.</p>
<p><a href="http://nataliejost.com"><img class="alignnone size-full wp-image-940" title="From Natalie Jost" src="http://www.agencytool.com/blog/wp-content/uploads/2009/03/nataliejost.jpg" alt="From Natalie Jost" width="394" height="500" /></a></p>
<p>Sometimes it is best to keep it simple &#8211; it may not be the most exciting design element on the page, but it serves a purpose, and this well-designed comment form won&#8217;t deter any users from interacted with the site.</p>
<p><a href="http://www.orderedlist.com"><img class="alignnone size-full wp-image-944" title="From Ordered List" src="http://www.agencytool.com/blog/wp-content/uploads/2009/03/orderedlist1.jpg" alt="From Ordered List" width="700" height="166" /></a></p>
<p>The call to action of this comment form from RobGoodlatte.com changes; &#8220;Enlighten Me&#8221;, &#8220;Shout It Into The Forest&#8221;, &#8220;Sound Off!&#8221; and &#8220;Out With It!&#8221; are examples we took the time to find.  It&#8217;s ok to have a little fun with your forms&#8230;</p>
<p><a href="http://robgoodlatte.com"><img class="alignnone size-full wp-image-946" title="From Rob Goodlatte" src="http://www.agencytool.com/blog/wp-content/uploads/2009/03/robgoodlatte.jpg" alt="From Rob Goodlatte" width="477" height="402" /></a></p>
<p>We love how this one looks. An interesting font choice or experiment with texture can pay off big time&#8230;</p>
<p><a href="http://www.toucouleur.fr/contactez-nous/"><img class="alignnone size-full wp-image-950" title="From Toucouleur" src="http://www.agencytool.com/blog/wp-content/uploads/2009/03/toucouleur1.jpg" alt="From Toucouleur" width="600" height="341" /></a></p>
<p>The post-it look.  It can be hard to be creative while still keeping a form super simple, this option pulls it off nicely.</p>
<p><a href="http://www.pointofe.com/"><img class="alignnone size-full wp-image-953" title="From Point of Entry" src="http://www.agencytool.com/blog/wp-content/uploads/2009/04/pointofe.jpg" alt="From Point of Entry" width="320" height="238" /></a></p>
<p>This one isn&#8217;t live on his site anymore, but Edward Pistachio&#8217;s contact form is one of the most creative we&#8217;ve seen (thanks to swiss-miss.com for keeping it up!)  While this obviously wouldn&#8217;t work for a corporate-type site, it fits in great with his site&#8217;s tone.</p>
<p><a href="http://www.swiss-miss.com/2008/02/so-you-wanna-ta.html"><img class="alignnone size-full wp-image-954" title="Edward Pistachio" src="http://www.agencytool.com/blog/wp-content/uploads/2009/04/edwardpistachio.jpg" alt="Edward Pistachio" width="401" height="394" /></a></p>
<p>Simple, to the point and just enough texture in the background to keep it interesting&#8230;well done.</p>
<p><a href="http://jonnotie.nl/"><img class="alignnone size-full wp-image-957" title="From Jonnotie.nl" src="http://www.agencytool.com/blog/wp-content/uploads/2009/04/jonnotie.jpg" alt="From Jonnotie.nl" width="526" height="247" /></a></p>
<p>The comment form from Tentangrifai.com is bright, colorful and fits in with the rest of their site.  It&#8217;s becoming more common for designers to throw in little extras commonly seen on forums, like the little smileys&#8230;its a trend we like.</p>
<p><a href="http://www.tentangrifai.com"><img class="alignnone size-full wp-image-968" title="From Tentangrifai" src="http://www.agencytool.com/blog/wp-content/uploads/2009/04/tentangrifai1.jpg" alt="From Tentangrifai" width="500" height="336" /></a></p>
<p>This one is from BlogDesignBlog, a pretty standard layout but we like the step-by-step instructions&#8230;and it&#8217;s always nice to let your visitors know you follow!</p>
<p><a href="http://www.blogdesignblog.com"><img class="alignnone size-full wp-image-969" title="From Blogdesignblog" src="http://www.agencytool.com/blog/wp-content/uploads/2009/04/blogdesignblog.jpg" alt="From Blogdesignblog" width="586" height="363" /></a></p>
<p>Last but not least, JankoAtWarpSpeed has a great tutorial for creating a comment form from images of old postcards&#8230;</p>
<p><a href="http://www.jankoatwarpspeed.com/post/2008/09/15/Turn-postcard-photo-into-a-stunning-comment-form-using-CSS.aspx"><img class="size-full wp-image-938 alignleft" title="From Janko At Warp Speed" src="http://www.agencytool.com/blog/wp-content/uploads/2009/03/jankoatwarpspeed.jpg" alt="From Janko At Warp Speed" width="496" height="323" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.agencytool.com/blog/10-great-contact-and-comment-form-designs/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

