<?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/"
	>

<channel>
	<title>Jonathan Jarvis</title>
	<atom:link href="http://jonathanjarvis.com/feed" rel="self" type="application/rss+xml" />
	<link>http://jonathanjarvis.com</link>
	<description>Interaction &#38; Media Designer</description>
	<pubDate>Wed, 18 Mar 2009 15:10:42 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.7.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Crisis of Credit Visualized</title>
		<link>http://jonathanjarvis.com/crisis-of-credit</link>
		<comments>http://jonathanjarvis.com/crisis-of-credit#comments</comments>
		<pubDate>Sun, 01 Mar 2009 15:00:02 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=3</guid>
		<description><![CDATA[
The Short &#038; Simple Story of the Credit Crisis - Visit the Project Website »

Watch in HD
The Crisis of Credit Visualized distills the economic crisis into a short and simple story by giving it form. It is also argues that designers have the ability to see a complex situation, then turn around and communicate it [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/cocv_header_012.jpg" alt="cocv_header_012" title="cocv_header_012" width="950" height="360" class="alignnone size-full wp-image-78" /></pre>
<p><span class="intro">The Short &#038; Simple Story of the Credit Crisis<span id="more-3"></span><a href="http://www.crisisofcredit.com"> - Visit the Project Website »</a></span></p>
<p><object width="950" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=3261363&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=09bd00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=3261363&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=09bd00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="950" height="360"></embed></object><br />
<a href="http://www.vimeo.com/3261363">Watch in HD</a></p>
<p><em><a href="http://www.crisisofcredit.com">The Crisis of Credit Visualized</a></em> distills the economic crisis into a short and simple story by giving it form. It is also argues that designers have the ability to see a complex situation, then turn around and communicate it to others. By giving graphic form to the credit crisis, it becomes comprehensible. Not only do economic activities take shape, but new relationships can emerge between these shapes.</p>
<p>My interest in the project stems from 3 primary sources: my simple desire to understand it, diagramming work I conducted at UNICEF, and my earlier motion design work. Initially, I researched printed news and spoke with several friends working in investment banks. However, I began turning more and more to audio and video sources for information. These sources contained an editor&#8217;s narrative which greatly enhanced my understanding, often by putting the crisis in some sort of larger context. But I still could not find a holistic or concise explanation.</p>
<p>In the summer of 2008 I was awarded a fellowship to join The <a href="http://unicefinnovation.org/">Innovation Team</a> at <a href="http://www.unicef.org/">UNICEF</a> in New York. There, while  designing <a href="http://www.jonnyj.net/m4/UNICEF/our_stories_document_web_14.pdf">global storytelling</a> and <a href="http://www.jonnyj.net/m4/UNICEF/yjp_proposal_16.pdf">media platforms</a>, I began creating system diagrams. The diagrams served to make crazy ideas understandable, and served as a tangible object when presenting these systems which hadn&#8217;t yet be built. I felt that I was onto something when the technical project manager informed me that the diagrams had helped him significantly with the system architecture.</p>
<p>After returning from New York, I realized that the earlier motion designs (see <a href="http://www.vimeo.com/2496088">Harper&#8217;s Index in Motion</a> &amp; <a href="http://www.vimeo.com/1345841">Tangible Interactions</a>) I had done were in a sense glorified, moving diagrams. Moving mediums allow for richer narratives. But what really intereseted me was when I gave form to an idea in the diagrams, I was able to draw connections on an entirely new level—and communicate more effectively.</p>
<p>I&#8217;ve also created these print spreads from the video&#8217;s assets:</p>
<pre><a href="http://jonathanjarvis.com/media/cocv_homeowner_to_investor_web.pdf"><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/homeowner_to_investor_01.jpg" alt="homeowner_to_investor_01" title="homeowner_to_investor_01" width="950" height="567" class="alignnone size-full wp-image-74" /></a></pre>
<pre><a href="http://jonathanjarvis.com/media/cocv_prime_to_subprime_web.pdf"><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/prime_to_subprime_01.jpg" alt="prime_to_subprime_01" title="prime_to_subprime_01" width="950" height="567" class="alignnone size-full wp-image-75" /></a></pre>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/cc_9_up_04.jpg" alt="cc_9_up_04" title="cc_9_up_04" width="950" height="540" class="alignnone size-full wp-image-23" /></pre>
<p><span class="caption">Scenes from storyboards</span></p>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/crisis_sketch_01.jpg" alt="crisis_sketch_01" title="crisis_sketch_01" width="950" height="360" class="alignnone size-full wp-image-24" /></pre>
<p><span class="caption">Research sketches</span></p>
<p>Two excellent <em>This American Life</em> broadcasts proved valuable sources:<br />
<a href="http://www.thisamericanlife.org/Radio_Episode.aspx?episode=365">Another Frightening Show About the Economy</a><br />
<a href="http://www.thislife.org/Radio_Episode.aspx?episode=355">The Giant Pool of Money</a></p>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/crisis-of-credit/feed</wfw:commentRss>
		</item>
		<item>
		<title>Interactive Oracles</title>
		<link>http://jonathanjarvis.com/interactive-oracles</link>
		<comments>http://jonathanjarvis.com/interactive-oracles#comments</comments>
		<pubDate>Sun, 01 Mar 2009 14:00:22 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=18</guid>
		<description><![CDATA[
Multi-Touch Tables Drawing Connections Between Visitors

Designed for Acura, the Interactive Oracles are round, multi-touch, multi-user tables that draw connections between visitors as they touch the surface. The Oracles were built by George P. Johnson (GPJ) for Acura&#8217;s 2008 International Auto Show Exhibit. While originally built in 2007, the interface failed to fully utilize the multi-touch [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/oracle_header_01.jpg" alt="oracle_header_01" title="oracle_header_01" width="950" height="360" class="alignnone size-medium wp-image-19" /></pre>
<p><span class="intro">Multi-Touch Tables Drawing Connections Between Visitors<span id="more-18"></span></span></p>
<p><object width="950" height="427"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2174253&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=09bd00&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2174253&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=09bd00&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="950" height="427"></embed></object></p>
<p>Designed for <a href="http://www.acura.com/">Acura</a>, the Interactive Oracles are round, multi-touch, multi-user tables that draw connections between visitors as they touch the surface. The Oracles were built by <a href="http://www.gpj.com/">George P. Johnson</a> (GPJ) for Acura&#8217;s 2008 International Auto Show Exhibit. While originally built in 2007, the interface failed to fully utilize the multi-touch capabilities of the tables. GPJ lent one of the Oracles to the <a href="http://www.artcenter.edu/mdp/">Media Design Program</a> at the Art Center College of Design for students to explore new interaction design concepts. The bar-like padded lining seemed to induce a very casual and leisurely approach to interacting with the table, and the round shape invited many user but did not structure their relationships (i.e. the is no &#8220;head of the table&#8221; at a round table). Based on these observations I designed an interface required little investment to use (no reading or watching), but created a &#8220;wow&#8221; once a visitor touched the surface. Graphics and sounds flourish out of visitors fingers as they play with the surface. Graphics connect between hands and sliders along the edge of the table can be tossed to other visitors.</p>
<p>The exciting aspect of a project like this is designing an application that can be used by a dozen people  simultaneously. It is a big departure from designing for a single point of input for a single moment (i.e. a mouse). The designer needs to consider how to serve up to 5 finger tips on each hand, each of which can remain pressed down on the surface for varied amount of time.</p>
<p>GPJ brought me on board to implement my interface and consult on the interaction design of several other projects. The final interface can be <a href="http://www.vimeo.com/2174253">seen here</a> or in the video above.</p>
<p><a href="http://www.madein.la/featuredprojects/interactiveoracles/">See the comprehensive project website here »</a></p>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/oracle_sequence_01.jpg" alt="oracle_sequence_01" title="oracle_sequence_01" width="950" height="360" class="alignnone size-full wp-image-38" />

<img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/oracle_sequence_02.jpg" alt="oracle_sequence_02" title="oracle_sequence_02" width="950" height="360" class="alignnone size-full wp-image-39" />
<img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/oracle_sequence_03.jpg" alt="oracle_sequence_03" title="oracle_sequence_03" width="950" height="360" class="alignnone size-full wp-image-40" /></pre>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/interactive-oracles/feed</wfw:commentRss>
		</item>
		<item>
		<title>OverPowered</title>
		<link>http://jonathanjarvis.com/overpowered</link>
		<comments>http://jonathanjarvis.com/overpowered#comments</comments>
		<pubDate>Sun, 01 Mar 2009 13:00:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=6</guid>
		<description><![CDATA[
Simulating the relationship between power and control.

Demonstration
Wave your arm across the wall to create a giant flourish of light. OverPowered uses accelerometers to amplify your conjuring gestures into magical displays. But beware your fervor, if you strike too hard, you will destroy the system. OverPowered is an exercise in controlling power.
Swinging your arms to command [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/slash_header_01.jpg" alt="slash_header_01" title="slash_header_01" width="950" height="360" class="alignnone size-full wp-image-9" /></pre>
<p><span class="intro">Simulating the relationship between power and control.</span><span id="more-6"></span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="302" 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=2497185&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="950" height="302" src="http://vimeo.com/moogaloop.swf?clip_id=2497185&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span class="caption">Demonstration</span></p>
<p>Wave your arm across the wall to create a giant flourish of light. OverPowered uses accelerometers to amplify your conjuring gestures into magical displays. But beware your fervor, if you strike too hard, you will destroy the system. OverPowered is an exercise in controlling power.</p>
<p>Swinging your arms to command herds of stars: the stuff of <em>Fantasia</em>. Using accelerometers, I wanted to recreate the experience atop the mountain in<em><a href="http://www.youtube.com/watch?v=LD8HDta7Z_4">The Sorcerers Apprentice</a></em> from Disney&#8217;s <em><a href="http://en.wikipedia.org/wiki/Fantasia_(film)">Fantasia</a></em>. <em>The Sorcerers Apprentice</em> is the premier story about the ambivalent nature of power. It is derived from the ancient story of the <a href="http://en.wikipedia.org/wiki/Golem">golem</a>: an inanimate figure brought to life by magic to serve its creator, but the creator soon realizes that he cannot control his creation. Power and control have an intimate and often inverse relationship, where the greatest power cannot be controlled.</p>
<p>While working on OverPowered and <a href="http://jonnyj.net/m5/crisis_of_credit">The Credit Crisis Visualized</a> concurrently, I began to see a similarity in each project&#8217;s narrative. While the apprentice (Mickey) created the broom to haul water out of the well for him, so similarly did the captains of Wall Street create derivative securities to haul profit out of bad mortgages. Both lost control. To use Tom Wolfe&#8217;s term, these <a href="http://en.wikipedia.org/wiki/The_Bonfire_of_the_Vanities">Masters of the Universe</a> used their incredible power to create the very situation responsible for their downfall.</p>
<p>In relation to the project <a href="http://jonnyj.net/m5/process_drawing">Process as Drawing</a>, OverPowered began to explore the idea of harnessing creative energy and wielding it on a level approaching that of destruction. Destructive action creates incredible amplifications, like the shudder of a finger tumbling a house of cards. The epitome of destructive action is the <a href="http://www.youtube.com/watch?v=8U4erFzhC-U&amp;feature=related">imploding of a building</a>, with one push of a detonator, an entire building collapses in several awe-inspiring seconds. Magic is a synonym for this awe, and has always referred to the ability to control amplifications like this, especially in the creative direction. What if you could &#8220;magically&#8221; create a building in a matter of seconds?</p>
<p>New technology allows us to create experiences closer and closer to magic, financial or otherwise. We continue to test these powers to their limits, resulting in our continuous boom-and-bust cycles.</p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="360" 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=2497467&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="950" height="360" src="http://vimeo.com/moogaloop.swf?clip_id=2497467&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span class="caption">Presentation</span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="640" height="360" 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=2497574&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="950" height="360" src="http://vimeo.com/moogaloop.swf?clip_id=2497574&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span class="caption">Testing</span></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="302" 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=2497277&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="950" height="302" src="http://vimeo.com/moogaloop.swf?clip_id=2497277&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object><br />
<span class="caption">Mock-up</span></p>
<p>See more videos of the project:</p>
<p><span class="intro"><a href="http://www.vimeo.com/album/49477">OverPowered Video Galley »</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/overpowered/feed</wfw:commentRss>
		</item>
		<item>
		<title>Room Call</title>
		<link>http://jonathanjarvis.com/room-call</link>
		<comments>http://jonathanjarvis.com/room-call#comments</comments>
		<pubDate>Sun, 01 Mar 2009 12:00:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=11</guid>
		<description><![CDATA[
What Happens When Everyone&#8217;s Phone Rings at the Same Time?

Room Call is an installation in a room with a terminal at the door and a few abstract posters hung on the wall. Visitors enter their name and phone numbers at the terminal then examine the posters. The content of the posters in not important, because [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/tm_header_01.jpg" alt="tm_header_01" title="tm_header_01" width="950" height="360" class="alignnone size-full wp-image-13" /></pre>
<p><span class="intro">What Happens When Everyone&#8217;s Phone Rings at the Same Time?</span></p>
<p><span id="more-11"></span></p>
<p>Room Call is an installation in a room with a terminal at the door and a few abstract posters hung on the wall. Visitors enter their name and phone numbers at the terminal then examine the posters. The content of the posters in not important, because after a minute, everyone&#8217;s phone rings at the same time. After the initial confusion, visitors answer their phones, where they begin to find that everyone in the room is connected to a conference call with everyone else.</p>
<p>The experience highlights the potential connection that exists between everyone in the room (or any room) through their cell phones and the nearest cellular tower. Although it is invisible, this connection exists all the time. By calling all the visitors&#8217; phones simultaneously, I hope to illustrate this connection in an unexpected and delightful way. Inspired by my earlier projects exploring new ways to depict networked objects (<a href="http://people.artcenter.edu/~jjarvis/m4/networked_objects/networked_objects.html">Stuff Keeping Track of Itself</a> &#038; <a href="http://people.artcenter.edu/~jjarvis/m4/celebrity_ass/celebrity_ass.html">The Bragging Chair</a>), I&#8217;m interested in finding new ways to depicts networks—ways different from the tired web and cell diagrams.</p>
<p>I managed to rig up <a href="http://www.skype.com/">Skype</a> conference calls by manually entering the visitor&#8217;s phone numbers, but the next step I want to take is configuring an <a href="http://www.asterisk.org/">Asterisk</a> server to completely automate the installation. Anyone interested in collaborating please <a href="mailto:jonathan.jarvis@gmail.com">contact me</a>.</p>
<p><object width="640" height="360"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=2498081&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=2498081&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="950" height="360"></embed></object><br />
<span class="caption">Presentation of Room Call at my Thesis Review</span></p>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/room-call/feed</wfw:commentRss>
		</item>
		<item>
		<title>Process as Drawing</title>
		<link>http://jonathanjarvis.com/process-drawing</link>
		<comments>http://jonathanjarvis.com/process-drawing#comments</comments>
		<pubDate>Sun, 01 Mar 2009 11:00:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=15</guid>
		<description><![CDATA[
A 30 Minute Drawing Each Day, Recorded &#38; Condensed. Videos »   Illustrations » 

I set about to do a quick illustration, in 30 minutes, each day. I gave this exercise to myself to get in the habit of producing work in larger quantities. One day I decided to record the drawings. I took [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/dd_header_01.jpg" alt="dd_header_01" title="dd_header_01" width="950" height="360" class="alignnone size-full wp-image-16" /></pre>
<p><span class="intro">A 30 Minute Drawing Each Day, Recorded &amp; Condensed.<span id="more-15"></span><a href="http://www.vimeo.com/album/36038"> Videos » </a> <a href="http://www.flickr.com/photos/jjarvis/sets/72157607839630268/"> Illustrations » </a></span></p>
<p><object width="950" height="362" data="http://vimeo.com/moogaloop.swf?clip_id=2085281&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2085281&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /></object></p>
<p>I set about to do a quick illustration, in 30 minutes, each day. I gave this exercise to myself to get in the habit of producing work in larger quantities. One day I decided to record the drawings. I took the screen-capture video and condensed it into a 90-second video. What I found was that the process of illustrating, as captured in the video, became as much an object as the finished illustration itself.</p>
<p>Inspiration for this exercise came from my participation last year in the <a href="http://www.cutandpaste.com/">Cut&amp;Paste</a> design tournament. Cut&amp;Paste puts designers on stage in front of a live audience, where they compete in 15 minute rounds. In this format, the designer&#8217;s process becomes the focus, as their designing becomes a performance for the crowd. This got me thinking that the process of designing could be used in ways that add to the finished design. Or, to taking it further, what if the process became the primary object and the finished design was the addition? These illustrations mark the beginning of my interest in this idea that I will continue to explore.</p>
<p>In relation to the project <a href="http://jonnyj.net/m5/overpowered">OverPowered</a>, these videos begin to explore the idea of harnessing creative energy and wielding it on a level approaching that of destruction. This is because destructive actions create incredible amplifications, like the flick of a finger tumbling a house of cards. The epitome of destructive action is the imploding of a building, with one push of a detonator, an entire building collapses in seconds. This same building took years to build. But know, we can watch it built in a matter of minutes through time-lapsed video. Watching a building assembled before your eyes is quite an impressive sight. Miraculously, something has been created where there was once nothing. This awe-inspiring effect is a reverse of the awe of destruction. I believe this is one of the main appeals of time-lapse video.</p>
<p>As new technologies continue to enable awe-inspiring acts of creation, in what new ways will we use them not just for effect, but for production? How will designers utilize them?</p>
<p><object width="950" height="362" data="http://vimeo.com/moogaloop.swf?clip_id=2207558&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2207558&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /></object><br />
<object width="950" height="362" data="http://vimeo.com/moogaloop.swf?clip_id=1919073&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=1919073&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=333333&amp;fullscreen=1" /></object></p>
<p>See all of the videos and illustrations:</p>
<p><span class="intro"><a href="http://vimeo.com/album/36038">Process as Drawing Video Gallery »</a><br />
</span><span class="intro"><br />
<a href="http://www.flickr.com/photos/jjarvis/sets/72157607839630268/">Process as Drawing Illustration Gallery »</a></span></p>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/process-drawing/feed</wfw:commentRss>
		</item>
		<item>
		<title>Our Stories</title>
		<link>http://jonathanjarvis.com/our-stories</link>
		<comments>http://jonathanjarvis.com/our-stories#comments</comments>
		<pubDate>Sun, 01 Mar 2009 10:00:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://jonathanjarvis.com/?p=57</guid>
		<description><![CDATA[
Spreading Personal Stories to Youth Around the World

&#8220;If stories come to you, care for them, and learn to give them away where they are needed. Sometimes a person needs a story more than food to stay alive.&#8221;
—Barry Lopez in Crow and Weasel
In the summer of 2008, I was fortunate enough to be selected for the [...]]]></description>
			<content:encoded><![CDATA[<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/africa_header_011.jpg" alt="africa_header_011" title="africa_header_011" width="950" height="360" class="alignnone size-full wp-image-72" /></pre>
<p><span class="intro">Spreading Personal Stories to Youth Around the World</span></p>
<p><span id="more-57"></span></p>
<p><em>&#8220;If stories come to you, care for them, and learn to give them away where they are needed. Sometimes a person needs a story more than food to stay alive.&#8221;</em><br />
—Barry Lopez in <em>Crow and Weasel</em></p>
<p>In the summer of 2008, I was fortunate enough to be selected for the <a href="http://www.accd-dm.org">Designmatters</a> Fellowship and spend 4 months working with <a href="http://unicefinnovation.org/">UNICEF&#8217;s Innovation Team</a> in New York City. During my time there, my primary project was a conceptual redesign of the Our Stories Project. (See <a href="http://jonathanjarvis.com/media/dm_doc_hi_640x480.mov">video of my fellowship</a> as well as <a href="http://jonathanjarvis.com/media/dm_fellowship_jarvis.pdf">my documentation</a> and <a href="http://jonathanjarvis.com/media/fellowship_reflections_jarvis.pdf">personal essay »</a>)</p>
<p><em>Project Description:</em><br />
The Our Stories Project collects, preserves, and shares young peoples&#8217; stories around the world. Bringing together the collective effort of UNICEF, Google, One Laptop Per Child, and StoryCorps, the Our Stories Project aims to leverage emerging and existing technologies to create a global platform for storytelling. These are the voices of young people everywhere, in all cultures, all languages, at all times. These stories matter because taken together, they enable people to communicate locally but be heard globally.</p>
<p>The project collects audio stories locally and over the website. The primary way these are accessed is through a Google maps mashup organizing stories by the location of their telling: <a href="http://www.ourstories.org">OurStories.org</a>. My proposal was to push the platform to become more accessible to many of the areas of the world that we wanted to hear from most, but where an interactive map is not practical.</p>
<p>I had spent a week visiting with youth journalist organizations in Guyana and Suriname in my previous semester. While I was there I noticed how these groups were excellent at adapting content from emerging technologies into forms that were available locally, often television, radio, and mobile phones.</p>
<p>While organizing stories on a Google map is one great way to do it, why limit the project to one mode of access? Why not stream the stories though and open API, one that allows policy makers, advocates, and designers to tap into this stream and create their own interfaces that are appropriate and accessible to their own audiences?</p>
<p>Kids with high-bandwidth access can browse the Google map, but kids in rural and underdeveloped areas can hear the radio broadcast their local DJ is transmitting—that he downloaded as a podcast. The idea is that there isn&#8217;t one right way to make stories accessible, but many right ways, as many right ways as there are listeners. By feeding the stories out in an open manner, they can be adapted in different ways in different places that make the most sense for each local audience.</p>
<p><a href="http://jonathanjarvis.com/media/our_stories_document_web_14.pdf">See the proposal document describing this approach »</a></p>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/our_stories_diagram_01.gif" alt="our_stories_diagram_01" title="our_stories_diagram_01" width="950" height="734" class="alignnone size-full wp-image-70" /></pre>
<p>I also explored a visual language to compliment this approach. Our team visited the University of Maryland Human Computer Interaction Laboratory to work with kids to co-design the project. There I noticed toys of basic geometric shapes that each child would assemble in their own unique way to tell their story. I chose tangrams as universal shapes across languages and cultures. The tangrams represent stories that, while universal, can be assembled in ways the vibrantly describe the land from which they came.</p>
<p><a href="http://jonathanjarvis.com/media/world_tangrams_02.pdf">See the world in tangrams »</a></p>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/tangrams_south_america_01.gif" alt="tangrams_south_america_01" title="tangrams_south_america_01" width="950" height="1229" class="alignnone size-full wp-image-64" /></pre>
<pre><img src="http://jonathanjarvis.com/wp-content/uploads/2009/03/tangrams_africa_01.gif" alt="tangrams_africa_01" title="tangrams_africa_01" width="950" height="1229" class="alignnone size-full wp-image-65" /></pre>
]]></content:encoded>
			<wfw:commentRss>http://jonathanjarvis.com/our-stories/feed</wfw:commentRss>
		</item>
	</channel>
</rss>
