<?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>REBECCA E SPITZER &#187; interfaces</title>
	<atom:link href="http://www.rebecca-e-spitzer.com/blog/tag/interfaces/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.rebecca-e-spitzer.com/blog</link>
	<description>combining design, journalism, and technology. when i feel like it, anyways.</description>
	<lastBuildDate>Tue, 09 Mar 2010 23:18:45 +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>Oh, Hello&#8217;s Microsoft Sustainability Project</title>
		<link>http://www.rebecca-e-spitzer.com/blog/2009/09/oh-hellos-microsoft-sustainability-project/</link>
		<comments>http://www.rebecca-e-spitzer.com/blog/2009/09/oh-hellos-microsoft-sustainability-project/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 03:41:18 +0000</pubDate>
		<dc:creator>Rebecca</dc:creator>
				<category><![CDATA[Inspiration]]></category>
		<category><![CDATA[TUI]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[interfaces]]></category>
		<category><![CDATA[internet]]></category>

		<guid isPermaLink="false">http://www.rebecca-e-spitzer.com/blog/?p=85</guid>
		<description><![CDATA[So I know the video is from months ago, but I can&#8217;t stop watching Oh, Hello&#8217;s Microsoft video. I was immediately fascinated by the stunningly beautiful interface design, animation, colors, everything. The more I watch it, however, the more I&#8217;m taken with the tangible user interface aspects of the project. First of all, check this [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop">S</span>o I know the video is from months ago, but I can&#8217;t stop watching <a href="http://ohhello.tv/">Oh, Hello</a>&#8217;s <a href="http://ohhello.tv/index.php/work/view/microsoft_sustainability/">Microsoft video</a>. I was immediately fascinated by the stunningly beautiful interface design, animation, colors, everything. The more I watch it, however, the more I&#8217;m taken with the tangible user interface aspects of the project. First of all, check this out:</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-8.jpg"><img class="alignnone size-full wp-image-87" title="Picture 8" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-8.jpg" alt="Picture 8" width="550" height="351" /></a></p>
<p>Such a beautiful little GUI. It goes with this boarding pass:</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-10.jpg"><img class="alignnone size-full wp-image-86" title="Picture 10" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-10.jpg" alt="Picture 10" width="550" height="351" /></a></p>
<p>Anyways, on to the real TUI marvels.</p>
<p>First of all, check out the<strong> phone</strong>. It splits into two pieces, one which can be an earpiece and one that can be a video-chat screen.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-23.jpg"><img class="alignnone size-full wp-image-91" title="Picture 23" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-23.jpg" alt="Picture 23" width="550" height="351" /></a></p>
<p>Apparently, one of the pieces can also be an augmented-reality-gps tool that shows you a floor plan of your immediate location with superimposed directions.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-21.jpg"><img class="alignnone size-full wp-image-92" title="Picture 21" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-21.jpg" alt="Picture 21" width="550" height="351" /></a></p>
<p>Even better, the two pieces connect back together to make a social media tool to set up meetings (with the help of the phone/GPS combo). When this flips back shut, it&#8217;s just a cell phone again.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-26.jpg"><img class="alignnone size-full wp-image-90" title="Picture 26" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-26.jpg" alt="Picture 26" width="550" height="351" /></a></p>
<p>Next: the most amazing <strong>keychain</strong> of all time. The phone (above) seems to also carry the qualities of the keychain. When they are set down on the interactive tabletop, every file necessary to your life appears on the table. The keychain is an insta-link to your entire online life, and everything you need appears on command. Here&#8217;s the tabletop with just the phone laid down:</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-31.jpg"><img class="alignnone size-full wp-image-93" title="Picture 31" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-31.jpg" alt="Picture 31" width="550" height="351" /></a></p>
<p>Here&#8217;s what appears around the keychain:</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-32.jpg"><img class="alignnone size-full wp-image-95" title="Picture 32" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-32.jpg" alt="Picture 32" width="550" height="351" /></a></p>
<p>And when the two are put together, the tabletop becomes an amazing collaborative workspace that knows what projects you&#8217;ve been working on, what your last correspondence was, and what files you&#8217;ll need.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-33.jpg"><img class="alignnone size-full wp-image-94" title="Picture 33" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-33.jpg" alt="Picture 33" width="550" height="351" /></a></p>
<p>This is cool too: an office <strong>computer station</strong>. All of the portals are just glass panes (until all of your information is displayed)&#8230; and these portals are everywhere.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-14.jpg"><img class="alignnone size-full wp-image-100" title="Picture 14" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-14.jpg" alt="Picture 14" width="550" height="351" /></a></p>
<p>What&#8217;s better, there is a super sweet mouse-esque tool that allows for multi-touch input, dragging, etc. It responds with different visualizations based on touch.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-15.jpg"><img class="alignnone size-full wp-image-97" title="Picture 15" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-15.jpg" alt="Picture 15" width="550" height="351" /></a></p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-16.jpg"><img class="alignnone size-full wp-image-99" title="Picture 16" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-16.jpg" alt="Picture 16" width="550" height="351" /></a></p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-17.jpg"><img class="alignnone size-full wp-image-96" title="Picture 17" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-17.jpg" alt="Picture 17" width="550" height="351" /></a></p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-18.jpg"><img class="alignnone size-full wp-image-98" title="Picture 18" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-18.jpg" alt="Picture 18" width="550" height="351" /></a></p>
<p>It is a little weird to me that they&#8217;re sticking so clearly to the mouse/keyboard system, but I suppose that&#8217;s to be expected. I think it&#8217;ll be a long time before everyday consumers change their dependence on a mouse and keyboard.</p>
<p>This is great too- a <strong>remote control</strong> for your entire life. You can control your personal computer-screen-on-the-wall (which, by the way can show you information about your house, or the weather, or your to-do list, or anything, really).</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-41.jpg"><img class="alignnone size-full wp-image-101" title="Picture 41" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-41.jpg" alt="Picture 41" width="550" height="351" /></a></p>
<p>It, too, is made of glass.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-42.jpg"><img class="alignnone size-full wp-image-102" title="Picture 42" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-42.jpg" alt="Picture 42" width="550" height="351" /></a></p>
<p>Here&#8217;s what&#8217;s really cool- it can &#8220;photograph&#8221; (select) a project&#8230;</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-43.jpg"><img class="alignnone size-full wp-image-104" title="Picture 43" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-43.jpg" alt="Picture 43" width="550" height="351" /></a></p>
<p>and MOVE IT to another interface location, where it will display for your use.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-44.jpg"><img class="alignnone size-full wp-image-103" title="Picture 44" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-44.jpg" alt="Picture 44" width="550" height="351" /></a></p>
<p>Speaking of that newspaper, I&#8217;ve been saving the best for last. It&#8217;s a practically single-page newspaper (which kind of seems like the Times Reader to me) that changes to display different stories. It&#8217;s like a giant&#8230; eInk paper interface.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-34.jpg"><img class="alignnone size-full wp-image-105" title="Picture 34" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-34.jpg" alt="Picture 34" width="550" height="351" /></a></p>
<p>You can slide stories off the page&#8230;</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-37.jpg"><img class="alignnone size-full wp-image-107" title="Picture 37" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-37.jpg" alt="Picture 37" width="550" height="351" /></a></p>
<p>Or select them for more information.</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-38.jpg"><img class="alignnone size-full wp-image-106" title="Picture 38" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-38.jpg" alt="Picture 38" width="550" height="351" /></a></p>
<p>Man, it&#8217;s just all SO impeccably beautiful. I suppose that the TUI elements aren&#8217;t exactly new to the scene, but they&#8217;re very well rendered and the ways that they interact is very well thought-out. I especially want that keychain and that newspaper. Oh, and this secretary-y space, for when I&#8217;m scheduling out my life:</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-29.jpg"><img class="alignnone size-full wp-image-88" title="Picture 29" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-29.jpg" alt="Picture 29" width="550" height="351" /></a></p>
<p>And how cool is this, for a last thought? The room knows where you&#8217;re headed and projects an arrow going in the right direction on the floor in front of you. Amazingly useful, especially for the more directionally-challenged among us. (I&#8217;m good with a map, but I&#8217;ve traveled with quite a few people who aren&#8217;t&#8230; and they could definitely use that arrow.)</p>
<p><a href="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-27.jpg"><img class="alignnone size-full wp-image-89" title="Picture 27" src="http://www.rebecca-e-spitzer.com/blog/wp-content/uploads/2009/09/Picture-27.jpg" alt="Picture 27" width="550" height="351" /></a></p>
<p>What I&#8217;m trying to say is (in true 30 Rock fashion): I want to go to there.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rebecca-e-spitzer.com/blog/2009/09/oh-hellos-microsoft-sustainability-project/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>
