<?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; infographics</title>
	<atom:link href="http://www.rebecca-e-spitzer.com/blog/tag/infographics/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>
		<item>
		<title>George Legrady &amp; Cell Tango</title>
		<link>http://www.rebecca-e-spitzer.com/blog/2009/09/george-legrady-cell-tango/</link>
		<comments>http://www.rebecca-e-spitzer.com/blog/2009/09/george-legrady-cell-tango/#comments</comments>
		<pubDate>Sat, 19 Sep 2009 21:25:07 +0000</pubDate>
		<dc:creator>Rebecca</dc:creator>
				<category><![CDATA[TUI]]></category>
		<category><![CDATA[art]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.rebecca-e-spitzer.com/blog/?p=60</guid>
		<description><![CDATA[George Legrady&#8217;s Cell Tango exhibit opened at the Davis Musuem this fall, and it&#8217;s certainly an interesting and timely piece. Aggregating subject-tagged cell phone photos that are emailed in by the public (mainly Wellesley students, faculty, and staff at this point), the piece runs a few different algorithms to organize and display the photos. One [...]]]></description>
			<content:encoded><![CDATA[<p><span class="drop">G</span>eorge Legrady&#8217;s <a href="http://www.mat.ucsb.edu/~g.legrady/" target="_blank">Cell Tango</a> exhibit opened at the <a href="http://www.davismuseum.wellesley.edu/" target="_blank">Davis Musuem</a> this fall, and it&#8217;s certainly an interesting and timely piece. Aggregating subject-tagged cell phone photos that are emailed in by the public (mainly Wellesley students, faculty, and staff at this point), the piece runs a few different algorithms to organize and display the photos. One algorithm posts a few single-word &#8220;tags&#8221; and then fills in the remaining space with photos of various sizes; another displays a single photo surrounded by similarly tagged images pulled from Flickr.</p>
<p>Considering the increase in cell phones with cameras (can you even buy a cell phone without a camera these days?), the exhibit takes full advantage of the leaps and bounds made in the field of personal and portable technology. It (successfully) invites user participation, and the subsequent photo-tag groups do offer interesting stories and reflections. In listening to Legrady talk about his work, though, I couldn&#8217;t help but wonder if the project could have been taken a step further. It might be interesting, for example, to create a more complete map of all the submitted images, based upon their tags. In it&#8217;s current form, Cell Tango doesn&#8217;t really create a larger picture of participants and their commonalities, differences, and connections; each photo is either displayed with other photos randomly or with photos from Flickr, not with other related submitted photos. The opportunity to explore our relationships and community is there, but it hasn&#8217;t been realized.</p>
<p>After discussing Cell Tango, Legrady discussed a different piece (Making Visible the Invisible) that he installed for Seattle Central Library, which I found more appealing and interesting. The work organizes and displays information about what books are currently being checked out in four different visualizations. I enjoy infographics, especially ones that use good colors (ha), and these are nice. In contrast to the lack of connectivity in Cell Tango, MVTI offers a more complete image of the current interests of the library&#8217;s patrons. Legrady likened the display to that of a stock ticker, and I see the connection. The display has its&#8217; finger on the pulse of the library and displays a fascinating stream of ever-changing information. In my eyes, Cell Tango never quite reached that point of mesmerizing omnipresence.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.rebecca-e-spitzer.com/blog/2009/09/george-legrady-cell-tango/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
