<?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:sy="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" version="2.0">

    <channel>
    
    <title>Blink Design Library</title>
    <link>http://blinkux.com/thoughts/design-library</link>
    <description />
    <dc:language>en</dc:language>
    <dc:creator>heidi@blinkinteractive.com</dc:creator>
    <dc:rights>Copyright 2011</dc:rights>
    <dc:date>2011-12-20T19:59:19+00:00</dc:date>
    <admin:generatorAgent rdf:resource="http://expressionengine.com/" />
    

    <atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/blinkux/designlibrary" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="blinkux/designlibrary" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><item>
      <title>Multiple Sites with a Single Cart</title>
      <link>http://blinkux.com/thoughts/design-library/multiple-sites-with-a-single-cart</link>
      <guid>http://blinkux.com/thoughts/design-library/multiple-sites-with-a-single-cart#When:19:59:19Z</guid>
      <description>Something we’re seeing: Companies with multiple commerce properties are tying them together in a single check-out experience. The examples below come from 1-800Flowers, Diapers.com, and The Gap. Global tabs at the very top of the site allow users...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=MHuQs8777DY:usdgw85EmE8:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=MHuQs8777DY:usdgw85EmE8:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=MHuQs8777DY:usdgw85EmE8:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=MHuQs8777DY:usdgw85EmE8:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=MHuQs8777DY:usdgw85EmE8:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=MHuQs8777DY:usdgw85EmE8:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Ecommerce,</dc:subject>
      <dc:date>2011-12-20T19:59:19+00:00</dc:date>
    </item>

    <item>
      <title>A Persistent  Utility Footer</title>
      <link>http://blinkux.com/thoughts/design-library/a-persistent-utility-footer</link>
      <guid>http://blinkux.com/thoughts/design-library/a-persistent-utility-footer#When:23:06:13Z</guid>
      <description>Kelley Blue Book displays a helpful footer that stays pinned to the bottom of the user’s browser:



The links include generic functions (Share, Print, Sign in) as well as personalized content (My Recently Viewed, My Saved Cars, My KBB).&amp;nbsp; Content...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=HDc7ST-712k:DTzJrBccuwE:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=HDc7ST-712k:DTzJrBccuwE:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=HDc7ST-712k:DTzJrBccuwE:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=HDc7ST-712k:DTzJrBccuwE:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=HDc7ST-712k:DTzJrBccuwE:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=HDc7ST-712k:DTzJrBccuwE:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject />
      <dc:date>2011-11-07T23:06:13+00:00</dc:date>
    </item>

    <item>
      <title>Button Placement Update</title>
      <link>http://blinkux.com/thoughts/design-library/button-placement-update</link>
      <guid>http://blinkux.com/thoughts/design-library/button-placement-update#When:17:30:52Z</guid>
      <description>A post from the Design Library’s earlier days - “Button, Button, Where Goes the Button” - looked at form button placement across the web, Mac OS, and Windows. 

While the Mac and Windows have established button-placement standards, the web does...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=sRpLr41-E3Y:FupLRz-5MIE:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=sRpLr41-E3Y:FupLRz-5MIE:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=sRpLr41-E3Y:FupLRz-5MIE:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=sRpLr41-E3Y:FupLRz-5MIE:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=sRpLr41-E3Y:FupLRz-5MIE:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=sRpLr41-E3Y:FupLRz-5MIE:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Buttons,</dc:subject>
      <dc:date>2011-11-01T17:30:52+00:00</dc:date>
    </item>

    <item>
      <title>Simple Top-of-Page Filtering</title>
      <link>http://blinkux.com/thoughts/design-library/simple-top-of-page-filtering</link>
      <guid>http://blinkux.com/thoughts/design-library/simple-top-of-page-filtering#When:21:06:59Z</guid>
      <description>Filtering functionality, while useful, can also add complexity to a page. Many sites use filters vertically arranged along the left side of the page, as shown in the example below:



This example (from Endless.com) provides filtering across a...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=PMZErvXkKC4:8CDVseFnVTE:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=PMZErvXkKC4:8CDVseFnVTE:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=PMZErvXkKC4:8CDVseFnVTE:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=PMZErvXkKC4:8CDVseFnVTE:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=PMZErvXkKC4:8CDVseFnVTE:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=PMZErvXkKC4:8CDVseFnVTE:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Filtering,</dc:subject>
      <dc:date>2011-09-16T21:06:59+00:00</dc:date>
    </item>

    <item>
      <title>Vertical Global Navigation That Works</title>
      <link>http://blinkux.com/thoughts/design-library/vertical-global-navigation-that-works</link>
      <guid>http://blinkux.com/thoughts/design-library/vertical-global-navigation-that-works#When:20:45:21Z</guid>
      <description>Horizontal global navigation often isn’t practical because the horizontal space can hold only a handful of top-level options. For example, what if your information hierarchy has 12 or 15 top-level items? You could display global navigation...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=0G-h0aDQlIg:-URi3EZcWBo:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=0G-h0aDQlIg:-URi3EZcWBo:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=0G-h0aDQlIg:-URi3EZcWBo:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=0G-h0aDQlIg:-URi3EZcWBo:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=0G-h0aDQlIg:-URi3EZcWBo:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=0G-h0aDQlIg:-URi3EZcWBo:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Global Navigation, Navigation,</dc:subject>
      <dc:date>2011-09-05T20:45:21+00:00</dc:date>
    </item>

    <item>
      <title>Shifting Alignments</title>
      <link>http://blinkux.com/thoughts/design-library/shifting-alignments</link>
      <guid>http://blinkux.com/thoughts/design-library/shifting-alignments#When:17:34:07Z</guid>
      <description>Price/feature comparison charts are handy for users—but this one could be misleading. The problem is that the column alignment shifts - the bold service level headers and “Select” buttons are not in alignment with the price comparison. The...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=vHOpoM0_PQk:-cqllQWeE3k:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=vHOpoM0_PQk:-cqllQWeE3k:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=vHOpoM0_PQk:-cqllQWeE3k:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=vHOpoM0_PQk:-cqllQWeE3k:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=vHOpoM0_PQk:-cqllQWeE3k:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=vHOpoM0_PQk:-cqllQWeE3k:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Tables,</dc:subject>
      <dc:date>2011-09-01T17:34:07+00:00</dc:date>
    </item>

    <item>
      <title>A More Usable Approach for Within-Page Links</title>
      <link>http://blinkux.com/thoughts/design-library/more-usable-approach-for-within-page-links</link>
      <guid>http://blinkux.com/thoughts/design-library/more-usable-approach-for-within-page-links#When:16:50:45Z</guid>
      <description>Over the years, usability studies we’ve done show that within-page links cause confusion for users. The reason people have developed a strong mental model that links take them to a new page (rather than a different spot on the same page). The...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=nqzenpQ8y1Y:XBpvZEjb9go:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=nqzenpQ8y1Y:XBpvZEjb9go:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=nqzenpQ8y1Y:XBpvZEjb9go:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=nqzenpQ8y1Y:XBpvZEjb9go:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=nqzenpQ8y1Y:XBpvZEjb9go:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=nqzenpQ8y1Y:XBpvZEjb9go:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Navigation,</dc:subject>
      <dc:date>2011-08-15T16:50:45+00:00</dc:date>
    </item>

    <item>
      <title>Displaying Definitions in Context</title>
      <link>http://blinkux.com/thoughts/design-library/displaying-definitions-in-context</link>
      <guid>http://blinkux.com/thoughts/design-library/displaying-definitions-in-context#When:18:46:58Z</guid>
      <description>Providing definitions in context is helpful, particularly for technical terms users may not understand. This page on meningitis uses a dotted underline to differentiate definition pop-ups from links that go to a different page (which use a solid...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=8RLl5WFdJcw:Ds4dtw1IVk0:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=8RLl5WFdJcw:Ds4dtw1IVk0:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=8RLl5WFdJcw:Ds4dtw1IVk0:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=8RLl5WFdJcw:Ds4dtw1IVk0:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=8RLl5WFdJcw:Ds4dtw1IVk0:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=8RLl5WFdJcw:Ds4dtw1IVk0:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Dynamic,</dc:subject>
      <dc:date>2011-07-01T18:46:58+00:00</dc:date>
    </item>

    <item>
      <title>The Case of the Empty Queries</title>
      <link>http://blinkux.com/thoughts/design-library/the-case-of-the-empty-queries</link>
      <guid>http://blinkux.com/thoughts/design-library/the-case-of-the-empty-queries#When:22:29:57Z</guid>
      <description>A client reported that their search log showed a large number of “empty” searches were occurring. The likely culprit? The entry prompt inside the search field, which seems to be a call to action:



Our recommendation was to make the text more...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=34dWmdNm42g:okWGH0SjZMw:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=34dWmdNm42g:okWGH0SjZMw:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=34dWmdNm42g:okWGH0SjZMw:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=34dWmdNm42g:okWGH0SjZMw:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=34dWmdNm42g:okWGH0SjZMw:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=34dWmdNm42g:okWGH0SjZMw:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Search, Edit,</dc:subject>
      <dc:date>2011-06-17T22:29:57+00:00</dc:date>
    </item>

    <item>
      <title>Avoiding duplicated links</title>
      <link>http://blinkux.com/thoughts/design-library/avoiding-duplicated-links</link>
      <guid>http://blinkux.com/thoughts/design-library/avoiding-duplicated-links#When:23:50:31Z</guid>
      <description>The global navigation on Amazon.com normally shows a &amp;quot;Cart&amp;quot; button including the number of items contained in the Cart (click to see full-sized image):



However, when a user is viewing their cart, the button (kind of) goes away:



The button...&lt;div class="feedflare"&gt;
&lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=M_gxu-u0TMc:VPBpi22uxSU:yIl2AUoC8zA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=yIl2AUoC8zA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=M_gxu-u0TMc:VPBpi22uxSU:7Q72WNTAKBA"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?d=7Q72WNTAKBA" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=M_gxu-u0TMc:VPBpi22uxSU:V_sGLiPBpWU"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=M_gxu-u0TMc:VPBpi22uxSU:V_sGLiPBpWU" border="0"&gt;&lt;/img&gt;&lt;/a&gt; &lt;a href="http://feeds.feedburner.com/~ff/blinkux/designlibrary?a=M_gxu-u0TMc:VPBpi22uxSU:gIN9vFwOqvQ"&gt;&lt;img src="http://feeds.feedburner.com/~ff/blinkux/designlibrary?i=M_gxu-u0TMc:VPBpi22uxSU:gIN9vFwOqvQ" border="0"&gt;&lt;/img&gt;&lt;/a&gt;
&lt;/div&gt;</description> 
      <dc:subject>Global Navigation,</dc:subject>
      <dc:date>2011-01-04T23:50:31+00:00</dc:date>
    </item>

    
    </channel>
</rss>

