<?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>frontendbook.com &#187; forms</title>
	<atom:link href="http://frontendbook.com/tag/forms/feed" rel="self" type="application/rss+xml" />
	<link>http://frontendbook.com</link>
	<description>In depth analysis on Web Development, User Experience and Web 2.0</description>
	<lastBuildDate>Mon, 12 Jul 2010 18:42:35 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0-beta2</generator>
		<item>
		<title>Weekly Links and Comments</title>
		<link>http://frontendbook.com/weekly-links-and-comments</link>
		<comments>http://frontendbook.com/weekly-links-and-comments#comments</comments>
		<pubDate>Sun, 28 Feb 2010 12:38:44 +0000</pubDate>
		<dc:creator>mattias</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[A/B Testing]]></category>
		<category><![CDATA[buzrr]]></category>
		<category><![CDATA[buzz]]></category>
		<category><![CDATA[conversion]]></category>
		<category><![CDATA[conversion rates]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[links]]></category>
		<category><![CDATA[optimization]]></category>
		<category><![CDATA[Twitter]]></category>

		<guid isPermaLink="false">http://frontendbook.com/?p=438</guid>
		<description><![CDATA[Mad Libs Increase Form Conversions with 25-40% This week saw a lot of discussion on &#8220;Mad Libs&#8221; on how conversion for forms could increase dramatically by using forms with inline elements and a narrative format. LukeW writes about a test &#8230; <a href="http://frontendbook.com/weekly-links-and-comments">Continue reading <span class="meta-nav">&#8594;</span></a>


Related posts:<ol><li><a href='http://frontendbook.com/weekly-best-of-selected-links' rel='bookmark' title='Permanent Link: Weekly Best of &#8211; Selected Links'>Weekly Best of &#8211; Selected Links</a></li>
<li><a href='http://frontendbook.com/10-web-development-links-for-you' rel='bookmark' title='Permanent Link: 10 Web Development Links for You'>10 Web Development Links for You</a></li>
<li><a href='http://frontendbook.com/twitter-weekly-updates-for-2009-05-17' rel='bookmark' title='Permanent Link: Twitter Weekly Updates for 2009-05-17'>Twitter Weekly Updates for 2009-05-17</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<h3>Mad Libs Increase Form Conversions with 25-40%</h3>
<p>This week saw a lot of discussion on &#8220;Mad Libs&#8221; on how conversion for forms could increase dramatically by using forms with inline elements and a narrative format. L<a href="http://www.lukew.com/ff/entry.asp?1007">ukeW writes about a test</a> where vast.com saw an increase in form conversions with 25-40%</p>
<blockquote><p>Ron and his team ran some A/B testing online that compared a traditional Web form layout with a narrative &#8220;Mad Libs&#8221; format. In Vast.com&#8217;s testing, <strong>Mad Libs style forms increased conversion across the board by 25-40%</strong>.</p></blockquote>
<p><a href="http://www.lukew.com/ff/entry.asp?1007">Read the full article on LukeW&#8217;s blog</a>.</p>
<h3>Mad Libs Do Not Increase Form Conversions</h3>
<p>A guy named Patrick McKenzie <a href="http://www.kalzumeus.com/2010/02/27/lesson-from-madlibs-signup-fad-do-your-own-tests/">tried  the Mad Libs technique on a form</a> and came to the conclusion that in his case with his users, the result was the opposite. I think that he has a point in that you must test on your users and not just listenting to &#8220;facts&#8221; from others. But to be honest he could have set his test up better. The best thing with this post is the comments.</p>
<p><a href="http://www.kalzumeus.com/2010/02/27/lesson-from-madlibs-signup-fad-do-your-own-tests/">Read the full article at Patrick McKenzie&#8217;s blog</a></p>
<h3>Buzrr</h3>
<p>A colleague of mine, <a href="http://hette.ma">Dennis Hettema</a> has released a Google Buzz Aggregator/Counter named <a href="http://buzrr.com">buzrr</a> that makes it easier to find trending and popular topics posted on Google Buzz. There are some tools as well for integration into you website. Interesting to see where this is heading. Good Job Dennis!</p>
<h3>How to get better at UI Design</h3>
<p>I found this good article at http://ui-patterns.com on <a href="http://ui-patterns.com/blog/How-to-get-better-at-UI-design">how to get better at UI design</a>. It categorizes parts of the job needed to build and design better UI&#8217;s.</p>
<h3>Make sure you follow me on Twitter</h3>
<p>I post links each and every day with focus on User Experience and Web Development on my two twitter accounts, make sure you follow me there: <a href="http://twitter.com/uxs">@uxs</a> and <a href="http://twitter.com/hising">@hising</a>. UXS is more focused on design, user experience and usability while hising is more on web development in general and somewhat more personal. See you on Twitter!</p>
<img src="http://frontendbook.com/wp3/?ak_action=api_record_view&id=438&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://frontendbook.com/weekly-best-of-selected-links' rel='bookmark' title='Permanent Link: Weekly Best of &#8211; Selected Links'>Weekly Best of &#8211; Selected Links</a></li>
<li><a href='http://frontendbook.com/10-web-development-links-for-you' rel='bookmark' title='Permanent Link: 10 Web Development Links for You'>10 Web Development Links for You</a></li>
<li><a href='http://frontendbook.com/twitter-weekly-updates-for-2009-05-17' rel='bookmark' title='Permanent Link: Twitter Weekly Updates for 2009-05-17'>Twitter Weekly Updates for 2009-05-17</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://frontendbook.com/weekly-links-and-comments/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>10 Web Development Links for You</title>
		<link>http://frontendbook.com/10-web-development-links-for-you</link>
		<comments>http://frontendbook.com/10-web-development-links-for-you#comments</comments>
		<pubDate>Sun, 12 Jul 2009 16:12:44 +0000</pubDate>
		<dc:creator>mattias</dc:creator>
				<category><![CDATA[Web Development]]></category>
		<category><![CDATA[BBC]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[forms]]></category>
		<category><![CDATA[Google]]></category>
		<category><![CDATA[Google OS]]></category>
		<category><![CDATA[JavaScript]]></category>
		<category><![CDATA[regular expression]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://frontendbook.com/?p=375</guid>
		<description><![CDATA[It has been a good week for all people working with web development, below I have listed some of the things I think stood out this week. Google Chrome OS When Google announced that they were about to launch an &#8230; <a href="http://frontendbook.com/10-web-development-links-for-you">Continue reading <span class="meta-nav">&#8594;</span></a>


Related posts:<ol><li><a href='http://frontendbook.com/some-web-development-links-for-you' rel='bookmark' title='Permanent Link: Some Web Development Links for You'>Some Web Development Links for You</a></li>
<li><a href='http://frontendbook.com/weekly-best-of-selected-links' rel='bookmark' title='Permanent Link: Weekly Best of &#8211; Selected Links'>Weekly Best of &#8211; Selected Links</a></li>
<li><a href='http://frontendbook.com/jquery-form-validation-as-smarty-plugins' rel='bookmark' title='Permanent Link: jQuery Form Validation as Smarty Plugins'>jQuery Form Validation as Smarty Plugins</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<p>It has been a good week for all people working with web development, below I have listed some of the things I think stood out this week.</p>
<h4>Google Chrome OS</h4>
<p><img class="alignleft size-thumbnail wp-image-387" title="GoogleChrom1" src="http://frontendbook.com/wp/wp-content/uploads/2009/07/GoogleChrom1-150x150.png" alt="GoogleChrom1" width="150" height="150" />When <a href="http://googleblog.blogspot.com/2009/07/introducing-google-chrome-os.html">Google announced that they were about to launch an Operating System</a>, a lot of people said that they &#8220;knew it&#8221; and some said that &#8220;they had to&#8221; and some reacted to that the OS was not built on Android. I felt like when I watched Sixth Sense with Bruce Willis, if I had looked close enough, maybe I could have realised that it was coming, but I was actually pretty stunned by the news that Google will enter the OS-market. The best thing from my point of view is of course the tools people will be using for building applications on top of it, plain web development tools! The Google OS is the Web Developer OS. I will write a longer post on Google Chrome OS later this week where I try to analyze how Google Chrome OS will change how we look at Web Develoment and Web Developers.</p>
<h4>BBC Future Media Standards &amp; Guidelines</h4>
<p>BBC released their <a href="http://www.bbc.co.uk/blogs/bbcinternet/2009/07/glow_javascript_library_open_s.html">JavaScript Library Glow as Open Source</a> and the library is part of a bigger web development strategy from &#8211; <a href="http://www.bbc.co.uk/guidelines/futuremedia/">BBC Future Media and Guidelines</a>.</p>
<blockquote><p>Specialist Working Groups, with representation across the BBC, are responsible for considering industry trends and developments in their respective divisions, and defining appropriate standards in response to these developments.</p></blockquote>
<p>From what I have seen, the documentation and size of the project can only be compared to the <a href="http://developer.yahoo.com/yui/">YUI-project </a>driven by Yahoo.</p>
<h4>Custom Taxonomies in WordPress 2.8</h4>
<p>I believe that <a href="http://wordpress.org">WordPress</a> will become a big player in the Web Content Management area the next coming year. A lot of people see WordPress as a blogging platform only and complain about the code quality. I think that we are starting to see really good features such as <a href="http://justintadlock.com/archives/2009/05/06/custom-taxonomies-in-wordpress-28">Custom Taxonomies</a> which opens up for very specific solutions built on top of the WordPress platform.</p>
<h4>Web Form Validation &#8211; Best Practices and Tutorials</h4>
<p>I have always liked the problem of client-side form validation on the web and wrote a piece on the subject a couple of years ago, <a href="http://frontendbook.com/form-validation-with-javascript">best practices for web form validation</a>, and last week I noticed a peek in traffic as I was linked (somewhat hidden though) from an article on <a href="http://www.smashingmagazine.com/2009/07/07/web-form-validation-best-practices-and-tutorials/">Web Form Validation by Smashing Magazine</a>. The link was to my form validation framework <a href="http://frontendbook.com/projects/jform/">jForm</a> who are in the idea-stage.</p>
<h4>Interactive jQuery Selector Test</h4>
<p>The guys at the jQuery Blog blogged about this<a href="http://www.woods.iki.fi/interactive-jquery-tester.html"> interactive selector test script</a> for jQuery. I like the idea, but would like to see a bigger selector (XPath, XSL, Regular Expression) as an add-on to my favorite editor <a href="http://macromates.com/">TextMate</a></p>
<h4>Online Regular Expression Testing</h4>
<p>Like a natural law, you will turn to documentation when you need to write a regular expression. This <a href="http://www.gskinner.com/RegExr/">online tool for testing regular expression</a> are the best one I have seen yet, but as mentioned earlier, I would like to see a bundled solution not only for the web but also as plugin to different editors.</p>
<h4>SlickMap CSS</h4>
<p>Very niched design solution to problem a lot of designers, developers need to solve from time to time, how should we present our Sitemap in a slick way that do not force me to write HTML to scare the kids with. SlickMap CSS solves that problem for you. These small design solutions often becomes standard toolsets as both developers and users find it very handy to use them (Lightbox). Go visit <a href="http://astuteo.com/slickmap/">SlickMap &#8211; A Visual Sitemapping Tool for Web Developers</a>.</p>
<h4>Google Page Speed</h4>
<p>Google hired <a href="http://stevesouders.com">Steve Souders</a> to work on Web Performance, he earlier worked as Chief Performance on Yahoo. Yahoo has done a great job with YSlow Firebug extension making it easier to find bottle necks and easy to solve performance issues on your website. Now Google launches a similar program and add-on for Firebug, <a href="http://code.google.com/speed/page-speed/">Google Page Speed</a>, I bet Steve has something to do with it.</p>
<h4>Raphaël JS</h4>
<p><a href="http://raphaeljs.com/">This library</a> helps you with your work online with vector graphics using JavaScript. Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+. The demos are really neat. I think that the good support for different browsers together with the ease-of-use API can make this a hit. It is about time we start seeing bigger use of non-flash vector graphics online.</p>
<h4>JavaScript Regular Expression Library</h4>
<p><a href="http://xregexp.com/">XRegExp</a> is an Open Source JavaScript library that provides an augmented, extensible, cross-browser implementation of regular expressions, including support for additional syntax, flags, and methods. <a href="http://xregexp.com/">Go check it out</a>.</p>
<img src="http://frontendbook.com/wp3/?ak_action=api_record_view&id=375&type=feed" alt="" />

<p>Related posts:<ol><li><a href='http://frontendbook.com/some-web-development-links-for-you' rel='bookmark' title='Permanent Link: Some Web Development Links for You'>Some Web Development Links for You</a></li>
<li><a href='http://frontendbook.com/weekly-best-of-selected-links' rel='bookmark' title='Permanent Link: Weekly Best of &#8211; Selected Links'>Weekly Best of &#8211; Selected Links</a></li>
<li><a href='http://frontendbook.com/jquery-form-validation-as-smarty-plugins' rel='bookmark' title='Permanent Link: jQuery Form Validation as Smarty Plugins'>jQuery Form Validation as Smarty Plugins</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://frontendbook.com/10-web-development-links-for-you/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
