<?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 Hegeman &#187; studio1</title>
	<atom:link href="http://jamin.org/tag/studio1/feed/" rel="self" type="application/rss+xml" />
	<link>http://jamin.org</link>
	<description>Design. Poetry. Soccer. Cake. Beer.</description>
	<lastBuildDate>Mon, 02 Apr 2012 06:47:53 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Visualizing Information Space</title>
		<link>http://jamin.org/visualizing-information-space/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=visualizing-information-space</link>
		<comments>http://jamin.org/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[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. In combination with sketches, I prototyped ideas in Flash and experimented with animation early. I used the mapped structure [...]]]></description>
			<content:encoded><![CDATA[<p><img id="image288" class="border" src="http://jamin.org/blog/wp-content/uploads/2006/12/process-book-final201.jpg" alt="process-book-final201.jpg" /></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 overlaid 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 title="still2" href="http://www.flickr.com/photos/52272344@N00/2277809856/"><img class="border" src="http://farm3.static.flickr.com/2302/2277809856_2a2fa0f44f.jpg" alt="still2" /></a><br />
A still from the video.</p>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_elsewhere-mapping_802434845"
			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_802434845"
			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 title="sketch1" href="http://www.flickr.com/photos/52272344@N00/2277018249/"><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 title="sketch3" href="http://www.flickr.com/photos/52272344@N00/2277018185/"><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 title="sketch2" href="http://www.flickr.com/photos/52272344@N00/2277018165/"><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>
<div class="al2fb_like_button"><div id="fb-root"></div><script type="text/javascript">
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=328738627150391";
  fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));
</script>
<fb:like href="http://jamin.org/visualizing-information-space/" layout="standard" show_faces="true" width="450" action="like" font="arial" colorscheme="light" ref="AL2FB"></fb:like></div>]]></content:encoded>
			<wfw:commentRss>http://jamin.org/visualizing-information-space/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Email Visualization</title>
		<link>http://jamin.org/email-visualization/?utm_source=rss&#038;utm_medium=rss&#038;utm_campaign=email-visualization</link>
		<comments>http://jamin.org/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><a href="http://jamin.org/blog/wp-content/uploads/2006/10/makingconnections.jpg" rel="lightbox[468]"><img class="alignnone size-full wp-image-932" title="makingconnections" src="http://jamin.org/blog/wp-content/uploads/2006/10/makingconnections.jpg" alt="" width="400" height="300" /></a></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" width="400" height="300" /><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" width="400" height="300" /><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" width="400" height="300" /><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 class="border" src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/firstattempt.jpg" alt="early computer art" width="400" height="300" /></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" width="400" height="300" /><br />
But first, I did some more sketches.</p>
<p><img class="border" src="http://www.jaminhegeman.com/portfolio/cmu/studio1/datavis/images/closeup.jpg" alt="close up" width="400" height="300" /><br />
Engaging viewers on both the macro and micro level was an important goal for the visualization.</p>
<div class="al2fb_like_button"><div id="fb-root"></div><script type="text/javascript">
(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=328738627150391";
  fjs.parentNode.insertBefore(js, fjs);
}(document, "script", "facebook-jssdk"));
</script>
<fb:like href="http://jamin.org/email-visualization/" layout="standard" show_faces="true" width="450" action="like" font="arial" colorscheme="light" ref="AL2FB"></fb:like></div>]]></content:encoded>
			<wfw:commentRss>http://jamin.org/email-visualization/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
  

