<?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>Webmonkey &#187; web forms</title>
    <atom:link href="http://www.webmonkey.com/tag/web-forms/feed/" rel="self" type="application/rss+xml" />
    <link>http://www.webmonkey.com</link>
    <description>The Web Developer&#039;s Resource</description>
    <lastBuildDate>Fri, 05 Apr 2013 20:20:46 +0000</lastBuildDate>
    <language>en-US</language>
    <sy:updatePeriod>hourly</sy:updatePeriod>
    <sy:updateFrequency>1</sy:updateFrequency>
    <generator>http://wordpress.org/?v=3.4.2</generator>
    
    <item>
        <title>Using &#8216;Mad Libs&#8217; to Make Web Forms More Fun</title>
        <link>http://www.webmonkey.com/2010/02/using-mad-libs-to-make-web-forms-more-fun/</link>
        <comments>http://www.webmonkey.com/2010/02/using-mad-libs-to-make-web-forms-more-fun/#comments</comments>
        <pubDate>Fri, 26 Feb 2010 13:54:58 +0000</pubDate>

                <dc:creator>Scott Gilbertson</dc:creator>

        <guid isPermaLink="false">http://origin.prod2.webmonkey.com/?p=46179</guid>
        		<category><![CDATA[HTML]]></category>
		<category><![CDATA[UI/UX]]></category>
		<category><![CDATA[web forms]]></category>
        <description><![CDATA[In an ideal world, the web would have a built-in identity solutions &#8212; websites would automatically know who you are when you arrive. In the real world, however, almost every website has its own sign up and authentication process, endless forms enticing you to enter your name, your e-mail, pick a password&#8230; yawn, what now? [...]]]></description>

            <content:encoded><![CDATA[<p><!-- wpautop enabled -->
<p>In an ideal world, the web would have a built-in identity solutions &#8212; websites would automatically know who you are when you arrive. In the real world, however, almost every website has its own sign up and authentication process,  endless forms enticing you to enter your name, your e-mail, pick a password&#8230; yawn, what now?</p>
<p>It&#8217;s repetitive, boring and makes many of your users click away in disgust. But what if you turned the sign up form into a narrative, something a bit like a <a href="http://en.wikipedia.org/wiki/Mad_Libs">Mad Lib</a>?</p>
<p>That&#8217;s exactly what web developer Jeremy Keith has done for his podcasting site, <a href="http://huffduffer.com/signup/">Huffduffer</a>. Instead of a list of blank boxes, Huffduffer&#8217;s sign up form looks like this:</p>
<p><img src="http://www.wired.com/images_blogs/epicenter/2010/02/huffduffer.jpg" /></p>
<p>All the usual behaviors of a web form are still there. You can tab between fields, your password is still masked and errors are highlighted if there are any. The difference is the in the presentation. It doesn&#8217;t look like some kind of online test.</p>
<p>In short, Huffduffer&#8217;s sign up for is refreshing, but does it work? Well, Luke Wroblewski, Chief Design Architect at Yahoo and author of the book <cite><a href="http://www.rosenfeldmedia.com/books/webforms/ ">Web Form Design</a></cite>, had the <a href="http://www.lukew.com/ff/entry.asp?1007">same question</a> and, with some help from the team at Vast.com, ran some tests.</p>
<p>The designers at Vast redesigned their response forms along the lines of Huffduffer&#8217;s form and found that, as Wroblewski reports, &#8220;Mad Libs style forms increased conversion across the board by 25-40 percent.&#8221;</p>
<p>The forms are live on both <a href="http://www.vast.com/">Vast</a> and the <a href="http://www.kbb.com/">Kelley Blue Book</a> website if you&#8217;d like to experience them yourself. Wroblewski has a few minor caveats about the increased number of users &#8212; be sure to <a href="http://www.lukew.com/ff/entry.asp?1007">check out his post for the complete details</a> &#8212; but at least in some cases it would seem that a narrative flow trumps the boring old form.</p>
<p><strong>See Also:</strong></p>
<ul>
<li><a href="http://www.webmonkey.com/blog/OpenID_Is_HereDOT_Too_Bad_Users_Can_t_Figure_Out_How_It_Works">OpenID Is Here. Too Bad Users Can&#8217;t Figure Out How It Works</a></li>
<li><a href="http://www.webmonkey.com/blog/Jakob_Nielsen_On_Web_2DOT0:_%22Glossy__But_Useless%22">Jakob Nielsen On Web 2.0: &#8220;Glossy, But Useless&#8221;</a></li>
<li><a href="http://www.webmonkey.com/blog/Making_Open_Source_Software_More_%22Humane%22">Making Open Source Software More &#8220;Humane&#8221;</a></li>
</ul>
<div id='linker_widget' class='contextly-widget'></div>]]></content:encoded>
            <wfw:commentRss>http://www.webmonkey.com/2010/02/using-mad-libs-to-make-web-forms-more-fun/feed/</wfw:commentRss>
        <slash:comments>5</slash:comments>

        
    </item>
    </channel>
</rss>