<?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>Higui &#187; Zoom interface</title>
	<atom:link href="http://www.higui.it/projects/zoominterface/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.higui.it</link>
	<description>Interaction Design</description>
	<lastBuildDate>Wed, 22 Dec 2010 14:05:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.4</generator>
		<item>
		<title>830 Sign, under contruction page</title>
		<link>http://www.higui.it/2009/830-sign/</link>
		<comments>http://www.higui.it/2009/830-sign/#comments</comments>
		<pubDate>Mon, 22 Jun 2009 13:37:55 +0000</pubDate>
		<dc:creator>higui</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[2009]]></category>
		<category><![CDATA[830 Sign]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Photography]]></category>
		<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Roberta Tassi]]></category>
		<category><![CDATA[Visual identity]]></category>
		<category><![CDATA[Zoom interface]]></category>

		<guid isPermaLink="false">http://www.higui.it/portfolio/?p=52</guid>
		<description><![CDATA[830 Sign is an italian fashion company based in Verona. It made its international debut with a collection of men&#8217;s and women&#8217;s Italian cashmere and denim. After a work of definition and refinement of the brand visual identity, we developed a first &#8220;under construction&#8221; page in order to show the very first cashmere and denim [...]]]></description>
			<content:encoded><![CDATA[<p>830 Sign is an italian fashion company based in Verona. It made its international debut with a collection of men&#8217;s and women&#8217;s Italian cashmere and denim.<br />
After a work of definition and refinement of the brand visual identity, we developed a first &#8220;under construction&#8221; page in order to show the very first cashmere and denim collection. Logically, this website has to grow.</p>
<p>View website: <del datetime="2010-02-01T17:11:55+00:00">www.830sign.com</del>, <a href="http://www.higui.it/project/830Sign" target="_blank" title="830 Sign">Local copy</a></p>
<div id="attachment_66" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/830sign_1.jpg"><img class="size-large wp-image-66" title="Home view" src="http://www.higui.it/portfolio/wp-content/uploads/830sign_1-608x383.jpg" alt="Home view" width="608" height="383" /></a><p class="wp-caption-text">Home view</p></div>
<div id="attachment_67" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/830sign_2.jpg"><img class="size-large wp-image-67" title="Zoomed in view " src="http://www.higui.it/portfolio/wp-content/uploads/830sign_2-608x384.jpg" alt="Zoomed in view " width="608" height="384" /></a><p class="wp-caption-text">Zoomed in view </p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.higui.it/2009/830-sign/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Total Tool</title>
		<link>http://www.higui.it/2008/total-tool/</link>
		<comments>http://www.higui.it/2008/total-tool/#comments</comments>
		<pubDate>Fri, 01 Aug 2008 14:39:06 +0000</pubDate>
		<dc:creator>higui</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Interaction design]]></category>
		<category><![CDATA[Web design]]></category>
		<category><![CDATA[2008]]></category>
		<category><![CDATA[Domenico D'Alessio]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Total Tool]]></category>
		<category><![CDATA[Zoom interface]]></category>

		<guid isPermaLink="false">http://www.higui.it/portfolio/?p=78</guid>
		<description><![CDATA[Total Tool is a consultancy and planning firm that works in the design, communication and architecture sector, based in Milan. The website is basically a map in witch you can navigate trough. While waiting all the slides to be loaded, a quick tutorial introduce the user to the different navigation modalities. The website can be [...]]]></description>
			<content:encoded><![CDATA[<p>Total Tool is a consultancy and planning firm that works in the design, communication and architecture sector, based in Milan.</p>
<p>The website is basically a map in witch you can navigate trough. While waiting all the slides to be loaded, a quick tutorial introduce the user to the different navigation modalities.</p>
<p>The website can be navigated trough many different modalities:</p>
<ul>
<li>point and click to choose a single slide</li>
<li>drop down menus pointing to each single slide</li>
<li>arrows on the screen&#8217;s border to navigate the map</li>
<li>keyboard&#8217;s arrows to move and space bar to zoom</li>
<li>activating a navigator trough the ctrl/command key</li>
</ul>
<p>Two different zoom levels are present: the shallow one, witch permits the user to browse the map, and the deep one, that permits content exploration and understanding.</p>
<p>View website: <a href="http://www.totaltool.it/" target="_blank">www.totaltool.it</a></p>
<div id="attachment_94" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/totaltool_2.jpg"><img class="size-large wp-image-94" title="Navigation tutorial" src="http://www.higui.it/portfolio/wp-content/uploads/totaltool_2-608x344.jpg" alt="Navigation tutorial" width="608" height="344" /></a><p class="wp-caption-text">Navigation tutorial</p></div>
<div id="attachment_95" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/totaltool_3.jpg"><img class="size-large wp-image-95" title="Zoom out view" src="http://www.higui.it/portfolio/wp-content/uploads/totaltool_3-608x344.jpg" alt="Zoom out view" width="608" height="344" /></a><p class="wp-caption-text">Zoom out view</p></div>
<div id="attachment_96" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/totaltool_4.jpg"><img class="size-large wp-image-96" title="Nevigation modalities" src="http://www.higui.it/portfolio/wp-content/uploads/totaltool_4-608x344.jpg" alt="Nevigation modalities" width="608" height="344" /></a><p class="wp-caption-text">Nevigation modalities</p></div>
<div id="attachment_97" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/totaltool_5.jpg"><img class="size-large wp-image-97" title="Half zoom view" src="http://www.higui.it/portfolio/wp-content/uploads/totaltool_5-608x344.jpg" alt="Half zoom view" width="608" height="344" /></a><p class="wp-caption-text">Half zoom view</p></div>
<div id="attachment_98" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/totaltool_6.jpg"><img class="size-large wp-image-98" title="Zoom in view" src="http://www.higui.it/portfolio/wp-content/uploads/totaltool_6-608x344.jpg" alt="Zoom in view" width="608" height="344" /></a><p class="wp-caption-text">Zoom in view</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.higui.it/2008/total-tool/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Presentation template</title>
		<link>http://www.higui.it/2007/presentation-template/</link>
		<comments>http://www.higui.it/2007/presentation-template/#comments</comments>
		<pubDate>Tue, 25 Dec 2007 12:55:20 +0000</pubDate>
		<dc:creator>higui</dc:creator>
				<category><![CDATA[All]]></category>
		<category><![CDATA[Interaction design]]></category>
		<category><![CDATA[2007]]></category>
		<category><![CDATA[Domenico D'Alessio]]></category>
		<category><![CDATA[Flash]]></category>
		<category><![CDATA[Information architecture]]></category>
		<category><![CDATA[Zoom interface]]></category>

		<guid isPermaLink="false">http://www.higui.it/?p=526</guid>
		<description><![CDATA[I created this presentation template as support for my friend Domenico degree dissertation. After that, thanks to its simplicity in managing and updating, i used it in several different occasion. The template allows us to place different slide on a surface, arranging them as part of a matrix. The user can navigate the presentation through [...]]]></description>
			<content:encoded><![CDATA[<p>I created this presentation template as support for my friend Domenico degree dissertation. After that, thanks to its simplicity in managing and updating, i used it in several different occasion.</p>
<p>The template allows us to place different slide on a surface, arranging them as part of a matrix. The user can navigate the presentation through three zoom levels, each one corresponding to a different interaction modality and a different quality of content:</p>
<ul>
<li>Zoom out view: pick and choose | table of content</li>
<li>Half zoom view: explore | slide titles</li>
<li>Zoom in view: browse | slide content </li>
</ul>
<p>The system recognize titles as different objects form slides, in other words they are present and visible but not part of the navigation. This allows us to subdivide slides in groups, but to have fluent flow while browsing. The slide sequence recognized by the system is obviously left to right and top to bottom. </p>
<div id="attachment_536" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/presentation_01.jpg"><img class="size-large wp-image-536" title="Zoom out view" src="http://www.higui.it/portfolio/wp-content/uploads/presentation_01-608x456.jpg" alt="Zoom out view" width="608" height="456" /></a><p class="wp-caption-text">Zoom out view</p></div>
<div id="attachment_537" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/presentation_02.jpg"><img class="size-large wp-image-537" title="Half zoom view" src="http://www.higui.it/portfolio/wp-content/uploads/presentation_02-608x456.jpg" alt="Half zoom view" width="608" height="456" /></a><p class="wp-caption-text">Half zoom view</p></div>
<div id="attachment_538" class="wp-caption alignnone" style="width: 618px"><a href="http://www.higui.it/portfolio/wp-content/uploads/presentation_03.jpg"><img class="size-large wp-image-538" title="Zoom in view" src="http://www.higui.it/portfolio/wp-content/uploads/presentation_03-608x456.jpg" alt="Zoom in view" width="608" height="456" /></a><p class="wp-caption-text">Zoom in view</p></div>
<h3>Demonstration video</h3>
<p>The video below is a demonstration of the presentation template in action. While in the &#8220;zoom out view&#8221; you can see the mouse pointer selecting the slides, in the other view the input are coming from arrows key for moving and from the space bar for zooming</p>
<div id="attachment_539" class="wp-caption alignnone" style="width: 618px"><br />
<object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="608" height="390" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=5640608&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=0" /><embed type="application/x-shockwave-flash" width="608" height="390" src="http://vimeo.com/moogaloop.swf?clip_id=5640608&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=&amp;fullscreen=0" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<p class="wp-caption-text">Demonstration video</p></div>
]]></content:encoded>
			<wfw:commentRss>http://www.higui.it/2007/presentation-template/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

