<?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>jamin.org &#187; studio1</title>
	<atom:link href="http://jamin.org/tag/studio1/feed/" rel="self" type="application/rss+xml" />
	<link>http://jamin.org</link>
	<description>Jamin Hegeman on design, writing, and life</description>
	<lastBuildDate>Wed, 09 Jun 2010 16:42:48 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Visualizing Information Space</title>
		<link>http://jamin.org/archives/2006/visualizing-information-space/</link>
		<comments>http://jamin.org/archives/2006/visualizing-information-space/#comments</comments>
		<pubDate>Thu, 21 Dec 2006 18:12:56 +0000</pubDate>
		<dc:creator>Jamin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[Dan-Boyarski]]></category>
		<category><![CDATA[elsewhere]]></category>
		<category><![CDATA[studio1]]></category>
		<category><![CDATA[video]]></category>
		<category><![CDATA[visualization]]></category>

		<guid isPermaLink="false">http://jamin.org/archives/2006/visualizing-information-space/</guid>
		<description><![CDATA[<a href="http://jamin.org/archives/2006/elsewhere-video/"><img src="http://jamin.org/blog/wp-content/uploads/2006/12/process-book-final201.jpg" alt="process-book-final201.jpg" id="image288" /></a>]]></description>
			<content:encoded><![CDATA[<p><img src="http://jamin.org/blog/wp-content/uploads/2006/12/process-book-final201.jpg" class="border" alt="process-book-final201.jpg" id="image288" /></p>
<p>This project required me to visualize information space for the book Else/Where Mapping. It was to be either interactive or a time-based video. I chose the latter, because it is where I had the least experience.</p>
<p>In combination with sketches, I prototyped ideas in Flash and experimented with animation early.</p>
<p>I used the mapped structure of the book as my theme, and overlayed information on top of photos of each page of the book.</p>
<p>The resulting two-and-a-half minute video is a journey through the each page of the book set to driving music.</p>
<p><a href="http://www.flickr.com/photos/52272344@N00/2277809856/" title="still2"><img src="http://farm3.static.flickr.com/2302/2277809856_2a2fa0f44f.jpg" class="border" alt="still2" /></a><br />
A still from the video.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_elsewhere-mapping_1836294734"
			class="flashmovie"
			width="400"
			height="313">
	<param name="movie" value="/portfolio/elsewhere/elsewhere-mapping.swf" />
	<param name="flashvars" value="play=false" />
	<param name="play" value="false" />
	<param name="base" value="/portfolio/elsewhere/" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="/portfolio/elsewhere/elsewhere-mapping.swf"
			name="fm_elsewhere-mapping_1836294734"
			width="400"
			height="313">
		<param name="flashvars" value="play=false" />
		<param name="play" value="false" />
		<param name="base" value="/portfolio/elsewhere/" />
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object> The final video. (Size and quality reduced for Web.)</p>
<p><a href="http://www.flickr.com/photos/52272344@N00/2277018249/" title="sketch1"><img src="http://farm3.static.flickr.com/2158/2277018249_29203b4040.jpg" alt="sketch1" /></a><br />
I sketched early thoughts on animation combined with notes from the content of the book for inspiration.</p>
<p><a href="http://www.flickr.com/photos/52272344@N00/2277018185/" title="sketch3"><img src="http://farm3.static.flickr.com/2392/2277018185_4322615011.jpg" alt="sketch3" /></a><br />
Another sketch shows early layout and transition ideas.</p>
<p><a href="http://www.flickr.com/photos/52272344@N00/2277018165/" title="sketch2"><img src="http://farm3.static.flickr.com/2325/2277018165_ca6e44411b.jpg" alt="sketch2" /></a><br />
To get a sense of what areas of the book I would focus on in each of the four section of the book, I created a story board.</p>
]]></content:encoded>
			<wfw:commentRss>http://jamin.org/archives/2006/visualizing-information-space/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Email Visualization</title>
		<link>http://jamin.org/archives/2006/email-visualization/</link>
		<comments>http://jamin.org/archives/2006/email-visualization/#comments</comments>
		<pubDate>Sat, 07 Oct 2006 20:36:59 +0000</pubDate>
		<dc:creator>Jamin</dc:creator>
				<category><![CDATA[Portfolio]]></category>
		<category><![CDATA[ben-fry]]></category>
		<category><![CDATA[Dan-Boyarski]]></category>
		<category><![CDATA[data-visualization]]></category>
		<category><![CDATA[studio1]]></category>

		<guid isPermaLink="false">http://jamin.org/archives/2006/email-visualization/</guid>
		<description><![CDATA[The purpose of this project was to create a self-portrait using data collected about myself over the course of a week and represent it visually. I started by tracking my communications, then narrowed my focus to three email accounts: personal; work; and school. Between the sketches and the final, there was a careful balance of [...]]]></description>
			<content:encoded><![CDATA[<p>The purpose of this project was to create a self-portrait using data collected about myself over the course of a week and represent it visually.</p>
<p>I started by tracking my communications, then narrowed my focus to three email accounts: personal; work; and school.</p>
<p>Between the sketches and the final, there was a careful balance of time, energy, design, and feedback. The result was quite a dramatic transformation.</p>
<p>The project offered much insight into effectively communicating information through data visualization, and inspired me to explore the subject more by taking an information visualization class with <a href="http://benfry.com/">Ben Fry</a>.</p>
<p>The final product was a 34&#8243;x32&#8243; poster.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/whole.jpg" alt="email data visualization" height="300" width="400" class="border" /></p>
<p>My final product (34&#8243;x32&#8243; poster) shows the three email accounts, represented by blue spheres. Blue lines are incoming email. Red lines are outgoing. I get a lot of spam.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/data.jpg" alt="data" height="300" width="400" /><br />
My communication data I collected over the course of one week.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/sketch2.jpg" alt="sketch1" height="300" width="400" /><br />
Sketches were key in developing my idea and getting feedback.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/sketch1.jpg" alt="sketch2" height="300" width="400" /><br />
Based on feedback received from peers, I shifted the orientation of the accounts to the outside with me at the center.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/firstattempt.jpg" alt="early computer art" height="300" width="400" class="border" /></p>
<p>I presented this during an individual meeting with Dan Boyarski, who suggested I draw out every email as individual lines, all 682 of them. This idea intrigued me and reminded me of an idea Dan mentioned previously regarding Tufte: don’t be afraid of complexity; put complexity in, and let people build stories from that complexity.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/sketch3.jpg" alt="sketch3" height="300" width="400" /><br />
But first, I did some more sketches.</p>
<p><img src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/closeup.jpg" alt="close up" class="border" height="300" width="400" /><br />
Engaging viewers on both the macro and micro level was an important goal for the visualization.</p>
]]></content:encoded>
			<wfw:commentRss>http://jamin.org/archives/2006/email-visualization/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
  
