<?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; Search</title>
	<atom:link href="http://nicolasschudel.name/tag/search/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>Collaborative Search</title>
		<link>http://nicolasschudel.name/collaborative-search/</link>
		<comments>http://nicolasschudel.name/collaborative-search/#comments</comments>
		<pubDate>Thu, 10 Dec 2009 20:31:28 +0000</pubDate>
		<dc:creator>Nicolas</dc:creator>
				<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[Collective Intelligence]]></category>
		<category><![CDATA[Search]]></category>

		<guid isPermaLink="false">http://nicolasschudel.name/?p=476</guid>
		<description><![CDATA[Collective intelligence, the shard knowledge within a group, can be utilized to optimize search results. I introduce research being conducted on the topic.]]></description>
			<content:encoded><![CDATA[<p>Collective intelligence, the shard knowledge within a group, is a central theme of web 2.0 and has become extremely popular with resources like Wikipedia and Yahoo Answers. Also on Twitter: asking a question and tagging it appropriately will often get a sufficient response.</p>
<p>Group intelligence can not just be used for generating data, but also searching for it. Pascal Schrafl, a student at the University of Liverpool, and a good friend, is currently researching the topic of collaborative search. His goal is to optimize search results based on the previous behavior of peers. His research will start in January and last two weeks. The tests will be held in german, I urge any speakers of the language to participate.</p>
<p>Visit the <a href="http://www.collabsearch.info">CollabSearch research project page</a> to sign up.</p>
]]></content:encoded>
			<wfw:commentRss>http://nicolasschudel.name/collaborative-search/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
	</channel>
</rss>
