<?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: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/" version="2.0">

<channel>
	<title>DesignM.ag</title>
	
	<link>http://designm.ag</link>
	<description>Articles and Resources for Web Designers</description>
	<lastBuildDate>Wed, 19 Jun 2013 15:56:46 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.5.1</generator>
		<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" type="application/rss+xml" href="http://feeds.feedburner.com/designmag" /><feedburner:info xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" uri="designmag" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com/" /><feedburner:emailServiceId xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">designmag</feedburner:emailServiceId><feedburner:feedburnerHostname xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0">http://feedburner.google.com</feedburner:feedburnerHostname><item>
		<title>Popular Printing Services for Digital Marketing</title>
		<link>http://designm.ag/resources/popular-printing-services-digital-marketing/</link>
		<comments>http://designm.ag/resources/popular-printing-services-digital-marketing/#comments</comments>
		<pubDate>Wed, 19 Jun 2013 15:56:46 +0000</pubDate>
		<dc:creator>Jake Rocheleau</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://designm.ag/?p=75407</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1733251157' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1733251157' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br />Lots of resources exist online for digital marketing. By working with printed material you are opening your world to a number of similar topics which could draw attention from users or advertisers. But how do you know which print services are worth the time and effort? Well in this article I want to outline a few online resources which I feel are great for print marketing.

<p><a href="http://www.flickr.com/photos/88057467@N00/147914743/"><img src="http://designm.ag/wp-content/uploads/2013/06/featured-image-printer-lineup-window.png" alt="dead graveyard printers near window technology" /></a></p>

The various solutions can range from printed posters, pamphlets, posterboard, bookmarks, and other nifty crafts. People who are interested in your products may purchase these items to support your cause. It is a show of affection towards companies and individuals who build great products. And I hope this collection of online products may be just as helpful.<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1586916820' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1586916820' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p>]]></description>
				<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=880322263' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=880322263' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><p>Lots of resources exist online for digital marketing. By working with printed material you are opening your world to a number of similar topics which could draw attention from users or advertisers. But how do you know which print services are worth the time and effort? Well in this article I want to outline a few online resources which I feel are great for print marketing.</p>
<p><a href="http://www.flickr.com/photos/88057467@N00/147914743/"><img src="http://designm.ag/wp-content/uploads/2013/06/featured-image-printer-lineup-window.png" alt="dead graveyard printers near window technology" /></a></p>
<p>The various solutions can range from printed posters, pamphlets, posterboard, bookmarks, and other nifty crafts. People who are interested in your products may purchase these items to support your cause. It is a show of affection towards companies and individuals who build great products. And I hope this collection of online products may be just as helpful.</p>
<h2>UPrinting</h2>
<p>People who have been into marketing for a while should know about <a href="http://www.uprinting.com/">UPrinting</a>. It is a fantastic service which allows for expedited shipping and quicker delivery times. But I also feel UPriting has a lot to offer typical small businesses and online ventures.</p>
<p>You want to select a product which can help your audience and keep them engaged with your site. It should also have memorable branding so that people recognize your website immediately. This can be tough, so I would recommend working with a designer whenever possible. But the UPrinting service is easy to understand yet still complex enough for publishing any media.</p>
<h2>24 Hour Print</h2>
<p>Here is a wonderful competitor which offers printed jobs within 24 hours of service. The website <a href="http://www.24hourprint.com/">24 Hour Print</a> explains more about their 24 hour printing service. Their help and support lines are always open, and you can easily get in touch with members of the company through e-mail too. I have been really impressed with their work and it is astounding to see how they can manage so many orders.</p>
<p>Check out <a href="http://www.24hourprint.com/secure/products.html">their products page</a> if you want to learn a bit more. The sheer number of items you can order is quite exhilarating. And you will have the opportunity for uploading your own custom graphics into the site which can be manipulated for marketing purposes. The design itself is not very difficult and working with 24 Hour Print makes the whole process a lot smoother.</p>
<p><a href="http://www.24hourprint.com/secure/products.html"><img src="http://designm.ag/wp-content/uploads/2013/06/24hourprint-homepage-website-layout.png" alt="24 hour print services online website layout" /></a></p>
<p>I would recommend reading up a bit more on the company and how they operate. For people who need a quick job completed on time, 24 Hour Print will do what you need. They are not a complicated launch which requires too much effort put into marketing or development. Plus their costs are very reasonable for any small or medium business.</p>
<p>Granted there are some other competitors in the same market niche. But I think 24 Hour Print has an enormous following of business clients. Their turnover time is almost unrivaled among similar services. It is worth the time and effort to get everything running smoothly. I would suggest digging through the website <a href="http://www.24hourprint.com/secure/print-templates">templates page</a> and see what else is possible.</p>
<h2>Final Thoughts</h2>
<p>Print marketing is not useful in every business venture. You will need to spend a lot of time picking your audience and figuring out the best way to approach your users. But overall, printed materials can be shared a lot quicker and also digested when off the computer. They do not require an Internet connection yet still provide links to your website. It is a great point of management which many people do not take as seriously as they could.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1415907761' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75407&c=1415907761' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/designmag?a=v_ACgRlv4OY:4hdcat1cZr0:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/designmag?i=v_ACgRlv4OY:4hdcat1cZr0:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=v_ACgRlv4OY:4hdcat1cZr0:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/designmag?i=v_ACgRlv4OY:4hdcat1cZr0:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=v_ACgRlv4OY:4hdcat1cZr0:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/designmag?i=v_ACgRlv4OY:4hdcat1cZr0:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/designmag/~4/v_ACgRlv4OY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://designm.ag/resources/popular-printing-services-digital-marketing/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Grab Your WordPress Bootcamp Seat Today and Save $200</title>
		<link>http://designm.ag/freelance/grab-your-wordpress-bootcamp-seat-today-and-save-200/</link>
		<comments>http://designm.ag/freelance/grab-your-wordpress-bootcamp-seat-today-and-save-200/#comments</comments>
		<pubDate>Tue, 18 Jun 2013 20:35:57 +0000</pubDate>
		<dc:creator>Brant Wilson</dc:creator>
				<category><![CDATA[Business/Freelance]]></category>

		<guid isPermaLink="false">http://designm.ag/?p=75430</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=291495820' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=291495820' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br />If you’re looking for a fast way to learn WordPress, LearnWebDevelopment.com has created the perfect program. It’s their WordPress Bootcamp &#8211; a training course that will teach you how to build a fully-functioning WordPress website in just 8 weeks! And, because they give all their students weekly feedback as they go through the course, you’ll [...]<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=835903122' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=835903122' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p>]]></description>
				<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=1895343692' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=1895343692' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><p>If you’re looking for a fast way to learn WordPress, LearnWebDevelopment.com has created the perfect program. It’s their WordPress Bootcamp &#8211; a training course that will teach you how to build a fully-functioning WordPress website in just 8 weeks! And, because they give all their students weekly feedback as they go through the course, you’ll never be left alone. </p>
<p>The only catch is &#8230; early-bird pricing (and the option to save $200 off the regular price) is ending soon. You have until Thursday, June 20, 2013 at midnight. </p>
<p>If you&#8217;d like to quickly become an in-demand WordPress website designer, <a href="http://www.learnwebdevelopment.com/cmd.php?af=1542371">sign up here now</a>.</p>
<p>Remember, all of LearnWebDevelopment.com’s WordPress Bootcamps come with a risk-free lifetime money-back guarantee. <a href="http://www.learnwebdevelopment.com/cmd.php?af=1542371">Get the details here</a>.</p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=740858259' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75430&c=740858259' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/designmag?a=eKr89dlyI6Y:jnkhuY1lkkQ:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/designmag?i=eKr89dlyI6Y:jnkhuY1lkkQ:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=eKr89dlyI6Y:jnkhuY1lkkQ:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/designmag?i=eKr89dlyI6Y:jnkhuY1lkkQ:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=eKr89dlyI6Y:jnkhuY1lkkQ:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/designmag?i=eKr89dlyI6Y:jnkhuY1lkkQ:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/designmag/~4/eKr89dlyI6Y" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://designm.ag/freelance/grab-your-wordpress-bootcamp-seat-today-and-save-200/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 Beautiful Typekit Web Fonts to use in Design Projects</title>
		<link>http://designm.ag/resources/30-beautiful-typekit-webfonts-for-design-projects/</link>
		<comments>http://designm.ag/resources/30-beautiful-typekit-webfonts-for-design-projects/#comments</comments>
		<pubDate>Tue, 18 Jun 2013 15:39:05 +0000</pubDate>
		<dc:creator>Jake Rocheleau</dc:creator>
				<category><![CDATA[Resources]]></category>
		<category><![CDATA[css3]]></category>
		<category><![CDATA[fonts]]></category>
		<category><![CDATA[Gallery]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[webfont]]></category>

		<guid isPermaLink="false">http://designm.ag/?p=75268</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=2125477363' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=2125477363' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><p>The online webfont service <a href="https://typekit.com/">Typekit by Adobe</a> is a fantastic business model. Their premium accounts are very affordable in yearly billing cycles and you have access to over 700+ different fonts. These can be loaded directly into your CSS and used as a regular font-family value. Typekit is a quick way to dramatically improve the layout of your website.</p>

<p>I have put together this showcase of 30 personal favorites from Typekit. You can use these fonts in so many different places like your navigation, footer, header text, and even body content. Custom typefaces will take a bit of time to load - so there is a tradeoff for using all custom web fonts. However when used sparingly the Typekit library is a colossus unmatched anywhere else on the web.</p>

<h3><a href="https://typekit.com/fonts/proxima-nova">Proxima Nova</a></h3>
<p><a href="https://typekit.com/fonts/proxima-nova"><img src="http://designm.ag/wp-content/uploads/2013/06/01-proxima-nova-typekit-webfont-showcase.png" alt="proxima nova typekit webfonts" class="imgborder" /></a></p><br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=1206927458' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=1206927458' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p>]]></description>
				<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=2039884756' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=2039884756' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><p>The online webfont service <a href="https://typekit.com/">Typekit by Adobe</a> is a fantastic business model. Their premium accounts are very affordable in yearly billing cycles and you have access to over 700+ different fonts. These can be loaded directly into your CSS and used as a regular font-family value. Typekit is a quick way to dramatically improve the layout of your website.</p>
<p>I have put together this showcase of 30 personal favorites from Typekit. You can use these fonts in so many different places like your navigation, footer, header text, and even body content. Custom typefaces will take a bit of time to load &#8211; so there is a tradeoff for using all custom web fonts. However when used sparingly the Typekit library is a colossus unmatched anywhere else on the web.</p>
<h3><a href="https://typekit.com/fonts/proxima-nova">Proxima Nova</a></h3>
<p><a href="https://typekit.com/fonts/proxima-nova"><img src="http://designm.ag/wp-content/uploads/2013/06/01-proxima-nova-typekit-webfont-showcase.png" alt="proxima nova typekit webfonts" class="imgborder" /></a></p>
<p><span id="more-75268"></span></p>
<h3><a href="https://typekit.com/fonts/chaparral-pro">Chaparral Pro</a></h3>
<p><a href="https://typekit.com/fonts/chaparral-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/02-chaparral-pro-webfont-typekit.png" alt="online typekit web font gallery chaparral" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/adelle-sans">Adelle Sans</a></h3>
<p><a href="https://typekit.com/fonts/adelle-sans"><img src="http://designm.ag/wp-content/uploads/2013/06/03-adelle-sans-typekit-web-font.png" alt="clean slim sansserif webfont adelle typekit" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/ff-meta-web-pro">FF Meta Web Pro</a></h3>
<p><a href="https://typekit.com/fonts/ff-meta-web-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/04-ff-meta-web-pro-typekit.png" alt="webfonts ffmeta web pro typekit selection" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/ff-meta-serif-web-pro">FF Meta Serif Web Pro</a></h3>
<p><a href="https://typekit.com/fonts/ff-meta-serif-web-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/05-ff-meta-serif-web-pro-font-typekit.png" alt="webfonts ff serif ffmeta typekit selection" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/iskra">Iskra</a></h3>
<p><a href="https://typekit.com/fonts/iskra"><img src="http://designm.ag/wp-content/uploads/2013/06/06-iskra-custom-light-web-font-typekit.png" alt="basic sans serif iskra webfont typekit" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/museo">Museo</a></h3>
<p><a href="https://typekit.com/fonts/museo"><img src="http://designm.ag/wp-content/uploads/2013/06/07-museo-web-font-big-typekit.png" alt="typekit webfont gallery museo sans-serif" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/minion-pro">Minion Pro</a></h3>
<p><a href="https://typekit.com/fonts/minion-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/08-minion-pro-webfont-typekit-gallery.png" alt="minion pro typekit web font gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/ratio">Ratio</a></h3>
<p><a href="https://typekit.com/fonts/ratio"><img src="http://designm.ag/wp-content/uploads/2013/06/09-typekit-ratio-webfont-design-gallery.png" alt="big sans-serif typekit website webfont" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/brevia">Brevia</a></h3>
<p><a href="https://typekit.com/fonts/brevia"><img src="http://designm.ag/wp-content/uploads/2013/06/10-brevia-web-font-typekit-sans-serif.png" alt="readable sans-serif website webfont typekit brevia" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/bello-pro">Bello Pro</a></h3>
<p><a href="https://typekit.com/fonts/bello-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/11-bello-pro-font-style-typekit.png" alt="bellopro typekit curved webfont fancy" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/kepler-std-extended-subhead">Kepler STD Extended</a></h3>
<p><a href="https://typekit.com/fonts/kepler-std-extended-subhead"><img src="http://designm.ag/wp-content/uploads/2013/06/12-kepler-std-standard-subhead-typekit-webfont.png" alt="font family typekit gallery keplerstd extended" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/rooney-sans">Rooney Sans</a></h3>
<p><a href="https://typekit.com/fonts/rooney-sans"><img src="http://designm.ag/wp-content/uploads/2013/06/13-rooney-sans-custom-webfont-typekit.png" alt="typekit custom gallery rooney sans-serif" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/alternate-gothic-no-3-d">Alternate Gothic</a></h3>
<p><a href="https://typekit.com/fonts/alternate-gothic-no-3-d"><img src="http://designm.ag/wp-content/uploads/2013/06/14-alternate-gothic-no3-typekit-custom-fonts.png" alt="big capitals gothic thick webfont typekit" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/kepler-std-caption">Kepler STD Caption</a></h3>
<p><a href="https://typekit.com/fonts/kepler-std-caption"><img src="http://designm.ag/wp-content/uploads/2013/06/15-kepler-std-standard-caption-webfont-typekit.png" alt="kepler std serif webfont captions" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/utopia-std">Utopia STD</a></h3>
<p><a href="https://typekit.com/fonts/utopia-std"><img src="http://designm.ag/wp-content/uploads/2013/06/16-utopia-std-standard-webfont-typekit.png" alt="utopia std webfont typekit gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/jaf-herb">JAF Herb</a></h3>
<p><a href="https://typekit.com/fonts/jaf-herb"><img src="http://designm.ag/wp-content/uploads/2013/06/17-jaf-herb-16th-century-script-webfont-typekit.png" alt="jaf herb typekit fancy webfont script" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/acuta">Acuta</a></h3>
<p><a href="https://typekit.com/fonts/acuta"><img src="http://designm.ag/wp-content/uploads/2013/06/18-acuta-web-font-custom-typekit.png" alt="webfont tailor made scripts typkit inspiration" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/cronos-pro">Cronos Pro</a></h3>
<p><a href="https://typekit.com/fonts/cronos-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/19-cronos-pro-webfont-typekit-gallery.png" alt="webfont typekit gallery inspiration cronospro sans-serif" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/bickham-script-pro">Bickham Script Pro</a></h3>
<p><a href="https://typekit.com/fonts/bickham-script-pro"><img src="http://designm.ag/wp-content/uploads/2013/06/20-bickham-script-pro-writing-webfont-typekit.png" alt="bickham script pro webfont typekit gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/coquette">Coquette</a></h3>
<p><a href="https://typekit.com/fonts/coquette"><img src="http://designm.ag/wp-content/uploads/2013/06/21-coquette-webfont-typekit-gallery.png" alt="fancy typekit letters big webfont gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/ff-market-web">FF Market Web</a></h3>
<p><a href="https://typekit.com/fonts/ff-market-web"><img src="http://designm.ag/wp-content/uploads/2013/06/22-ff-market-web-webfont-typekit-gallery.png" alt="market ffweb webfont typekit gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/droid-serif">Droid Serif</a></h3>
<p><a href="https://typekit.com/fonts/droid-serif"><img src="http://designm.ag/wp-content/uploads/2013/06/23-droid-serif-open-webfont-typekit.png" alt="serif droid typekit webfont gallery" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/skolar-web">Skolar Web</a></h3>
<p><a href="https://typekit.com/fonts/skolar-web"><img src="http://designm.ag/wp-content/uploads/2013/06/24-skolar-web-webfont-typekit-gallery.png" alt="skolar webfont typekit gallery serif" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/fertigo-pro-script">Fertigo Pro Script</a></h3>
<p><a href="https://typekit.com/fonts/fertigo-pro-script"><img src="http://designm.ag/wp-content/uploads/2013/06/25-fertigo-pro-webfont-typekit-design.png" alt="typekit script design fertigo pro webfont" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/foco">Foco</a></h3>
<p><a href="https://typekit.com/fonts/foco"><img src="http://designm.ag/wp-content/uploads/2013/06/26-foco-web-font-typekit-gallery-design.png" alt="sans-serif typekit gallery inspiring webfonts" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/krete">Krete</a></h3>
<p><a href="https://typekit.com/fonts/krete"><img src="http://designm.ag/wp-content/uploads/2013/06/27-krete-serif-webfont-typekit-showcase.png" alt="serif krete typekit gallery webfont choices" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/brioso-pro-caption">Brioso Pro Caption</a></h3>
<p><a href="https://typekit.com/fonts/brioso-pro-caption"><img src="http://designm.ag/wp-content/uploads/2013/06/28-brioso-pro-caption-webfont-typekit-gallery.png" alt="serif brioso fancy stype captions webfont typekit" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/modesto">Modesto</a></h3>
<p><a href="https://typekit.com/fonts/modesto"><img src="http://designm.ag/wp-content/uploads/2013/06/29-modesto-custom-webfont-interface-typekit.png" alt="serif interface typekit gallery webfont modesto" class="imgborder" /></a></p>
<h3><a href="https://typekit.com/fonts/cubano">Cubano</a></h3>
<p><a href="https://typekit.com/fonts/cubano"><img src="http://designm.ag/wp-content/uploads/2013/06/30-cubano-bold-webfont-custom-typekit.png" alt="webfont cubano typekit galleries thick bold" class="imgborder" /></a></p>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=136790843' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75268&c=136790843' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/designmag?a=15SQmr3D3uQ:kLIQQxPBRX8:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/designmag?i=15SQmr3D3uQ:kLIQQxPBRX8:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=15SQmr3D3uQ:kLIQQxPBRX8:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/designmag?i=15SQmr3D3uQ:kLIQQxPBRX8:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=15SQmr3D3uQ:kLIQQxPBRX8:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/designmag?i=15SQmr3D3uQ:kLIQQxPBRX8:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/designmag/~4/15SQmr3D3uQ" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://designm.ag/resources/30-beautiful-typekit-webfonts-for-design-projects/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>What Really Matters in Navigation Bar Usability?</title>
		<link>http://designm.ag/resources/what-really-matters-in-navigation-bar-usability/</link>
		<comments>http://designm.ag/resources/what-really-matters-in-navigation-bar-usability/#comments</comments>
		<pubDate>Thu, 13 Jun 2013 12:59:26 +0000</pubDate>
		<dc:creator>Toby Biddle</dc:creator>
				<category><![CDATA[Resources]]></category>

		<guid isPermaLink="false">http://designm.ag/?p=75312</guid>
		<description><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=1577917665' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=1577917665' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><strong><em>A look at real A/B tests across several large enterprises suggests: everything.</em></strong>

Designing a navigation bar can be a humbling exercise. We want to consider our visitors’ natural orientation when browsing a site, along with their short attention span, and lay out a navigation structure that’s logical yet elegant. So what’s most important when designers think about navigation bar and sub-navigation usability practices?

In this post, we’ll examine several A/B tests conducted by large enterprises with plenty of resources, great attention to detail and a hunger for answers flanked by scientific method. Looking at this type of data, it quickly becomes clear that minutia such as link style, sub-nav structure, list order and the like, aren’t minutia at all. They can prove critical to the success of the site.

&#160;

<strong>To sub-nav or not to sub-nav? That was Dell’s question.</strong>

In this first case study, a clever and meticulous team of Dell marketers discover that 5 pages in particular on their website correlate highly with visitors who complete a lead form. Their hypothesis becomes: if we put these pages in front of new visitors, perhaps they, too, will be more likely to convert, as it seems something about these 5 pages is compelling to them.

The A/B test Dell ran involved a baseline version of the site as it was already set up, with the B version offering visitors the 5 critical pages as sub-nav items. That move yielded 39% more leads.
<p style="text-align: center"><strong>Version A</strong></p>
<p dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/1a.png"><img class="aligncenter size-full wp-image-75313" src="http://designm.ag/wp-content/uploads/2013/06/1a.png" alt="" width="402" height="334" /></a></p><br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=399059121' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=399059121' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p>]]></description>
				<content:encoded><![CDATA[<p><a href='http://rss.buysellads.com/click.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=477669459' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264759&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=477669459' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264759' target='_blank'>Advertise here with BSA</a></p><br /><p><strong><em>A look at real A/B tests across several large enterprises suggests: everything.</em></strong></p>
<p>Designing a navigation bar can be a humbling exercise. We want to consider our visitors’ natural orientation when browsing a site, along with their short attention span, and lay out a navigation structure that’s logical yet elegant. So what’s most important when designers think about navigation bar and sub-navigation usability practices?</p>
<p>In this post, we’ll examine several A/B tests conducted by large enterprises with plenty of resources, great attention to detail and a hunger for answers flanked by scientific method. Looking at this type of data, it quickly becomes clear that minutia such as link style, sub-nav structure, list order and the like, aren’t minutia at all. They can prove critical to the success of the site.</p>
<p>&nbsp;</p>
<p><strong>To sub-nav or not to sub-nav? That was Dell’s question.</strong></p>
<p>In this first case study, a clever and meticulous team of Dell marketers discover that 5 pages in particular on their website correlate highly with visitors who complete a lead form. Their hypothesis becomes: if we put these pages in front of new visitors, perhaps they, too, will be more likely to convert, as it seems something about these 5 pages is compelling to them.</p>
<p>The A/B test Dell ran involved a baseline version of the site as it was already set up, with the B version offering visitors the 5 critical pages as sub-nav items. That move yielded 39% more leads.</p>
<p style="text-align: center"><strong>Version A</strong></p>
<p dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/1a.png"><img class="aligncenter size-full wp-image-75313" src="http://designm.ag/wp-content/uploads/2013/06/1a.png" alt="" width="402" height="334" /></a></p>
<p style="text-align: center" dir="ltr"><strong>Version B</strong></p>
<p dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/1b.png"><img class="aligncenter size-full wp-image-75314" src="http://designm.ag/wp-content/uploads/2013/06/1b.png" alt="" width="402" height="334" /></a></p>
<p>&nbsp;</p>
<p><strong>What type of sub-nav increased engagement for IBM?</strong></p>
<p>This test sheds light on the importance of presentation when it comes to a sub-navigation structure. IBM looked at engagement metrics, measured as clicks on topics or images in a given section of the website, to determine whether on-site links or a drop-down box would be more successful as sub-navigation.</p>
<p>Here’s what that looked like.</p>
<p style="text-align: center"><strong>Version A</strong></p>
<p dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/2a.png"><img class="aligncenter size-full wp-image-75315" src="http://designm.ag/wp-content/uploads/2013/06/2a.png" alt="" width="458" height="566" /></a></p>
<p style="text-align: center" dir="ltr"><strong>Version B</strong></p>
<div><a href="http://designm.ag/wp-content/uploads/2013/06/2b.png"><img class="aligncenter  wp-image-75316" src="http://designm.ag/wp-content/uploads/2013/06/2b.png" alt="" width="486" height="668" /></a></div>
<p>The on-page links crushed drop-down sub-nav in the test, increasing site section engagement by over 219% at more than 99.9% confidence. That is a huge win. Does this mean we should always design sub-nav with on-page links? Not necessarily, but with this test, IBM makes a pretty strong case for considering that route.</p>
<p>It’s possible the users’ response was so strong in this case because the page in question was a category page, intended to help visitors find their way around a site section. From that perspective, this might make a good usability test for content-heavy sites and large e-commerce players.</p>
<p>&nbsp;</p>
<p><strong>Don’t ignore nav header copy</strong></p>
<p>Does header copy really matter? The debate is open as to just how much impact minute changes can have, but according to this Autodesk study, it can make a major difference to your user.</p>
<p style="text-align: center"><strong>Version A</strong></p>
<p dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/3a.png"><img class="aligncenter size-full wp-image-75317" src="http://designm.ag/wp-content/uploads/2013/06/3a.png" alt="" width="508" height="457" /></a></p>
<p style="text-align: center" dir="ltr"><strong>Version B</strong></p>
<div><a href="http://designm.ag/wp-content/uploads/2013/06/3b.png"><img class="aligncenter size-full wp-image-75318" src="http://designm.ag/wp-content/uploads/2013/06/3b.png" alt="" width="519" height="448" /></a></div>
<div></div>
<div>
<p>As it turns out, Autodesk’s visitors preferred “Solutions” overwhelmingly to “Industries.” The version with the “Solutions” nav item got 24% more clicks on its sub-nav links and increased lead generation form submit rates further down the funnel by 4%. Interestingly, the Autodesk team had run a study with UserTesting.com in the months prior which suggested than 9 out of 10 potential visitors preferred “Industries” as the nav item – a good reminder to choose audiences carefully when usability testing, and to validate the results of usability testing with live split tests.</p>
<p>&nbsp;</p>
<p><strong>When does sub-nav layout make a difference?</strong></p>
<p>Urban Outfitters, a major US retail chain, discovered that the order in which products and product categories are listed in sub-navigation can have an impact on the customer. Here are the two versions they tested.</p>
<p style="text-align: center"><strong>Version A</strong></p>
</div>
<div>
<p style="text-align: center" dir="ltr"><a href="http://designm.ag/wp-content/uploads/2013/06/4a.jpg"><img class="aligncenter  wp-image-75319" src="http://designm.ag/wp-content/uploads/2013/06/4a.jpg" alt="" width="731" height="310" /></a></p>
<p style="text-align: center" dir="ltr"><strong>Version B</strong></p>
<div><a href="http://designm.ag/wp-content/uploads/2013/06/4b.jpg"><img class="aligncenter size-full wp-image-75320" src="http://designm.ag/wp-content/uploads/2013/06/4b.jpg" alt="" width="752" height="320" /></a></div>
</div>
<div></div>
<div>
<p>For some reason, when “Shop by Category” moved to the left side, and “Shop by Collection” moved to the right, sales increased by 1.44% and average order value went up 1.85% &#8212; big numbers for a large e-commerce player.</p>
<p>At the end of the day, this encourages us to keep testing navigation bar usability and conversion-friendliness. It also sets a strong example in terms of measurement – e-commerce sites should consider as many key metrics as possible in testing. Note that the Urban Outfitters team looked at both average order value and sales in order to determine the winning variant.</p>
<p>If you’re on a limited usability testing budget, you’ll have to drill down to the most critical elements of your navigation structure when gathering quantitative and qualitative feedback. But looking at case studies rooted in large organizations reminds us that peeling back the onion of nav and sub-nav design can reveal a wealth of insights, down to the last detail. Navigation bar usability runs as deep as you have the stomach to explore.</p>
<p><em>The A/B test case studies referenced in this post are shared courtesy of <a href="http://whichtestwon.com/" target="_blank">WhichTestWon</a>.</em></p>
<p>&nbsp;</p>
</div>
<br /><p><a href='http://rss.buysellads.com/click.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=300988737' target='_blank' rel='nofollow'>
				<img src='http://rss.buysellads.com/img.php?z=1264760&k=7b00119eaeee15661bc8c2a76269358e&a=75312&c=300988737' border='0' alt='' /></a></p><p><a href='http://buysellads.com/buy/sitedetails/pubkey/7b00119eaeee15661bc8c2a76269358e/zone/1264760' target='_blank'>Advertise here with BSA</a></p><div class="feedflare">
<a href="http://feeds.feedburner.com/~ff/designmag?a=cZrJDXAnwYo:UtklgAkwrTI:F7zBnMyn0Lo"><img src="http://feeds.feedburner.com/~ff/designmag?i=cZrJDXAnwYo:UtklgAkwrTI:F7zBnMyn0Lo" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=cZrJDXAnwYo:UtklgAkwrTI:V_sGLiPBpWU"><img src="http://feeds.feedburner.com/~ff/designmag?i=cZrJDXAnwYo:UtklgAkwrTI:V_sGLiPBpWU" border="0"></img></a> <a href="http://feeds.feedburner.com/~ff/designmag?a=cZrJDXAnwYo:UtklgAkwrTI:gIN9vFwOqvQ"><img src="http://feeds.feedburner.com/~ff/designmag?i=cZrJDXAnwYo:UtklgAkwrTI:gIN9vFwOqvQ" border="0"></img></a>
</div><img src="http://feeds.feedburner.com/~r/designmag/~4/cZrJDXAnwYo" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://designm.ag/resources/what-really-matters-in-navigation-bar-usability/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss><!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Page Caching using memcached
Database Caching 13/20 queries in 0.003 seconds using memcached
Object Caching 1043/1123 objects using memcached

 Served from: designm.ag @ 2013-06-19 21:13:28 by W3 Total Cache -->
