<?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>Design vs Art Blog &#187; Branding</title>
	<atom:link href="http://www.designvsart.com/blog/category/branding/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designvsart.com/blog</link>
	<description>Interaction Design and User Experience</description>
	<lastBuildDate>Tue, 08 Nov 2011 08:24:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
<cloud domain='www.designvsart.com' port='80' path='/blog/?rsscloud=notify' registerProcedure='' protocol='http-post' />
		<item>
		<title>The Importance of Favicons</title>
		<link>http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/</link>
		<comments>http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/#comments</comments>
		<pubDate>Mon, 19 May 2008 11:22:07 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/' addthis:title='The Importance of Favicons ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>A favicon is an icon associated to a website or web page, it is also called website icon or page icon. There are several ways to implement it but the most traditional one is placing a favicon.ico image file. This &#8230; <a href="http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/' addthis:title='The Importance of Favicons '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/' addthis:title='The Importance of Favicons ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p><span style="font-size: x-large;"><b>A</b></span> favicon is an icon associated to a website or web page, it is also called website icon or page icon. There are several ways to implement it but the most traditional one is placing a favicon.ico image file. This image is going to be displayed in the web browser tool bar and bookmarks.</p>
<p>Favicons are not only important for marketing and branding proposes but also for usability:</p>
<p>- Favicons help the user to identify pages among the web browser tabs</p>
<p>- They help to visually identify bookmarks</p>
<p>- Because of the previous two points, they make users to save time and to make internet browsing a more comfortable experience</p>
<p>&nbsp;</p>
<p><span style="font-size: large;"><b>Tabs</b></span></p>
<p>Notice how easy it is to identify tabs if they have favicons:</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="345" height="53" border="1" alt="Web Browser Showing Favicons In Tabs" src="http://www.designvsart.com/blog/wp-content/uploads/tabs(1).jpg" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><span style="font-size: large;"><b>Bookmarks</b></span></p>
<p>Users can easily search through bookmarks that have favicons:</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="291" height="85" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/bookmarks(1).jpg" alt="Bookmarks With Favicons" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><span style="font-size: large;"><b>The Branding Problem</b></span></p>
<p>Sometimes using favicons requires to make a balance between branding and usability. In the following example Google uses the same favicon for all its services. This has a positive and a negative effect: on one side different services benefit from the main Google brand if they share the same favicon, on the other side it makes difficult to differentiate different pages and services from the same company.&nbsp; This a valid approach but using several favicons for different services of the same company/website could improve usability.</p>
<p>The Google favicon among different services:</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="187" height="139" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/google favicon(1).jpg" alt="The Google Favicon Among Services" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=369&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/' addthis:title='The Importance of Favicons '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/05/19/the-importance-of-favicons/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Careless Design From Google and Apple?</title>
		<link>http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/</link>
		<comments>http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/#comments</comments>
		<pubDate>Thu, 13 Mar 2008 05:45:09 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Email Writing]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[User]]></category>
		<category><![CDATA[Web]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/' addthis:title='Careless Design From Google and Apple? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Today two of my favorite companies decided to tell me how little they care about me and other customers. In my opinion, not bothering users with useless information is highly related to the general design of a website and usability. &#8230; <a href="http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/' addthis:title='Careless Design From Google and Apple? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/' addthis:title='Careless Design From Google and Apple? ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Today two of my favorite companies decided to tell me how little they care about me and other customers. In my opinion, not bothering users with useless information is highly related to the general design of a website and usability. Keep in mind that a good website should make users&#8217; life easier trying to make processes simple and short and without disturbing users when they are doing other activities. In another example of how <b>design, usability and marketing</b> mix each other I will show you the emails I got from Google and Apple.&nbsp;</p>
<p>The first mail came from Google, it was actually coming from &quot;noreplay&quot; and the subject was <b>&quot;New Optional Benchmarking Feature Available in Google Analytics&quot;</b>. That was it, no link to get farther information, <b>no content in the email</b>. At all. Then I went to my Analytics account, there was an item for the new feature in the menu but nothing inside. OK, this could be a new feature that is coming but the way they announced it was a little bit careless (maybe arrogant?).</p>
<p>Don&#8217;t get me wrong, I do really admire Google. They usually make good marketing, they design good processes and they care about usability. And that&#8217;s why the following email makes me angry:</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="530" height="244" border="1" src="http://www.designvsart.com/blog/wp-content/uploads/google.png" alt="Google Mail Example" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p>The second email making me angry today comes from the Apple iTunes Store (Germany). Yeah, I love my iPod and I love Apple products but lets have a look at the following email. Apple decided today that they wanted to send me spam, OK, it was not unsolicited email because I signed up for the newsletter, but the information on it was as useless and aggressive as spam could be.</p>
<p>The &quot;iTunes alert me&quot; newsletter should recommend me music I might like. <b>Today, Apple sent me an email offering me an album I already have, one that I listen to very often and one that has been released 4 years ago. </b>I am sure Apple already knows all that, so why bothering me with so useless information?</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="530" height="472" border="1" alt="iTunes Alert Me Mail Example" src="http://www.designvsart.com/blog/wp-content/uploads/itunes.png" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=356&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/' addthis:title='Careless Design From Google and Apple? '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/03/13/careless-design-from-google-and-apple/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Site Branding Usability Increase Visits, Examples</title>
		<link>http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/</link>
		<comments>http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/#comments</comments>
		<pubDate>Sat, 26 Jan 2008 05:15:48 +0000</pubDate>
		<dc:creator>Alexis Brion</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Good Design]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Web2.0]]></category>

		<guid isPermaLink="false">http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/</guid>
		<description><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/' addthis:title='Site Branding Usability Increase Visits, Examples ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>Improving your website branding could increase the time visitors stay. Many users get into a page and if they don&#8217;t easily notice what the website is for, they leave, forever. &#160; &#34;To be effective, a tagline should be clear and &#8230; <a href="http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/">Continue reading <span class="meta-nav">&#8594;</span></a><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/' addthis:title='Site Branding Usability Increase Visits, Examples '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></description>
			<content:encoded><![CDATA[<div class="addthis_toolbox addthis_default_style addthis_" addthis:url='http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/' addthis:title='Site Branding Usability Increase Visits, Examples ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div><p>Improving your <b>website branding</b> could increase the time visitors stay. Many users get into a page and if they don&#8217;t easily notice what the website is for, they leave, forever.</p>
<p>&nbsp;</p>
<h3 style="text-align: center;"><i>&quot;To be effective, a tagline should be clear and exact&#8230;&quot;</i></h3>
<p>One way of showing what your site is for is adding a <b>tagline</b> to your <b>logo design</b>. A tagline is the word of phrase usually written below a logo. To be effective, a tagline should be clear and exact, without fancy wording.</p>
<p><a target="_blank" href="http://www.kohls.com"> Kohls.com</a> &quot;expect great things&quot; does not tell anything. In this case the tagline is totally useless.</p>
<p>&nbsp;</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="160" height="32" alt="Kohls.com Logo Tagline" src="http://www.designvsart.com/blog/wp-content/uploads/Kohls 20080126.gif" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><a target="_blank" href="http://www.lowes.com"> Lowe&#8217;s</a> &quot;Let&#8217;s Build Something Together&quot; is a <b>better usability</b> approach, but users still have to think a little bit to know what Lowe&#8217;s is selling.</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="126" height="95" alt="Lowe's Logo Tagline" src="http://www.designvsart.com/blog/wp-content/uploads/Lowes 20080126.gif" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<p><a target="_blank" href="http://thottbot.com/"> Thottbot </a>&quot;World of Warcraft Database&quot; is an <b>excellent tagline</b> example that tells users straight away but the site is for.</p>
<p>&nbsp;</p>
<table width="550" cellspacing="1" cellpadding="1" border="0" align="center">
<tbody>
<tr>
<td style="text-align: center;"><img width="393" height="102" alt="Thottbot Logo Tagline" src="http://www.designvsart.com/blog/wp-content/uploads/Thottbot.jpg" /></td>
</tr>
</tbody>
</table>
<p>&nbsp;</p>
<img src="http://www.designvsart.com/blog/?ak_action=api_record_view&id=326&type=feed" alt="" /><div class="addthis_toolbox addthis_default_style " addthis:url='http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/' addthis:title='Site Branding Usability Increase Visits, Examples '  ><a class="addthis_button_facebook_like" fb:like:layout="button_count"></a><a class="addthis_button_tweet"></a><a class="addthis_counter addthis_pill_style"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.designvsart.com/blog/2008/01/26/site-branding-usability-increase-visits-examples/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

