<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2full.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:content="http://purl.org/rss/1.0/modules/content/" version="2.0">
<channel>
<title>blink design library</title>
<link>http://designlibrary.blinkinteractive.com/</link>
<description />
<language>en-US</language>
<lastBuildDate>Wed, 12 Aug 2009 09:46:18 -0700</lastBuildDate>
<generator>http://www.typepad.com/</generator>

<docs>http://www.rssboard.org/rss-specification</docs>
<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/blinkinteractive/LqcR" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
<title>Location Indicator on Global Navigation</title>
<link>http://designlibrary.blinkinteractive.com/2009/08/location-indicator-on-global-navigation.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/08/location-indicator-on-global-navigation.html</guid>
<description>NPR recently launched a re-designed web site. The new design features bold global navigation at the top of each page. To indicate the user's current location, the corner is "turned down" on the navigation option. It's an interesting visual treatment...</description>
<content:encoded><![CDATA[<p><a href="http://www.npr.org/">NPR</a> recently launched a re-designed web site. The new design features bold global navigation at the top of each page. To indicate the user&#39;s current location, the corner is &quot;turned down&quot; on the navigation option.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20120a541c538970c-pi" style="display: inline;"><img alt="Npr" class="at-xid-6a00d83451827269e20120a541c538970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20120a541c538970c-400wi" style="width: 400px;" /></a> </p><p>It&#39;s an interesting visual treatment I hadn&#39;t seen before. Though subtle, I think it clearly communicates &quot;I am here.&quot;</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Kb0Hhb0pxYY:Fw7ERkhfF0Q:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Kb0Hhb0pxYY:Fw7ERkhfF0Q:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Kb0Hhb0pxYY:Fw7ERkhfF0Q:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=Kb0Hhb0pxYY:Fw7ERkhfF0Q:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Kb0Hhb0pxYY:Fw7ERkhfF0Q:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=Kb0Hhb0pxYY:Fw7ERkhfF0Q:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Global Navigation</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Wed, 12 Aug 2009 09:46:18 -0700</pubDate>

</item>
<item>
<title>Unnecessary clicks can add up</title>
<link>http://designlibrary.blinkinteractive.com/2009/08/unnecessary-clicks-can-add-up.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/08/unnecessary-clicks-can-add-up.html</guid>
<description>A site for purchasing art work online has a handy "gallery" feature -- essentially a set of wish lists where you can save pieces you might want to purchase. Browsing through the site, it's a scenario where you could add...</description>
<content:encoded><![CDATA[<p>A site for purchasing art work online has a handy &quot;gallery&quot; feature -- essentially a set of wish lists where you can save pieces you might want to purchase. Browsing through the site, it&#39;s a scenario where you could add quite a number of items in a short amount of time. Unfortunately, saving an item takes at least 4 clicks:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631bf1970c-pi" style="display: inline;"><img alt="Add_gallery1" class="at-xid-6a00d83451827269e2011571631bf1970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631bf1970c-300wi" style="width: 300px;" /></a>&#0160;</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631c61970c-pi" style="display: inline;"><img alt="Add_gallery2" class="at-xid-6a00d83451827269e2011571631c61970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631c61970c-400wi" style="width: 300px;" title="Add_gallery2" /></a>&#0160;</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011572576dd3970b-pi" style="display: inline;"><img alt="Add_gallery3" class="at-xid-6a00d83451827269e2011572576dd3970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011572576dd3970b-300wi" style="width: 300px;" /></a> </p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631e6e970c-pi" style="display: inline;"><img alt="Add_gallery4" class="at-xid-6a00d83451827269e2011571631e6e970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011571631e6e970c-300wi" style="width: 300px;" /></a></p><p>With a task that is performed repeatedly, those extra clicks add up--and can lead to user frustration.</p>
<p>Compare the above approach with adding an item to a wish list on Amazon.com (one click does it):</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20115725785f5970b-pi" style="display: inline;"><img alt="Amazon_wishlist" class="at-xid-6a00d83451827269e20115725785f5970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20115725785f5970b-400wi" style="width: 300px;" title="Amazon_wishlist" /></a> </p>
<p> </p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=0rTjXz9QoqI:voaoOoKMcO0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=0rTjXz9QoqI:voaoOoKMcO0:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=0rTjXz9QoqI:voaoOoKMcO0:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=0rTjXz9QoqI:voaoOoKMcO0:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=0rTjXz9QoqI:voaoOoKMcO0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=0rTjXz9QoqI:voaoOoKMcO0:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Wish List</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Wed, 05 Aug 2009 11:10:10 -0700</pubDate>

</item>
<item>
<title>Tiny URLs for sharing products</title>
<link>http://designlibrary.blinkinteractive.com/2009/07/tiny-urls-for-sharing-products.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/07/tiny-urls-for-sharing-products.html</guid>
<description>Zappos makes it easy to share products via social networking sites by providing tiny URLs for its product pages.</description>
<content:encoded><![CDATA[<p><a href="http://www.zappos.com/">Zappos</a> makes it easy to share products via social networking sites by providing tiny URLs for its product pages.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20115722088e8970b-pi" style="display: inline;"><img alt="Zappos2" class="at-xid-6a00d83451827269e20115722088e8970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e20115722088e8970b-400wi" style="width: 400px;" /></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=xBGeCKKR2IY:T3u2WP74BE0:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=xBGeCKKR2IY:T3u2WP74BE0:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=xBGeCKKR2IY:T3u2WP74BE0:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=xBGeCKKR2IY:T3u2WP74BE0:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=xBGeCKKR2IY:T3u2WP74BE0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=xBGeCKKR2IY:T3u2WP74BE0:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Sharing</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Tue, 21 Jul 2009 14:38:55 -0700</pubDate>

</item>
<item>
<title>Adding a little personality</title>
<link>http://designlibrary.blinkinteractive.com/2009/07/adding-a-little-personality.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/07/adding-a-little-personality.html</guid>
<description>Wetpaint adds some personality to its setup flow by breaking the process into three steps: 1) the easy part 2) the fun part 3) the other part. What is likely effective about this approach is that it also encourages users...</description>
<content:encoded><![CDATA[<p>Wetpaint adds some personality to its setup flow by breaking the process into three steps: 1) the easy part 2) the fun part 3) the other part.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157213ea56970b-pi" style="display: inline;"><img alt="Wetpaint2" class="at-xid-6a00d83451827269e201157213ea56970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157213ea56970b-400wi" style="width: 400px;" /></a> </p><p>What is likely effective about this approach is that it also encourages users through the process, communicating that it will be both easy and fun. </p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=UFkA1TlMUcs:bbFiadir6jk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=UFkA1TlMUcs:bbFiadir6jk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=UFkA1TlMUcs:bbFiadir6jk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=UFkA1TlMUcs:bbFiadir6jk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=UFkA1TlMUcs:bbFiadir6jk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=UFkA1TlMUcs:bbFiadir6jk:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Forms</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Fri, 17 Jul 2009 16:19:16 -0700</pubDate>

</item>
<item>
<title>Positive feedback on data entry</title>
<link>http://designlibrary.blinkinteractive.com/2009/07/positive-feedback-on-data-entry.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/07/positive-feedback-on-data-entry.html</guid>
<description>The registration form at Myfico.com provides users with positive feedback ("Thank you") after they correctly complete each field: Mint.com also uses this approach with their login form, though the feedback is a more subtle "OK" to the right of the...</description>
<content:encoded><![CDATA[<p>The registration form at <a href="http://www.myfico.com/Default.aspx">Myfico.com</a> provides users with positive feedback (&quot;Thank you&quot;) after they correctly complete each field:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570fb88b0970c-pi" style="display: inline;"><img alt="Fico" class="at-xid-6a00d83451827269e2011570fb88b0970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570fb88b0970c-400wi" style="width: 400px;" /></a> </p><p><a href="http://www.mint.com/">Mint.com</a> also uses this approach with their login form, though the feedback is a more subtle &quot;OK&quot; to the right of the field:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570fb8db9970c-pi" style="display: inline;"><img alt="Mint" class="at-xid-6a00d83451827269e2011570fb8db9970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570fb8db9970c-400wi" style="width: 400px;" /></a> </p><p>This may seem like overkill, but I can see how users would respond favorably to knowing they&#39;ve completed fields correctly. That way they can submit confidently--without the fear of having the form returned with errors.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=J2GFyjr_17c:b5elomR-m0Y:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=J2GFyjr_17c:b5elomR-m0Y:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=J2GFyjr_17c:b5elomR-m0Y:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=J2GFyjr_17c:b5elomR-m0Y:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=J2GFyjr_17c:b5elomR-m0Y:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=J2GFyjr_17c:b5elomR-m0Y:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Forms</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Fri, 10 Jul 2009 15:51:29 -0700</pubDate>

</item>
<item>
<title>What do most people choose?</title>
<link>http://designlibrary.blinkinteractive.com/2009/06/what-do-most-people-choose.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/06/what-do-most-people-choose.html</guid>
<description>We recently conducted a study that involved making a choice between several (somewhat complex) product offerings. While participants were drawn to a product comparison chart--and found it useful--most also asked the question "what do most people choose?" Blue Nile has...</description>
<content:encoded><![CDATA[<p>We recently conducted a study that involved making a choice between several (somewhat complex) product offerings. While participants were drawn to a product comparison chart--and found it useful--most&#0160; also asked the question &quot;what do most people choose?&quot;</p><p><a href="http://www.bluenile.com/">Blue Nile</a> has a handy way of answering this question for its diamonds with this chart:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157056df10970c-pi" style="display: inline;"><img alt="Bluenile" class="at-xid-6a00d83451827269e201157056df10970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157056df10970c-400wi" style="width: 400px;" /></a> </p><p>Users can initiate a search for similar diamonds directly from the chart.</p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=By-Tab5SBgM:eSOWt4pCJcs:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=By-Tab5SBgM:eSOWt4pCJcs:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=By-Tab5SBgM:eSOWt4pCJcs:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=By-Tab5SBgM:eSOWt4pCJcs:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=By-Tab5SBgM:eSOWt4pCJcs:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=By-Tab5SBgM:eSOWt4pCJcs:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Comparison</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Thu, 25 Jun 2009 09:37:41 -0700</pubDate>

</item>
<item>
<title>Controlling the number of items displayed</title>
<link>http://designlibrary.blinkinteractive.com/2009/06/controlling-the-number-of-items-displayed.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/06/controlling-the-number-of-items-displayed.html</guid>
<description>Widgets on the BBC home page have simple + and - controls to customize the number of items displayed.</description>
<content:encoded><![CDATA[<p>Widgets on the <a href="http://www.bbc.co.uk/">BBC home page</a> have simple + and - controls to customize the number of items displayed.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157034d25d970c-pi" style="display: inline;"><img alt="Bbc" class="at-xid-6a00d83451827269e201157034d25d970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201157034d25d970c-400wi" style="width: 250px;" title="Bbc" /></a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=RL6TAcWJ09U:Jhx5FE8N-bE:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=RL6TAcWJ09U:Jhx5FE8N-bE:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=RL6TAcWJ09U:Jhx5FE8N-bE:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=RL6TAcWJ09U:Jhx5FE8N-bE:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=RL6TAcWJ09U:Jhx5FE8N-bE:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=RL6TAcWJ09U:Jhx5FE8N-bE:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>widget</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Fri, 19 Jun 2009 11:28:17 -0700</pubDate>

</item>
<item>
<title>Managing options in faceted navigation</title>
<link>http://designlibrary.blinkinteractive.com/2009/06/manage-options-with-moreless-views.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/06/manage-options-with-moreless-views.html</guid>
<description>Epicurious is one of my favorite web sites. But I've been mystified by their implementation of faceted navigation, which can result in an absurdly long left-hand navigation bar (click to see image full-sized): In the page above, they've displayed all...</description>
<content:encoded><![CDATA[<p><a href="http://www.epicurious.com">Epicurious</a> is one of my favorite web sites. But I&#39;ve been mystified by their implementation of faceted navigation, which can result in an absurdly long left-hand navigation bar <em>(click to see image full-sized)</em>:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffa24de970c-pi" style="display: inline;"><img alt="Ba_browse2" class="at-xid-6a00d83451827269e201156ffa24de970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffa24de970c-400wi" style="width: 400px;" /></a> </p><p>In the page above, they&#39;ve displayed all the values for the first facet (Main Ingredient), which pushes the remaining facets (Meal/Course, Type of Dish, Season/Occasion, Recipe Category, Preparation, Dietary Consideration) down to about 2800 pixels &quot;below the fold.&quot;&#0160; That&#39;s a long way to scroll--and of course it significantly reduces the discoverability of these options.</p><p>How could Epicurious have avoided this? One option would be to initially present all the facets closed. This has the disadvantage of requiring two clicks to select a &quot;refine by&quot; option (one click for the facet, one click for the value).</p><p>Another option would be to initially display a facet that has relatively few values. My choice here would be Meal/Course:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffc28a8970c-pi" style="display: inline;"><img alt="Meal_course" class="at-xid-6a00d83451827269e201156ffc28a8970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffc28a8970c-250wi" style="width: 250px;" /></a> </p><p>Another approach is to use more/less links, as shown in this example from <a href="http://www.buzzillions.com/">Buzzillions</a>:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffb126e970c-pi" style="display: inline;"><img alt="Buzz_more" class="at-xid-6a00d83451827269e201156ffb126e970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156ffb126e970c-400wi" style="width: 250px;" title="Buzz_more" /></a>&#0160;</p><p>The top brands are shown initially, with the option to see &quot;more&quot;:</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570f03da1970b-pi" style="display: inline;"><img alt="Buzz_less2" class="at-xid-6a00d83451827269e2011570f03da1970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570f03da1970b-250wi" style="width: 250px;" /></a> </p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=_XCwHnnW5FQ:j1wC6WT8occ:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=_XCwHnnW5FQ:j1wC6WT8occ:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=_XCwHnnW5FQ:j1wC6WT8occ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=_XCwHnnW5FQ:j1wC6WT8occ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=_XCwHnnW5FQ:j1wC6WT8occ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=_XCwHnnW5FQ:j1wC6WT8occ:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Filtering</category>
<category>Navigation</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Fri, 12 Jun 2009 16:16:38 -0700</pubDate>

</item>
<item>
<title>Opting out: one click to frustrating maze</title>
<link>http://designlibrary.blinkinteractive.com/2009/06/opting-out-one-click-to-frustrating-maze.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/06/opting-out-one-click-to-frustrating-maze.html</guid>
<description>In purging my email inbox of unwanted subscriptions, it was impossible not to notice the variation in "opt out" experiences. One click does it The fastest and easiest opt out is the "one click" experience. Just click the "unsubscribe" at...</description>
<content:encoded><![CDATA[<p>In purging my email inbox of unwanted subscriptions, it was impossible not to notice the&#0160; variation in &quot;opt out&quot; experiences. </p><p></p><p></p><p></p><h2><br /></h2><h2>One click does it</h2><p>The fastest and easiest opt out is the &quot;one click&quot; experience. Just click the &quot;unsubscribe&quot; at the bottom of your email and you&#39;re done.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc44ccf970c-pi" style="display: inline;"><img alt="Photobucket_unsubscribe" class="at-xid-6a00d83451827269e201156fc44ccf970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc44ccf970c-400wi" style="width: 400px;" /></a> <br /><em>Simple single-click.</em></p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b981fc970b-pi" style="display: inline;"><img alt="37_signals_optout" class="at-xid-6a00d83451827269e2011570b981fc970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b981fc970b-400wi" style="width: 300px;" title="37_signals_optout" /></a> <br /><em>Single-click with link to re-subscribe.</em></p><p><em><br /></em></p><p></p><h2>Two clicks<br /></h2><p>Several sites used a two-click&#0160; &quot;are you sure you want to do this?&quot; approach.&#0160; The example below has clear primary action button that is labeled specifically &quot;Unsubscribe.&quot;</p><p><span style="text-decoration: underline;"><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc451bb970c-pi" style="display: inline;"><img alt="Ancestry_unsubscribe2" class="at-xid-6a00d83451827269e201156fc451bb970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc451bb970c-400wi" style="width: 300px;" title="Ancestry_unsubscribe2" /></a>&#0160; <br /></span></p><p><span style="text-decoration: underline;"><br /></span></p><p></p><h2>Three clicks</h2>
<p>Slightly more arduous is the requirement to express your preference using a check-box or radio button.</p><p>I suspect the example below has a high error rate, with people overlooking the check box before submitting: </p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc45417970c-pi" style="display: inline;"><img alt="Sum_total_unsubscribe2" class="at-xid-6a00d83451827269e201156fc45417970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc45417970c-400wi" style="width: 400px;" title="Sum_total_unsubscribe2" /></a>&#0160;</p><p>The example below, while still requiring a total of three clicks to unsubscribe, probably has a low error rate because the radio buttons are left-aligned with the submit button, making them more discoverable.</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc457dc970c-pi" style="display: inline;"><img alt="Opt_out_form2" class="at-xid-6a00d83451827269e201156fc457dc970c " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e201156fc457dc970c-400wi" style="width: 400px;" /></a> </p><h3><br /></h3><h2>Consider the options<br /></h2>
<p>A few sites took the &quot;please consider the alternatives&quot; approach to opting out. It requires a bit more thinking (or at least reading through the options.)</p><p><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b99761970b-pi" style="display: inline;"><img alt="Sahalie2" class="at-xid-6a00d83451827269e2011570b99761970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b99761970b-400wi" style="width: 400px;" /></a> </p><p></p><h3><br /></h3><h2>Find it yourself<br /></h2>
<p>The most frustrating experiences were companies that did not provide an &quot;unsubscribe&quot; link in their email. Instead, they instructed me to log into my account and edit my &quot;communications preferences.&quot; In some cases, this was easy to find; in others, not so much.</p><p>A certain reunion site makes you hunt down your email preferences, which once found, are presented in a somewhat dizzying array of options.</p><p><span style="text-decoration: underline;"><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b9ae70970b-pi" style="display: inline;"><img alt="Classmates2" class="at-xid-6a00d83451827269e2011570b9ae70970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2011570b9ae70970b-400wi" style="width: 400px;" /></a> </span>&#0160;</p><p>After de-selecting all the options I was puzzled as to why I was still receiving emails. Alas, the small print:</p><p><em>It can take up to 10 days to process new or canceled	subscriptions.<br />
 						You will occasionally receive emails that tell you about updates
 						to your account or announce [site] improvements...</em></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=PybvaeP-8kg:vmQjl9GLUP4:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=PybvaeP-8kg:vmQjl9GLUP4:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=PybvaeP-8kg:vmQjl9GLUP4:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=PybvaeP-8kg:vmQjl9GLUP4:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=PybvaeP-8kg:vmQjl9GLUP4:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=PybvaeP-8kg:vmQjl9GLUP4:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Email</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Tue, 02 Jun 2009 16:51:41 -0700</pubDate>

</item>
<item>
<title>Button Identity Disorder</title>
<link>http://designlibrary.blinkinteractive.com/2009/01/button-identity-disorder.html</link>
<guid isPermaLink="true">http://designlibrary.blinkinteractive.com/2009/01/button-identity-disorder.html</guid>
<description>A colleague sent me this example of "button identity disorder." (Click to see full-sized image) Some buttons on this page are obvious, for example "Click to Talk." What is less obvious is the function of dimensional-looking yellow bar across the...</description>
<content:encoded><![CDATA[<p class="MsoNormal">A colleague sent me this example of&#0160; &quot;button identity disorder.&quot; <em>(Click to see full-sized image)</em></p><p class="MsoNormal"></p><p class="MsoNormal"><a href="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2010536ab99b3970b-pi" style="display: inline;"><img alt="Click on the button below" class="at-xid-6a00d83451827269e2010536ab99b3970b " src="http://blinkinteractive.typepad.com/.a/6a00d83451827269e2010536ab99b3970b-400wi" style="width: 400px;" /></a>
 </p><p class="MsoNormal"></p><p class="MsoNormal">Some buttons on this page are obvious, for example &quot;Click to Talk.&quot; What is less obvious is the function of dimensional-looking yellow bar across the middle of the page. The first set of text (&quot;Looking for more than a ballpark summary?&quot;) is not linked but the second set of text (&quot;Contact us now&quot;) is.</p><p class="MsoNormal"></p><p class="MsoNormal">While dimensional effects can add visual interest, non-clickable &quot;raised&quot; elements have the potential to be confused with buttons. We&#39;ve seen this in testing where participants try clicking on anything with a beveled or drop-shadow treatment.<span style="font-size: 11pt; font-family: &quot;Calibri&quot;,&quot;sans-serif&quot;;"><br /></span></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Znk3-Ii9-Io:hUCkMI3McAk:yIl2AUoC8zA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=yIl2AUoC8zA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Znk3-Ii9-Io:hUCkMI3McAk:7Q72WNTAKBA"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?d=7Q72WNTAKBA" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Znk3-Ii9-Io:hUCkMI3McAk:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=Znk3-Ii9-Io:hUCkMI3McAk:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?a=Znk3-Ii9-Io:hUCkMI3McAk:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/blinkinteractive/LqcR?i=Znk3-Ii9-Io:hUCkMI3McAk:gIN9vFwOqvQ" border="0"></img></a>
</div>]]></content:encoded>


<category>Buttons</category>

<dc:creator>Heidi Adkisson</dc:creator>
<pubDate>Mon, 05 Jan 2009 13:05:50 -0800</pubDate>

</item>

</channel>
</rss><!-- ph=1 --><!-- nhm:dynamic-ssi -->
