<?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>Well-formed data &#187; navigation</title>
	<atom:link href="http://well-formed-data.net/archives/tag/navigation/feed" rel="self" type="application/rss+xml" />
	<link>http://well-formed-data.net</link>
	<description>Moritz Stefaner / Visualization</description>
	<lastBuildDate>Wed, 01 Sep 2010 12:06:54 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Navigation modes</title>
		<link>http://well-formed-data.net/archives/262/navigation-modes</link>
		<comments>http://well-formed-data.net/archives/262/navigation-modes#comments</comments>
		<pubDate>Sun, 29 Mar 2009 21:42:56 +0000</pubDate>
		<dc:creator>Moritz Stefaner</dc:creator>
				<category><![CDATA[Theory]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[faceted search]]></category>
		<category><![CDATA[facets]]></category>
		<category><![CDATA[filtering]]></category>
		<category><![CDATA[navigation]]></category>

		<guid isPermaLink="false">http://well-formed-data.net/?p=262</guid>
		<description><![CDATA[Together with Sebastian Ferré, I defined and illustrated some common navigation modes in faceted search and web applications dealing with metadata+resources in general for an upcoming publication. I am here sharing the gist of it already, as I believe these could be interesting for many of you. So, here they are. They all refer to [...]]]></description>
			<content:encoded><![CDATA[<p>Together with <a href="http://www.irisa.fr/LIS/ferre/">Sebastian Ferré</a>, I defined and illustrated some common navigation modes in faceted search and web applications dealing with metadata+resources in general for an upcoming publication. I am here sharing the gist of it already, as I believe these could be interesting for many of you.</p>

<p><span id="more-262"></span></p>

<p>So, here they are. They all refer to situations where there is a set of resources which can be filtered according to different criteria.</p>

<hr />

<p><strong>Zoom–in</strong></p>

<p>The most common pattern: Given a set of resources, select a subset by  adding an additional (AND-connected) filter criterion.</p>

<p><code> 
All photos -&gt; zoom in (Europe) -&gt; photos taken in Europe<br />
Photos taken in Europe -&gt; zoom-in (Cities) -&gt; photos taken in Europe AND taken in cities
</code></p>

<hr />

<p><strong>Zoom–out</strong></p>

<p>The complementary pattern: Given a filtered view, select a superset by either</p>

<ul>
    <li>Removing a (AND-connected) filter
<code> 
Photos taken in Europe AND taken in cities -&gt; zoom out (cities) -&gt; photos taken in Europe
</code>
</li>
<li>or: Adding a OR-connected filter
<code> 
Photos taken in Europe -&gt; zoom–out-OR (Africa) -&gt; photos taken in Europe OR Africa
</code>
</li>
<li>or: Replacing a filter with a more general version
<code> 
Photos taken in Germany -&gt; zoom–out-UP (Germany) -&gt; photos taken in Europe
</code>
</li>
</ul>

<p>In either way, you end up with a more general query, that yields at least all of the original results, and usually more.</p>

<hr />

<p><strong>Shift</strong></p>

<p>Zoom-in and zoom-out can be combined into a shift navigation mode. Here, one part of the filters is replaced by a concept that is neither more general nor more specific than the original one. </p>

<p><code> 
Photos taken in Germany -&gt; shift (France) -&gt; photos taken in France
</code></p>

<hr />

<p><strong>Pivot</strong></p>

<p>Another combination of zoom-in and zoom-out is the pivot navigation. It is very common in web applications like e.g. <a href="delicious.com">delicious.com</a>. Given a filter setting and its results, you can jump to a fresh query consisting only of one of the occurring metadata terms.</p>

<p><code> 
Photos taken in Germany -&gt; pivot (Moritz) -&gt; photos taken by Moritz
</code></p>

<p>This is often accomplished by adding clickable links to the results’ metadata items. </p>

<hr />

<p><strong>Querying by examples</strong></p>

<p>This corresponds to a pivot on a number of resources and metadata fields at the same time. The most specific concepts that apply to a whole item selection are collected and used in a new query. </p>

<p><code> 
Clinton, Bush, Obama -&gt; query by examples -&gt; American presidents
</code></p>

<p>Obviously, the generalization capabilities here depend a lot on the metadata structure. In some database, the example above might generalize to “persons” or “males”, in others to “Male american presidents after 1980″.</p>

<hr />

<p><strong>Related set</strong></p>

<p>Demonstrated in <a href="http://well-formed-data.net/archives/153/parallax">parallax</a> and <a href="http://events.linkeddata.org/ldow2008/papers/15-kobilarov-dickinson-humboldt-exploring.pdf">humboldt</a>, this navigation mode follows the same metadata link on the whole result set to construct a new one.</p>

<p><code> 
Photos taken in Europe -&gt; related set (photographer) -&gt; Photographers of photos taken in Europe
</code></p>

<hr />

<p>I realize this is quite dry material and could use some illustrations, examples, references. Nevertheless, I hope it spawns some new thoughts in those of you thinking about search and browsing in web applications!</p>
<img src="http://well-formed-data.net/?ak_action=api_record_view&id=262&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://well-formed-data.net/archives/262/navigation-modes/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Parallax</title>
		<link>http://well-formed-data.net/archives/153/parallax</link>
		<comments>http://well-formed-data.net/archives/153/parallax#comments</comments>
		<pubDate>Thu, 14 Aug 2008 21:17:16 +0000</pubDate>
		<dc:creator>Moritz Stefaner</dc:creator>
				<category><![CDATA[Respect]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[browsing]]></category>
		<category><![CDATA[freebase]]></category>
		<category><![CDATA[navigation]]></category>
		<category><![CDATA[parallax]]></category>

		<guid isPermaLink="false">http://well-formed-data.net/?p=153</guid>
		<description><![CDATA[David Huynh has recently joined the freebase team, after having worked on Exhibit and other SIMILE tools at MIT. His new project Parallax is obviously based on Exhibit (which followed mostly a faceted filtering paradigm) but demonstrates a really interesting “sidewards browsing technique” for navigating related sets of different types of entities. As an example, [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://mqlx.com/~david/parallax/index.html"><img class="alignnone size-full wp-image-154" title="Parallax" src="http://well-formed-data.net/wp-content/uploads/2008/08/screenshot_-20-1.png" alt="" width="480" height="274" /></a></p>

<p><a href="http://davidhuynh.net/">David Huynh</a> has recently joined the <a href="http://freebase.com">freebase</a> team, after having worked on <a href="http://simile.mit.edu/exhibit/">Exhibit</a> and other <a href="http://simile.mit.edu/">SIMILE</a> tools at <a href="http://mit.edu/">MIT</a>. His new project <a href="http://mqlx.com/~david/parallax/index.html">Parallax</a> is obviously based on Exhibit (which followed mostly a faceted filtering paradigm) but demonstrates a really interesting “sidewards browsing technique” for navigating related sets of different types of entities.</p>

<p>As an example, you could <a href="http://mqlx.com/~david/parallax/browse.html?state=!((d:(t:/architecture/architect),s:(v:!((c:ThumbnailView,s:())),vi:0)))">start with a set of architects</a>, then <a href="http://mqlx.com/~david/parallax/browse.html?state=!((d:(t:/architecture/architect),s:(f:!((p:!((f:!t,p:/architecture/architect/architectural_style)),s:!(/en/modern_architecture))),v:!((c:ThumbnailView,s:())),vi:0)))">filter down to all modern architects</a>, plot them on a map, a timeline etc. – quite nice already, but traditional facet browsing in principle. The catch however, is that you can explore related collections, like the <a href="http://mqlx.com/~david/parallax/browse.html?state=!((d:(t:/architecture/architect),s:(f:!((p:!((f:!t,p:/architecture/architect/architectural_style)),s:!(/en/modern_architecture))),v:!((c:ThumbnailView,s:())),vi:0)),(d:(l:'Structures%20Designed',p:!((f:!t,p:/architecture/architect/structures_designed))),s:(v:!((c:ThumbnailView,s:())),vi:0)))">buildings they designed</a>,
<a href="http://mqlx.com/~david/parallax/browse.html?state=!((d:(t:/architecture/architect),s:(f:!((p:!((f:!t,p:/architecture/architect/architectural_style)),s:!(/en/modern_architecture))),v:!((c:ThumbnailView,s:())),vi:0)),(d:(l:'Place%20of%20birth',p:!((f:!t,p:/people/person/place_of_birth))),s:(v:!((c:ThumbnailView,s:())),vi:0)))">their birth places</a> etc. in the same manner. Very interesting principle  and nicely executed, yet a bit hard to explain. </p>

<p>In this screencast, David explains it himself:
<object width="480" height="360">    <param name="allowfullscreen" value="true" />    <param name="allowscriptaccess" value="always" />    <param name="movie" value="http://www.vimeo.com/moogaloop.swf?clip_id=1513562&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" />    <embed src="http://www.vimeo.com/moogaloop.swf?clip_id=1513562&amp;server=www.vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="480" height="360"></embed></object><br /><a href="http://www.vimeo.com/1513562?pg=embed&amp;sec=1513562">Freebase Parallax: A new way to browse and explore data</a> from <a href="http://www.vimeo.com/user392740?pg=embed&amp;sec=1513562">David Huynh</a> on <a href="http://vimeo.com?pg=embed&amp;sec=1513562">Vimeo</a>.</p>

<p>As a side remark: academically, I think the <a href="http://www.georgikobilarov.com/publications/2008/Kobilarov-Dickinson-LDOW2008-Humboldt.pdf">Humboldt paper</a> by <a href="http://www.georgikobilarov.com/">Georgi Kobilarov</a> first presented this principle (but they also refer to an earlier prototype of David’s work). Unfortunately it was introduced under the name of <em>pivot browsing</em>, which is sort of reserved already for the quite related, but not identical principle introduced in <a href="http://portal.acm.org/citation.cfm?doid=1124772.1124792">dogear</a>. </p>

<p>Any ideas for a good name? Sidewards browsing? Entity shift? Or just stick with parallax?</p>
<img src="http://well-formed-data.net/?ak_action=api_record_view&id=153&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://well-formed-data.net/archives/153/parallax/feed</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>
