<?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>Nicolas Schudel &#187; Branding</title>
	<atom:link href="http://nicolasschudel.name/category/branding/feed/" rel="self" type="application/rss+xml" />
	<link>http://nicolasschudel.name</link>
	<description>Balancing Design and Development in Online Media</description>
	<lastBuildDate>Sun, 09 May 2010 08:42:26 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Linking a Site’s Search Function to the Browser’s Search Bar</title>
		<link>http://nicolasschudel.name/linking-search/</link>
		<comments>http://nicolasschudel.name/linking-search/#comments</comments>
		<pubDate>Fri, 30 Oct 2009 18:56:02 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Featured]]></category>
		<category><![CDATA[Web Development]]></category>
		<category><![CDATA[Javascript]]></category>
		<category><![CDATA[Search]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=180</guid>
		<description><![CDATA[<p>The search bar has become a common feature in modern web browsers. Equally common, are search forms embedded into web sites. I talk about a format named OpenSearch and show how it can be used to link site- and browser search functionality.</p>]]></description>
			<content:encoded><![CDATA[<p>The <a href="http://www.mozilla.com/en-US/firefox/search.html">search bar</a> has become a common feature in modern browsers since it was <a href="http://en.wikipedia.org/wiki/Browser_wars#The_second_browser_war">introduced by Firefox in 2004</a>. Users have gotten so used to finding the search bar in the upper right hand corner of the window, that many sites<a href="http://www.uie.com/brainsparks/2006/03/22/does-search-need-to-be-in-the-upper-right/"> adapted their layout to place their own local search in the same area</a>.</p>

<p>A lesser known feature of browsers, such as Firefox 2 or Internet Explorer 7, is that users can add search functionality to the browser’s search bar directly from within a page. The data structure containing the search information has (so far) been agreed upon as <a href="http://www.opensearch.org/">OpenSearch</a>. Since the format is open, any browser software can implement this functionality.</p>

<div class="column half left">
<div id="attachment_192" class="wp-caption alignnone" style="width: 314px"><img src="http://nicolasschudel.name/fileadmin/articles/2009/11/firefox3_searchbar.jpg" alt="The Firefox search bar with a linked OpenSearch example on the bottom." title="Firefox 3 Search Bar" width="304" height="216" class="size-full wp-image-192" /><p class="wp-caption-text">The Firefox search bar with a linked OpenSearch example on the bottom.</p></div>
</div>
<div class="column half right">
<div id="attachment_193" class="wp-caption alignnone" style="width: 314px"><img src="http://nicolasschudel.name/fileadmin/articles/2009/11/ie8_searchbar.jpg" alt="The Internet Explorer search bar listing the OpenSearch example." title="Internet Explorer 8 Search Bar" width="304" height="216" class="size-full wp-image-193" /><p class="wp-caption-text">The Internet Explorer search bar listing an OpenSearch example.</p></div>
</div>
<h2>When to use OpenSearch</h2>
<p>OpenSearch makes sense on any site that provides search functionality. When active, Firefox and Internet Explorer include an option to add the site’s search in the search bar. </p>
<img src="http://nicolasschudel.name/fileadmin/articles/2009/11/add_search_bar_link.jpg" alt="A link indicating that the site’s search can be added to the browser search bar" title="Search Bar Link" width="244" height="208" class="alignleft size-full wp-image-189" />

<p>In my opinion, adding a notice or a link on the page to enable the search functionality is overkill for most sites. I personally wouldn’t use it for my own weblog. On the other hand, an online store with thousands of products could greatly benefit from this feature as a brand touchpoint; And informing the user about this functionality would be worthwhile. Once a user adds a site to their browsers search bar, it is a constant reminder of the site’s existence. Every time a user activates the search bar drop-down menu, that site will be there.<br /></p>

<h2>Implementation</h2>
<p>Versions of Firefox before 2.0 had a different way for adding search to the search bar. It was similar, but included a different XML structure. The data was saved in files ending with “.src”. I decided not to add this method anymore, since it is specific to a small user base (who still uses FF 1.0?).</p>

<p>Only two things need to be done to add OpenSearch:</p>

<ol>
	<li>Create an XML-File containing data about the search engine;</li>
	<li>Link to the XML-File in the head of the site’s HTML.</li>
</ol>

<p>The XML, for example, would be structured as follows; Simply adapt the URLs for your site. To get the correct search URL, perform a search on your site, copy the URL and replace your search term with “{searchTerms}”.</p>
<pre class="brush: xml">&lt;?xml version=&quot;1.0&quot; encoding=&quot;UTF-8&quot; ?&gt;
&lt;OpenSearchDescription xmlns=&quot;http://a9.com/-/spec/opensearch/1.1/&quot;&gt;
	&lt;ShortName&gt;OpenSearch Example Name&lt;/ShortName&gt;
	&lt;Description&gt;OpenSearch Example Description&lt;/Description&gt;
	&lt;InputEncoding&gt;UTF-8&lt;/InputEncoding&gt;
	&lt;Image height=&quot;16&quot; width=&quot;16&quot; type=&quot;image/x-icon&quot;&gt;http://yoursite/favicon.ico&lt;/Image&gt;
	&lt;Url type=&quot;text/html&quot; template=&quot;http://yoursite/?s={searchTerms}&quot; /&gt;
&lt;/OpenSearchDescription&gt;</pre>
<p>This file could then be saved as “search.xml” to the root folder of the site and linked to by placing the following code in the HTML header:</p>
<pre class="brush: xml">&lt;link rel=&quot;search&quot; type=&quot;application/opensearchdescription+xml&quot; title=&quot;OpenSearch Example Title&quot; href=&quot;/search.xml&quot;&gt;</pre>
<h2>Including an OpenSearch Link to the Page</h2>
Optionally, the search plugin can be installed via a link using Javascript. Both Firefox and Internet Explorer use this:
<pre class="brush: jscript">window.external.AddSearchProvider(&quot;search.xml&quot;);</pre>
<p>An unobtrusive way to add the link, is to first check if the browser supports the AddSearchProvider function before adding it. Further details can be found on <a href="https://developer.mozilla.org/En/Adding_search_engines_from_web_pages#Browser_search_engine_capability_detection">Mozilla’s developer site</a>.</p>
<pre class="brush: xml">&lt;p id=&quot;add-opensearch&quot;&gt;OpenSearch not supported&lt;/p&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
	if (window.external &amp;&amp; (&quot;AddSearchProvider&quot; in window.external)) {
		document.getElementById(&quot;add-opensearch&quot;).innerHTML = '&lt;a href=&quot;#&quot; onclick=&quot;window.external.AddSearchProvider(\'/search.xml\')&quot;&gt;Add this site’s search to your browsers search bar.&lt;/a&gt;';
	}
&lt;/script&gt;</pre>
<h2>Possible Future Browser Features</h2>
<p>I have a hunch that the usability of web-browsing in general, would be enhanced if the browser could detect OpenSearch and enable it temporarily in its search bar. The use case could be: </p>

<p><em>A user visits a site and the browser toggles the search bar to the site’s search. Instead of looking for a search form in the page, the user enters the query via the browser. Upon leaving the site the search bar switches to the new site’s search functionality, or defaults to the preferred search engine.</em></p>

<p>The search bar could be highlighted with another color to indicate that it’s linked to the current site.</p>

<p>For this feature to be useful, OpenSearch would have to become more commonly adopted. But I think sites would follow quickly once a browser vendor starts pushing the feature.</p>

<h2>Conclusion</h2>
<p>In my opinion, the creators of OpenSearch got it right. The specification is clear and it blends in perfectly with the existing technologies, HTML and Javascript. Plus, it is quick and easy to implement. I could recommend any web content management system with search functionality to enable this feature as standard.</p>

<p>I would also recommend adding a <a href="http://en.wikipedia.org/wiki/Favicon">favicon</a> to the OpenSearch XML, so the site stands out more in the browser’s search bar.</p>

<p><strong><a href="/fileadmin/opensearch_example.zip">Download the Code</a></strong></p>]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/linking-search/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Free Stickers</title>
		<link>http://nicolasschudel.name/free-stickers/</link>
		<comments>http://nicolasschudel.name/free-stickers/#comments</comments>
		<pubDate>Wed, 31 Oct 2007 18:25:15 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=205</guid>
		<description><![CDATA[The submission of the Jajuk logo to the Free Software Sticker Book and why I think stickers are a good way to promote Open Source Software.]]></description>
			<content:encoded><![CDATA[<p><a href="http://repository.jajuk.info/ftp/images/jajuk_sticker.png" rel="shadowbox[post-205];player=img;"><img src="http://nicolasschudel.name/fileadmin/articles//2007/10/jajuk_sticker.png" alt="Jajuk Sticker" title="Jajuk Sticker" width="120" height="170" class="alignleft size-full wp-image-369" /></a>A couple of months ago, following a hint of a project member, I added <a href="http://jajuk.info/index.php/Jajuk_stickers#Final_Version">the Jajuk logo</a> to a sticker collection. The <a href="http://www.openstickers.com/">Free Software Sticker Book</a> is a project that publishes icons and pictograms from FOSS projects. After downloading the sticker book, simply print out your favorite sticker and slap it onto your computer. Just like all the pesky “Built for XY” stickers the vendors give you on new machines.</p>
<p>The project leaves the printing up to each individual. Sadly the quality of each sticker will probably end up subpar when printed at home. I would recommend having the stickers printed professionally, there are <a href="http://www.google.com/search?q=sticker+printing+online">many sites out there</a> that offer custom stickers at a low price.</p>
<p>I think the sticker book is a great idea for promoting FOSS projects. It provides a low cost means for getting all the digital brands out into the real world. And what better place to promote your software brand than on the front of a notebook?</p>
]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/free-stickers/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Commons Identity</title>
		<link>http://nicolasschudel.name/commons-identity/</link>
		<comments>http://nicolasschudel.name/commons-identity/#comments</comments>
		<pubDate>Sat, 03 Feb 2007 13:17:43 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=29</guid>
		<description><![CDATA[My research paper titled “Commons Identity: A Conceptual Model for Designing Brand Identity in Free and Open Source Software Projects”.]]></description>
			<content:encoded><![CDATA[<h2>Purpose</h2>
<p>Open Source is a popular term to describe a development and production method based on the free sharing of information. The computer software industry has embraced Open Source practices increasingly since the nineties. Participation in Free and Open Source Software projects is commonly voluntary and there is a need for specialized knowledge surrounding the production of software. This report focuses on the topic area of designing brand identity.</p>
<h2>Objective</h2>
<p>To create a conceptual model for designing brand identity in Free and Open Source Software projects based on Wheeler&#8217;s Brand Identity Process of 2006.</p>
<h2>Design</h2>
<p>Participatory action research with three cycles and five interviews conducted online.</p>
<h2>Participants</h2>
<p>Three Free and Open Source Software projects named Sociopath, OpenEats, and Jajuk. Five industry professionals with expertise in branding and Open Source development.</p>
<h2>Results</h2>
<p>Wheeler&#8217;s brand identity process is modified towards the Open Source method and incorporates community votes and commons-based peer-review. Outcomes specific to Free and Open Source Software projects are included as exemplary brand identity assets. Furthermore, a preparation phase is added showing the entry into the project?s community.</p>
<h2>Conclusions</h2>
<p>The created model is a practical tool for designing brand identity in Free and Open Source Software projects. Further applications of the model are needed for its evaluation.</p>
<p>The paper can be downloaded <a href="http://nicolasschudel.name/sae/commons_identity.pdf">from this site</a> or over at the <a href="http://opensource.mit.edu/papers/commons_identity.pdf">Free / Opensource Research Community page</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/commons-identity/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>For the Zillionth Time: Coke Versus Pepsi</title>
		<link>http://nicolasschudel.name/coke-versus-pepsi/</link>
		<comments>http://nicolasschudel.name/coke-versus-pepsi/#comments</comments>
		<pubDate>Fri, 02 Jun 2006 14:24:54 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Branding]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=33</guid>
		<description><![CDATA[Out of all competing brands there are in the world, the rivalry between Coke and Pepsi is the classic. In this text I will analyze their efforts in the Australian corner of the online medium.]]></description>
			<content:encoded><![CDATA[<p>Out of all competing brands there are in the world, the rivalry between Coke and Pepsi is the classic. Because both corporations merely sell sugared bubble water, their products do not vary much in quality (Pepsi for instance consist to 86% of purified   water as stated on their web site). The fight for world soda domination therefore, is limited to the consumers perception of each product. The brand, and the humongous marketing force behind it, is the main driving factor of sales for both products. In this text I will analyze their efforts in the Australian corner of the online medium. Before making comparisons and conclusions, let me first analyze each site on its own.</p>
<h2><a href="http://www.coke.com.au/" >Coke.com.au</a></h2>
<p>In the first few seconds I am confronted with bandwidth choking beauty. The only information displayed is what is being loaded onto the page. I find this rather unusual, I presume the average Coke drinker does not care what elements are being loaded on the   site other than its developers (as if they forgot to turn off the debugging messages). After the weary process of page bootstrapping, my eyes finally receive some candy. The 3D view of an open air music festival is truly appealing. Red is the dominating   color and creates a clear association with the Coke brand. I like that the page is not animated to heavily. Also the splashes of coke on the top right corner are a nice design idea. Relating the navigation to different areas of a music festival is a well   done and fits nicely with the concept of the brand. Coke is investing heavily into the relation of the brand with music. They are not the only brand in the drink market to do so. Heineken beer, with its &#8220;sounds good&#8221; campaign, also went down this road. I   find, relating flavoured liquid to music a bit of a stretch. Coke has made a large effort however to make that happen. Not only with the site, but also with their add campaign in print and television. Concerts and music are shown consistently in the Coca   Cola commercials of 2005 and 2006. The site provides useful information on the topic of music and promotes the brand alongside it. The <a href="http://www.thezeromovement.com/" >coke zero sub site</a> is fantastic. I like the marketing strategy of coke zero. Coke &#8220;promises&#8221; the drink to maintain a great   taste without sugar. This thinking is applied to the relationship between man and woman, protesting men should not have to suffer the consequences for their doings. The marketing concept of coke zero (consequences) is more logical to me than the actual coke   (music) concept, because, for me, there is more logical relation between the brand promise and the product itself. All in all, the coke web site is an interesting visit and delivers both good content and neat design.<br /> 
</p>
<h2><a href="http://www.pepsi.com.au/">Pepsi.com.au</a></h2>
<p>The Pepsi page loads quicker than expected for a page containing many graphics. The living room setting is nothing original, but it allows the navigational elements to be related better with the content. For instance the cellphone links to the games section   and the DVD player shows short movie clips. The visuals are nothing special. The cyan and blue colors on a black background relate to the Pepsi brand. I miss a clear navigation structure. It is fun for a moment to interact with the elements of the room,   but after a while becomes hindering. Most web users visit a site seeking specific information and do not want to waste time toying around with elements to see where they lead to. The navigation on the bottom is not the same as the navigation in the picture.   The copyright and disclaimer on the top left and right is sheer stupidity. The texts are inside an image and the fonts are so small and compressed they are unreadable. Why did they put the bar-code of the product on the web site? Either the designer used   it as a visual element (dumb idea at that size) or the team of lawyers had to deliver some work to excuse their wages. While I am ranting, I think the &#8220;check this out&#8221; link a usability nightmare. <a href="http://www.useit.com/" target="_blank" >Jakob Nielsen</a> would not be happy, since it gives no clue on   what the link leads to. The drag and drop soccer ball is cute, but does not fit with the depth of the room. It would have been much cooler to throw it at the back wall. I am proud of the fact that I found out one could grab the ball and throw it in the hoop   on the left wall to make points on the score board. I was awaiting some sort of reward after 10 points but nothing happened. The image of the woman should be animated to give her some life. This way she does not fit in correctly. I ask myself, what does   Pepsi want to show me with this site? Up front there is hardly no brand proposition being made. The user has to go and search for it first. There are better ways to do this, the <a href="http://www.coke.com.au/" target="_blank" >absolute vodka web site</a> for instance starts playing advertising movies automatically   when the site is accessed. Pepsi starts a promo animation on the television but stops after a few seconds. The sub sites of pepsi.com.au are equally lame in my opinion. The music site lacks content and the <a href="http://www.pepsi.com.au/v3/max/maxpage.htm" target="_blank" >pepsi max sub site</a> is equally useless. There, the   brand proposition does not come across on the page itself, I had to watch the TV add for that. The navigation is neither useful nor fancy. I think Pepsi should rethink their web site, in my mind it does more harm to the brand than good.<br /> 
</p>
<h2>Comparison</h2>
<p>The products are similar and so are the brands. Both Coke and Pepsi position themselves with music to reach a young target audience. Both sites run in flash, the premier tool in 2006 for brand promoting web sites. The overall quality of the coke site is   far better than what Pepsi has to offer. Other than the bouncing ball doodad, I could not find anything truly fun or interesting on the Pepsi site, and I am in their target group (I am generation Y, like music and sweet beverages). As a consumer, I would   not revisit either site since there is no information or activity that is worth my time (other than checking out their marketing strategies and branding efforts of course).<br /> 
</p>
<h2>Conclusions</h2>
<p>Both sites are completely geared towards brand building. The Coke site accomplishes the goals of the marketing department very well. Cheers, to the advertising agencies on a job well done. Pepsi should ditch their web design agency on the other hand. The   brand is not promoted well enough in my opinion and therefore the goals of the site are not accomplished. Pepsi should check out absolut.com to see how a brand can be promoted online.<br />   As for the marketing, I do not agree with their strategies for both brands. I find they are taking the branding of their products too far. How could marketing have come to this? I miss the direct link between soft drinks and music. Don&#8217;t get me wrong, I   think branding and marketing is a crucial part of business and of modern society since we are offered variety and choice. However, creating something out of a product of which it is clearly not, through constant bombardment of the senses, is taking it too   far. I prefer Coke over Pepsi because I prefer its flavour and not because I like to listen to a certain music band. What happened to the good old brand proposition of reducing fatigue? For me, it is enough to know that the stuff behind the logos is the stuff I like.</p>
]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/coke-versus-pepsi/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Why I use Firefox</title>
		<link>http://nicolasschudel.name/why-i-use-firefox/</link>
		<comments>http://nicolasschudel.name/why-i-use-firefox/#comments</comments>
		<pubDate>Wed, 03 May 2006 14:37:11 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Branding]]></category>
		<category><![CDATA[Open Source]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=35</guid>
		<description><![CDATA[I argue that the most important reason to use an Open Source browser is political: The people should have the freedom to define what technologies they want to utilize on the web.]]></description>
			<content:encoded><![CDATA[<p><img src="http://nicolasschudel.name/fileadmin/articles//2006/05/why_i_use_firefox.jpg" alt="Window to the Web" title="Window to the Web" width="400" height="271" class="alignright size-full wp-image-473" />No, it is not about the tabs, blockers, and extensions. I use <a href="http://www.mozilla.com/" title="A link to the Mozilla web site.">Firefox</a> for a political reason. I use Firefox because it is <a href="http://en.wikipedia.org/wiki/Open_Source_Software" title="A definition of open source software">Open Source software</a>. The browser, for me, is my own little window to the web. Through it, I can see a vast diversity of different things. Why should I let a <a href="http://www.microsoft.com/" title="the Microsoft Corporation" >corporation</a> define how I will be able to see things through this window? I want to know that I have control over how things are shown to me. Not that I really care how the rendering engine in Firefox works, but it’s a good feeling to know that I could if the need arises. In an Open Source browser, the masses define what they see, and not a a single entity.</p>
<p>There are other open source browsers out there, like <a href="http://www.konqueror.org/features/browser.php" title="A link to the Konqueror browser site.">Konqueror</a>, that should be mentioned as well. Check out the <a href="http://en.wikipedia.org/wiki/Comparison_of_web_browsers" title="A browser comparison.">full list</a> to find out which browsers are open source. </p>
]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/why-i-use-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
