<?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>Dustin York</title>
	<atom:link href="http://www.dustinyork.net/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.dustinyork.net</link>
	<description>designer in media, interaction, and research</description>
	<lastBuildDate>Mon, 28 Nov 2011 00:28:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.5</generator>
		<item>
		<title>Sharing the Knowledge</title>
		<link>http://www.dustinyork.net/sharing-the-knowledge/</link>
		<comments>http://www.dustinyork.net/sharing-the-knowledge/#comments</comments>
		<pubDate>Sat, 23 Apr 2011 12:38:26 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[co-creation]]></category>
		<category><![CDATA[game incentive]]></category>
		<category><![CDATA[ICT4Dev]]></category>
		<category><![CDATA[mobile learning]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=743</guid>
		<description><![CDATA[ <p class="excerpt">This project centers on the potential for improving literacy in under-developed regions. This is explored through low-tech social interactions, ones that enable collaborative creation &#038; understanding of learning content. A selection for the CHI 2011 Student Design Competition.</p>]]></description>
			<content:encoded><![CDATA[<p>I collaborated with <a href="http://inasee.net/" target="_blank">Zhengxin (Ina) Xi</a> on this project, which was selected to be part of the CHI 2011 Student Design Competition. Check out the portfolio page describing our experience <a href="http://www.dustinyork.net/chi-poster-competition/" target="_blank">presenting the project at the CHI Conference</a> in Vancouver. The Sharing the Knowledge project website can also be found at <a href="http://www.dustinyork.net/sharing/" target="_blank">www.dustinyork.net/sharing</a>.</p>
<p>Sharing the Knowledge is a community literacy learning system for implementation in the isolated regions of a developing nation. The project is a set of designed interactions that enables a collaborative social effort in creating and understanding educational materials, as means of compensation for the general lack of access to formal education and trained educators. The user-generated media is used for mobile learning applications and for creating social gaming incentives.<br />
<div id="slideshow-wrapper1" class="slideshow-wrapper">
	<div id="portfolio-slideshow1" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="475" src="http://www.dustinyork.net/wp-content/uploads/2011/03/stk_graphic1.png" class="attachment-full" alt="stk_graphic1" title="stk_graphic1" /></a><p class="slideshow-description">This project is comprised of three components: 1.Tagging the Village 2.Community Learning and 3.Family Anecdotes.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="475" src="http://www.dustinyork.net/wp-content/uploads/2011/03/stk_graphic2.png" class="attachment-full" alt="stk_graphic2" title="stk_graphic2" /></a><p class="slideshow-description">Tagging the Village involves taking a picture with your phone, labeling it with an appropriate term, and then sharing it with your learning group.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="475" src="http://www.dustinyork.net/wp-content/uploads/2011/03/stk_graphic3.png" class="attachment-full" alt="stk_graphic3" title="stk_graphic3" /></a><p class="slideshow-description">Community Learning takes the educational materials accrued from 'tagged' pictures, and uses interaction and play at a communal level in order to collaboratively learn the material.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="475" src="http://www.dustinyork.net/wp-content/uploads/2011/03/stk_graphic4.png" class="attachment-full" alt="stk_graphic4" title="stk_graphic4" /></a><p class="slideshow-description">Family Anecdotes involves recording a story, and then having it transcribed while playing the recording to the community learning group. Other user's learning material is highlighted when there is an overlapping term, to reinforce the shared connections.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--></p>
<p class="caption"><iframe src="http://player.vimeo.com/video/24176539?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="709" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/24176539">Tagging the Village</a> from <a href="http://vimeo.com/user2777167">inaxi</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Tagging the Village</h2>
<p>One of the key components to the system is that all the learning material is self-generated. Participants in a local community network have the ability to tag their own picture messages with labels describing them, and then the ability to share them with everybody else. The materials generated are seamlessly reflective of and finds relevance with their everyday lives, and constitutes recurrent prompting from friends and family as means of supportive encouragement.</p>
<p>&nbsp;</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/24088617?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="709" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/24088617">Community Learning</a> from <a href="http://vimeo.com/user2777167">inaxi</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Making a Game of Community Learning</h2>
<p>The resources compiled through Tagging the Village are utilized effectively in the context of community-supported learning. The same tagged picture messages are compiled into a database and turned into a game that encourages participation among every member in the room. Authors of the original tagged image act as mentor to every other learner, and the opportunity is given for supportive participation to lift the confidence and abilities of everyone involved.</p>
<p>This prototype demonstrates the essential community function that the game provides. Everyone’s cell phone is sent a picture message of a letter, and it is up to the group to correctly spell out the label given to the image on the screen. A webcam directed at the mobile phone is able to recognize a correct or incorrect answer.</p>
<p>&nbsp;</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/24088969?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/24088969">Family Anecdotes</a> from <a href="http://vimeo.com/user2777167">inaxi</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Family Anecdotes as Teaching Material</h2>
<p>Looking forward, the logical progression of Sharing the Knowledge is to go from spelling words to reading stories. Family Anecdotes is where the storyteller becomes the de facto teacher, in the same space as where our Community Learning game takes place. As the story is replayed aloud to the group the computer displays the words, and if the reader says a word that is also a tag—like ‘flower’ or ‘beet’—the computer automatically displays other group member’s photos with that tag. This is a good way to involve the listeners by integrating the audience’s own diverse content, and readily demonstrates how one can place words they know within a greater story, thereby empowering participants to fill in the words they don’t yet know. Participants could further look to a story as creative inspiration, and so endeavor to add tagged images that consciously illustrates the story further.</p>
<h1>Research</h1>
<p>A real-life example of how a disadvantaged population can learn with scant educational resources is illustrated by the story of a young girl named <a href="http://www.timesonline.co.uk/tol/news/world/asia/article7100868.ece" target="_blank">Bharti Kumari</a>. At the age of twelve, Bharti is the head teacher for her impoverished village located in the Bihar province of India, teaching Hindi, English, and math to some 50 children. She learned the subjects she teaches by also finding the time to attend a state school two miles away. The children she teaches would have no other access to education.</p>
<p>If viewing India as a use case on reducing illiteracy, the nation is home to 35% of the world’s total illiterate population (<a href="http://www.roomtoread.org/Page.aspx?pid=304" target="_blank">roomtoread.org</a>). When factoring in technology for possible solutions, the number of internet users in India is only 7% of the population (actually falling slightly from the year before) (<a href="http://www.internetworldstats.com/asia/in.htm" target="_blank">internetworldstats.com</a>). However, India is home to one of the fastest growing mobile markets, and is predicted to surpass the one billion user mark within five years (<a href="http://economictimes.indiatimes.com/News/Economy/Finance/India-to-have-billion-plus-mobile-users-by-2015-executive/articleshow/5242284.cms" target="_blank">indiatimes.com</a>). The presence of inadequate literacy rates, and yet a continual rise of mobile phone ownership is common in many other developing countries worldwide. For instance, 2010 saw the total number of mobile phones eclipse the five billion mark (<a href="http://www.cbsnews.com/stories/2010/02/15/business/main6209772.shtml">cbsnews.com</a>). Sharing the Knowledge views these conversant communities as a profound and expedient resource for improving aptitude.</p>
<h2>Mobile Learning</h2>
<p>This project shares a lot in common with the growing trend of mobile learning, or m-learning as it is called. Research revealed to us that mobile phone companies like Nokia provide a service called Life Tools that text messages trivia to subscribers for things like learning English. The Indian state-owned telecom company BSNL also has a similar program, among others. Many providers see the future of m-learning in developing interactive games, waiting for the day when the common access to that level of technology can allow widespread implementation. Our system leverages the power of community participation rather than the reliance upon dynamic interactive software to bring learning to the far corners in the near future.</p>
<h2>Mobile Learning Pedagogies</h2>
<p>Prior research in mobile learning has demonstrated proven active learning methodologies that our project seeks to capitalize upon as well. One such method is socio-cognitive learning, characterized by developing knowledge through personally or collaboratively forming and re-forming concepts. Researchers user-testing m-learning games for the <a href="http://www.mobilearn.org/" target="_blank">MOBIlearn</a> project observed that socio-cognitive tactics built confidence and expressiveness in learners, which in turn fed a desire to learn more. Likewise, <a href="http://millee.org/" target="_blank">Kumar et al</a> demonstrated in their word recognition experiments that participants were able to retain significantly more new words if using productive training (prompting users to verbalize the correct answer) over receptive training (selecting from multiple choice).</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/10518971?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="709" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/10518971">Interview with Kristen Aguirre-Ford</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<h2>Researched Methods for Teaching Reading and Writing</h2>
<p>The other side to the project research was in learning the correct methods in teaching literacy. For that, we interviewed an educator with over twenty years of experience in doing just that, Kristen Aguirre-Ford. Our discussion with her was very fruitful, revealing to us basic tenets of literacy education that informed and drove new directions for this project. We learned from her that at the very root of learning, having support from others is integral in driving an interest in literacy. She also told us that it is important that the student knows why they are learning what they are learning, and to recognize the importance of using methods of auditory, visual and kinesthetic learning in concert to help all students learn in the best manner for them. And one of the most important strategies she taught us was that the student should not be initially limited by the words they know, instead they should be inspired by the imaginations they possess. All of this went into how we formed our strategies in self-directed education.</p>
<h1>Acknowledgments</h1>
<p>We would like to thank Professor Philip van Allen and Kristen Aguirre-Ford for their expert advisement during the course of this project. We would also like to thank Julian Bleecker, Sean White, Hiroshi Horii, Shabnam Aggarwal, Steve Vosloo, and the UNICEF Innovation Team for sharing their knowledge.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/sharing-the-knowledge/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>UNICEF Process Video</title>
		<link>http://www.dustinyork.net/unicef-process-video/</link>
		<comments>http://www.dustinyork.net/unicef-process-video/#comments</comments>
		<pubDate>Fri, 22 Apr 2011 12:28:19 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[UNICEF Innovation Group]]></category>
		<category><![CDATA[communication design]]></category>
		<category><![CDATA[ICT4Dev]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=716</guid>
		<description><![CDATA[ <p class="excerpt">I was fortunate to have been selected to represent Design Matters for the summer UNICEF design fellowship. This video is a description of my experience, process, and projects — which hopefully is useful for interested parties and subsequent fellows.</p>]]></description>
			<content:encoded><![CDATA[<p class="caption"><iframe src="http://player.vimeo.com/video/15448389?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/15448389">DesignMatters Fellowship Video</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>During my DesignMatters Fellowship, UNICEF placed significant emphasis on figuring out how to learn from their own past projects and use that as important lessons to apply for new projects. Some of the most rigorous organization, iteration, and analysis was required in the conception of program frameworks (for initiatives in health, education, etc), because using the experience gained and documented becomes some of the pillars on which to identify proven techniques and strategies. The Innovation Team often tasked me with helping to bring these methods to work—and in addition to that the DesignMatters and UNICEF collaboration itself is a program which builds, where the predecessor has something to share with next year’s Fellow. This video is a reflection of the Innovation Team’s perpetual aim to improve upon past efforts, in that it was an attempt to make explicit my most significant experiences and takeaways. The hope is that this sheds some light on what I had learned, and perhaps others could learn from that as well.</p>
<p>I would like to thank <a href="http://www.designmatters.artcenter.edu/" target="_blank">DesignMatters</a> representatives <a href="http://twitter.com/designmattersCA" target="_blank">Mariana Amatullo</a> and Elisa Ruffino, and my DesignMatters mentor <a href="http://stephaniesigg.carbonmade.com/" target="_blank">Stephanie Sigg</a> for their support and for making this all possible. Much gratitude also goes to the <a href="http://unicefinnovation.org/" target="_blank">UNICEF Innovation Team</a>, particularly team leaders <a href="http://twitter.com/unickf" target="_blank">Christopher Fabian</a> and <a href="http://twitter.com/uniemk" target="_blank">Erica Kochi</a> for promoting such ambitious project goals. Thanks also goes to <a href="http://twitter.com/RapidFTR" target="_blank">Jorge Just</a> and <a href="http://www.khairanibarokka.com/" target="_blank">Khairani Barokka</a>, in addition to the many other individuals at UNICEF, for their collaborations.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/unicef-process-video/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LIVE Singapore! Platform Design</title>
		<link>http://www.dustinyork.net/live-singapore-research-project/</link>
		<comments>http://www.dustinyork.net/live-singapore-research-project/#comments</comments>
		<pubDate>Wed, 20 Apr 2011 20:29:06 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[MIT Senseable City Lab]]></category>
		<category><![CDATA[design research]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[real-time]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1124</guid>
		<description><![CDATA[ <p class="excerpt">This MIT research project combines different real-time data streams of Singapore for innovative applications. Research involves exploring the roles that the data platform's front-end should serve, as well as concepting some applications that the project enables.</p>]]></description>
			<content:encoded><![CDATA[<p>LIVE Singapore! is a research project initiated by MIT&#8217;s Senseable City Lab. The project harnesses several different streams of the city&#8217;s real-time data and combines them on one platform, in order to one day enhance the living experience in a number of innovative and significant ways. The project is not intended for a single application, it is seen as a resource to build and to grow ever more responsive and immersive applications from a centralized hub of streaming data. My six-month involvement with <a href="http://senseable.mit.edu/livesingapore/index.html" target="_blank">LIVE Singapore!</a> concluded at the close of the project&#8217;s first year, which was capped by a museum exhibition at the Singapore Art Museum. </p>
<p>One of my contributions to LIVE Singapore! was to focus on the visual form of the platform. This involved illustrating how to make this a tool for citizen developers to create applications and unique data streams, and also make the platform a useful forum for those seeking visualization tools and downloading applications. Basically, what was being described is the beginning of an all-in-one resource that embodies what LIVE Singapore! can represent for the island nation.  </p>
<div id="slideshow-wrapper2" class="slideshow-wrapper">
	<div id="portfolio-slideshow2" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-01.png" class="attachment-full" alt="ls_present-01" title="ls_present-01" /></a><p class="slideshow-description">The LIVE Singapore! visual platform must address the different use-cases in one package, from developers looking to capitalize on the resource to end-users looking to use the posted tools for their own benefit. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-02.png" class="attachment-full" alt="ls_present-02" title="ls_present-02" /></a><p class="slideshow-description">The developer toolkit is a collection of data streams and mashups that developers could use for innovative applications. Developers would in turn share the mashups they have created, and add to the collective data recontextualization.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-03.png" class="attachment-full" alt="ls_present-03" title="ls_present-03" /></a><p class="slideshow-description">The visual platform is intended to enable a user-friendly quick overlay of data sets. This requires a visual language that allows for distinction from different layers of data.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="576" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-04.jpg" class="attachment-full" alt="ls_present-04" title="ls_present-04" /></a><p class="slideshow-description">The visualization toolkit concept can layer historical data with real-time data of nearly any combination, allowing for simple and user-friendly data analysis.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-05.png" class="attachment-full" alt="ls_present-05" title="ls_present-05" /></a><p class="slideshow-description">The platform allows for a forum from which to view new or popular visualizations that adds to the collective knowledge of and for the Singapore experience.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="576" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-06.jpg" class="attachment-full" alt="ls_present-06" title="ls_present-06" /></a><p class="slideshow-description">Part of the project was also to acknowledge the existing real-time urban infrastructure, to see what can grow from there.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-07.png" class="attachment-full" alt="ls_present-07" title="ls_present-07" /></a><p class="slideshow-description">One application for employing real-time data is a touch screen interface to be deployed at malls or transit hubs, telling the user about their transportation options and their respective time and cost expectations. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-08.png" class="attachment-full" alt="ls_present-08" title="ls_present-08" /></a><p class="slideshow-description">The user interface would involve selectivity in drawing a shape that delineates the origin & destination points. Singapore's road layout is fairly irregular, so this configuration allows the user to dictate where they are willing to go for transportation.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="576" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ls_present-09.jpg" class="attachment-full" alt="ls_present-09" title="ls_present-09" /></a><p class="slideshow-description">There are a myriad of mobile application possibilities that are opened up by the LIVE Singapore! project. One of these is a concept named Open Seats, which would allow the user to not only find their most timely bus option, but also the one with the greatest likelihood of finding a seat. </p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper-->
<p>Another aspect of my research involved developing concepts and prototypes that real-time information enables for Singapore. One prototype that my project partner <a href="http://n.ethz.ch/~dsantani/" target="_blank">Darshan Santani</a> and I developed addressed the need for a responsive bus system interface that provides the pertinent information that every rider could use in order to more easily navigate the urban landscape. This prototype allows for the selection of any one bus service route from among the city-wide system. The dots along the selected service line denotes a single bus, and it&#8217;s color from white (empty) to yellow (busy) indicates how full the bus is at the particular moment. The bar graph at the bottom compares real-time data with a simulated line of historical data, helping the user to see patterns and anticipate the variance of occupancy as each bus progresses along it&#8217;s route. We envisioned this interactive visual as a first step to demonstrating the value of a touch screen transportation interface strategically deployed in the public arena. </p>
<p class="caption"><iframe src="http://player.vimeo.com/video/22676226?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="711" height="533" frameborder="0"></iframe><br/><a href="http://vimeo.com/22676226">Singapore bus system Prototype</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>. The visualization tool allows for the selection of individual bus services, and displays pertinent capacity and schedule-related real-time information.</p>
<p>The conversation we have begun through these explorations have generated further interest among data partners and helped to pave the way forward. I look forward to seeing the project&#8217;s continued growth.</p>
<p>As an aside, during much of my time in Singapore I maintained a blog formatted around my observations as a visitor (<a href="http://blognotnamed.tumblr.com/" target="_blank">http://blognotnamed.tumblr.com/</a>). I think of it as an introspective form of design research, informing in some ways how I approached the LIVE Singapore! project. </p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/live-singapore-research-project/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Justin &amp; Dustin: Roommates</title>
		<link>http://www.dustinyork.net/justin-dustin-roommates/</link>
		<comments>http://www.dustinyork.net/justin-dustin-roommates/#comments</comments>
		<pubDate>Tue, 29 Mar 2011 14:24:46 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[book design]]></category>
		<category><![CDATA[data story]]></category>
		<category><![CDATA[design research]]></category>
		<category><![CDATA[real-time]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=752</guid>
		<description><![CDATA[<p class="excerpt">My roommate and I barely knew one another. That is, until I documented (in various ways) us toiling away at our respective workspaces. I made a book documenting those traces and what we found out about one another. </p>]]></description>
			<content:encoded><![CDATA[<p>The design objective for this project was to find a person to study through means of data collection, and then be able to take the information and pose it in a way that allows your subject to learn something new about themselves. The subject I chose was my roommate, Justin. The interesting thing to note was that while Justin and I were roommates, we see each other very little and know little about one another. In the beginning, I wrote down a list of all the facts I could list about my roommate, and came up with a list of 8 basic statements. However, Justin is a fellow Art Center student, like myself, and so a point of discovery to head toward was in revealing how two students that go to the same design college experience similarities and differences. The challenge I set for myself is to find out if this project can help the two of us find common ground, a natural conversation in the shared circumstances.<br />
<div id="slideshow-wrapper3" class="slideshow-wrapper">
	<div id="portfolio-slideshow3" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout_fp.jpg" class="attachment-full" alt="layout_fp" title="layout_fp" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout2.jpg" class="attachment-full" alt="layout2" title="layout2" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout8.jpg" class="attachment-full" alt="layout8" title="layout8" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout1.jpg" class="attachment-full" alt="layout1" title="layout1" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout_lp.jpg" class="attachment-full" alt="layout_lp" title="layout_lp" /></a></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--></p>
<p>I created an accordion book that can be unfolded to reveal all thirteen days of data. This book records what took place in the shared digital space between us, highlighting the fact that while some may see technology as cold and distancing, it can also be used as a tool of convenience to aid communication and thus break down barriers, even among two people that know one another very little.<br />
<div id="slideshow-wrapper4" class="slideshow-wrapper">
	<div id="portfolio-slideshow4" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="1010" src="http://www.dustinyork.net/wp-content/uploads/2011/03/vertical_layout.jpg" class="attachment-full" alt="vertical_layout" title="vertical_layout" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="1010" src="http://www.dustinyork.net/wp-content/uploads/2011/03/layout_tall.jpg" class="attachment-full" alt="layout_tall" title="layout_tall" /></a></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--></p>
<h2>Butcher Paper as Archive</h2>
<p>I embarked upon what could be termed incidental information gathering. What I wanted to capture was the individualistic yet commonplace moments in a person’s day-to-day existence. As both of us are design students it made sense to me that I attempt to archive the physical marks we make; the notes, doodles, and drawings. And so I covered both of our workspaces with carbon paper, and on top of that I placed butcher paper. What resulted was that the paper became an instant repository for the marks representing every project brainstorm and whimsical moment that occurs in the course of a rigorously creative life.</p>
<h2>Shared Blog</h2>
<p>I also set up a <a href="http://dustinandjustin.posterous.com/" target="_blank">posterous blog</a> that both of us could add content to with the utmost of convenience, by simply sending an email or text message the post becomes a piece of dialogue between us. It is a useful reflection of a person’s personality to see the conscious choices made to volunteer information that directs the conversation a certain way. I also used the blog to document the process of the project along every step of the way.</p>
<table style="width:100%">
<tr>
<td>
<p class="caption"><iframe src="http://player.vimeo.com/video/11072901?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="320" height="240" frameborder="0"></iframe><br/><a href="http://vimeo.com/11072901">Justin&#8217;s April 9th deskcam</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</td>
<td>
<p class="caption"><iframe src="http://player.vimeo.com/video/11071862?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="320" height="240" frameborder="0"></iframe><br/><a href="http://vimeo.com/11071862">Dustin&#8217;s April 6 deskcam</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
</td>
</tr>
</table>
<h2>Webcam &amp; Shared Screen</h2>
<p>Both of our workspaces had a webcam pointed directly at it, creating a dataset in the form of timelapsed photographs. This is an objective representation of tangible activity, but to push that further I also utilized Skype screen sharing, enabling me to see the homework that Justin is working on at our apartment as I do my own work in my studio. I would then post a blog entry about what I see and initiate a real time blogged conversation, resulting in an explicit acknowledgement of respective work that is going on simultaneously in two different places.</p>
<h2>Power Meter</h2>
<p>Finally, a power meter was installed in the apartment to make clear the timeline of when Justin is at the apartment studying at his workspace. It also records the times when I come by to turn on or off the computer displaying the blog and the webcam image, appearing as periodic slight blips of power change.</p>
<h2>Outcome</h2>
<p>I wrestled with the nature of data collection, I felt the process to be very blunt and impenetrable in terms of revealing more specific human moments. I set about to find a way to use familiar tools for nontraditional means in a systematic manner, turning what I collect into data because of the way that I went about collecting it, and also because of what it revealed about both Justin and myself.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/22212707?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="720" height="540" frameborder="0"></iframe><br/><a href="http://vimeo.com/22212707">Justin Marking the Book</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>The two of us were able to find a natural empathy and conversation about the projects that we both toil over, and both of us learned the most from one another in the interests that are revealed to dictate the directions our projects take. In the end, I made two identical books and Justin and I annotated the comments we had for one another. He got my marked book and I got his.</p>
<p>Looking forward, I believe I can use similar means of inquiry to learn about other people, about what drives them. I like the idea of relying upon what people are willing to volunteer about themselves, especially information revealed naturally and semi-unconsciously, with a minimum of consideration. I also enjoy the conversations that take place in a time-delayed and reflective atmosphere, and expect that I will explore similar themes dealing within a reflective and temporal context.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/justin-dustin-roommates/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Go Fish!</title>
		<link>http://www.dustinyork.net/gofish/</link>
		<comments>http://www.dustinyork.net/gofish/#comments</comments>
		<pubDate>Sat, 26 Mar 2011 20:43:26 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[arduino hardware]]></category>
		<category><![CDATA[game incentive]]></category>
		<category><![CDATA[tangible interaction]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=7</guid>
		<description><![CDATA[<p class="excerpt">This project is about integrating the use of media with the physical world. I created a game where the player can use a fishing rod to catch people on screen and try to reel them in.</p>]]></description>
			<content:encoded><![CDATA[<p>The description for this project is that it should explore the integration of the physical environment with the media environment. I was tasked with creating a tangible interaction where the audience manipulates a single knob and observes a corresponding video display or listens to corresponding audio.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/8073036?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="711" height="533" frameborder="0"></iframe><br/><a href="http://vimeo.com/8073036">GO FISH!</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>My project employs video, and my first endeavor when thinking about this project was to find some interaction where the presence of the knob itself is not noticeable when combined with a familiar object and its pre-accepted action. From there, I wanted to play off of and modify what that pre-learned behavior would produce. A fishing reel, for me, was the perfect solution.</p>
<p>I created a game involving hooking my fellow MDP studio mates with a rod and reel because it was an ideal way for me to blend a physical action with what one sees onscreen in a playful, humorous way. The video simply loops if left on it’s own, but by using the reel it allows the user to hook who they see onscreen. It’s basic appeal is as a game because the user has to reel the correct amount in order to be able to reel in their catch; if they reel too hard the line snaps, and if they reel too little the prey is able to break free on their own accord. Only through practice, trial-and-error, and maybe a little luck can the player bring in the big one! There is even a fish counter in the corner of the screen, letting the user know how many prize catches they have earned.</p>
<p>Credit must be given to <a href="http://www.philvanallen.com/" target="_blank">Professor Phil van Allen</a> and <a href="http://people.artcenter.edu/~zxi" target="_blank">Zhengxin Xi</a> for their generous help and collaboration on the Actionscript coding. Also, many thanks to the stars of my project and excellent fish impersonators: <a href="http://austinslee.com/" target="_blank">Austin Lee</a>, <a href="http://hoon5.wordpress.com/" target="_blank">Hoon Oh</a> and <a href="http://people.artcenter.edu/~zxi" target="_blank">Zhengxin Xi</a>.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/8073052?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="533" frameborder="0"></iframe><br/><a href="http://vimeo.com/8073052">The Go Fish! prototype</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>. This initial test video, shot with <a href="http://www.scottliao.com/" target="_blank">Scott Liao</a> as my fish, provided the springboard for a fully realized interactive project.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/gofish/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>LIVE Singapore! SAM Exhibition</title>
		<link>http://www.dustinyork.net/live-singapore-singapore-art-museum-exhibition/</link>
		<comments>http://www.dustinyork.net/live-singapore-singapore-art-museum-exhibition/#comments</comments>
		<pubDate>Fri, 25 Mar 2011 22:56:21 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[MIT Senseable City Lab]]></category>
		<category><![CDATA[exhibition design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[real-time]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=1150</guid>
		<description><![CDATA[ <p class="excerpt">LIVE Singapore! was publicly unveiled at the Singapore Art Museum during the 2011 Singapore Biennale. The visualizations that the team created for the exhibit were made to lend insight to the same Singaporeans that are populating the data streams with their own actions.</p>]]></description>
			<content:encoded><![CDATA[<p>My six month tenure working on LIVE Singapore! concluded with the research project&#8217;s exhibition at the <a href="http://www.singaporeartmuseum.sg/" target="_blank">Singapore Art Museum</a>. The installation put on display the progress the team has made in the first year of research, and featured some arresting data visualizations that demonstrates what real-time data reveals about the dynamic nature of the city. In addition to contributing to the visualization concepting, my role concerning the exhibition was to generate the designs for the exhibition layout and supporting furniture pieces, in addition to the website design and some of the visual graphic elements. Visit the <a href="http://senseable.mit.edu/livesingapore/index.html" target="_blank">project website</a> to find further details about the current happenings of the project. </p>
<div id="slideshow-wrapper5" class="slideshow-wrapper">
	<div id="portfolio-slideshow5" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/04/sam_out2.jpg" class="attachment-full" alt="sam_out2" title="sam_out2" /></a><p class="slideshow-description">The Singapore Art Museum (SAM) is one of Singapore’s most revered cultural institutions. LIVE Singapore! was thrilled to be a part of the 2011 Singapore Biennale, hosted by SAM.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="480" src="http://www.dustinyork.net/wp-content/uploads/2011/04/sam_gallery.jpg" class="attachment-full" alt="sam_gallery" title="sam_gallery" /></a><p class="slideshow-description">The exhibition space was originally a 19th century church, making for an interesting juxtaposition between old and new. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="599" src="http://www.dustinyork.net/wp-content/uploads/2011/04/plan2.png" class="attachment-full" alt="plan2" title="plan2" /></a><p class="slideshow-description">Creating some general plan layouts helped the group to discuss the flow of the space and placement of the work.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="465" src="http://www.dustinyork.net/wp-content/uploads/2011/04/exhibitd2.jpg" class="attachment-full" alt="exhibitd2" title="exhibitd2" /></a><p class="slideshow-description">Mockup designs were also a part of finalizing the layout of the space. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="465" src="http://www.dustinyork.net/wp-content/uploads/2011/04/exhibitd1.jpg" class="attachment-full" alt="exhibitd1" title="exhibitd1" /></a><p class="slideshow-description">Mockup designs were also a part of finalizing the layout of the space. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="533" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ex3.jpg" class="attachment-full" alt="ex3" title="ex3" /></a><p class="slideshow-description">Shown here are some pictures of the exhibition's opening, significant because the group was able to unveil it's research to the same public audience that the visualizations represent.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="533" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ex2.jpg" class="attachment-full" alt="ex2" title="ex2" /></a><p class="slideshow-description">Shown here are some pictures of the exhibition's opening, significant because the group was able to unveil it's research to the same public audience that the visualizations represent.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="533" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ex1.jpg" class="attachment-full" alt="ex1" title="ex1" /></a><p class="slideshow-description">Shown here are some pictures of the exhibition's opening, significant because the group was able to unveil it's research to the same public audience that the visualizations represent.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="920" src="http://www.dustinyork.net/wp-content/uploads/2011/04/ex5.jpg" class="attachment-full" alt="ex5" title="ex5" /></a><p class="slideshow-description">Shown here are some pictures of the exhibition's opening, significant because the group was able to unveil it's research to the same public audience that the visualizations represent.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--><br />

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
			id="fm_project_screen2_sm_1843304151"
			class="flashmovie"
			width="710"
			height="399">
	<param name="movie" value="http://www.dustinyork.net/wp-content/uploads/2011/03/project_screen2_sm.swf" />
	<!--[if !IE]>-->
	<object	type="application/x-shockwave-flash"
			data="http://www.dustinyork.net/wp-content/uploads/2011/03/project_screen2_sm.swf"
			name="fm_project_screen2_sm_1843304151"
			width="710"
			height="399">
	<!--<![endif]-->
		
	<!--[if !IE]>-->
	</object>
	<!--<![endif]-->
</object>
<p>This project description visual added a little style to the traditional project statement, and was intended to complement the rest of the show&#8217;s work. </p>
<p><iframe title="YouTube video player" width="710" height="563" src="http://www.youtube.com/embed/2aEPkyOBtRo?rel=0&amp;hd=1" frameborder="0" allowfullscreen></iframe><br />
This video is <a href="http://senseable.mit.edu/" target="_blank">Senseable City Lab&#8217;s</a> promotional piece about the work featured in the SAM exhibition by the LIVE Singapore! team.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/live-singapore-singapore-art-museum-exhibition/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Child Friendly Technology</title>
		<link>http://www.dustinyork.net/child-friendly-technology/</link>
		<comments>http://www.dustinyork.net/child-friendly-technology/#comments</comments>
		<pubDate>Thu, 24 Mar 2011 02:16:47 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[UNICEF Innovation Group]]></category>
		<category><![CDATA[communication design]]></category>
		<category><![CDATA[ICT4Dev]]></category>
		<category><![CDATA[information design]]></category>

		<guid isPermaLink="false">http://www.dustinyork.net/?p=1299</guid>
		<description><![CDATA[<p class="excerpt">Child Friendly Technology is a framework designed to help guide the proper use of technology in UNICEF-driven educational programs. This project was created to be a discursive and descriptive (rather than proscriptive) ICT for Education framework.</p>]]></description>
			<content:encoded><![CDATA[<p>Child Friendly Technology is a framework that lays out the considerations and processes involved when implementing an educational technology program. UNICEF country offices the world over are increasingly turning to technology as a solution to achievement gaps in their region’s educational system. This guide was created in order to assist in the planning of such deployments to maximize the potential benefit. Our group talked to many experts within UNICEF as well as several external specialists. These knowledgeable professionals were vital in helping us to shape the project into its present form. Because what we have formed is a framework, it was created to continually develop with useful and experience-driven information.</p>
<p>The design directions I had chosen were done for mostly practical reasons. The guide was sized to letter-sized paper, so anyone in any UNICEF field office can simply print out and use. The icons that delineate each section have their own pattern so that when printed out in grayscale, it is easy to differentiate one from the other. The varying levels of information are meant to be clear, accessible, numbered, and non-hierarchical, so users can skip to whatever section is useful for them and keep track of the different references. I also posted a <a href="http://unicefstories.wordpress.com/2010/08/26/cftinput/" target="_blank">CFT video</a> on a UNICEF Innovation blog, asking for greater input in order to fill out the framework from people with experience in a corresponding field. My hope is that the project will be able to become a valuable resource that can be useful and guide ICT for Education deployments on a long-term basis.<br />
<div id="slideshow-wrapper6" class="slideshow-wrapper">
	<div id="portfolio-slideshow6" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/CFT_GUIDE_front.png" class="attachment-full" alt="CFT_GUIDE_front" title="CFT_GUIDE_front" /></a><p class="slideshow-description">Child Friendly Technology is separated into three areas. The first is intended to be a tool to facilitate discourse, the next layer is a detailing of educational resources, and lastly elaborated are the ways to leverage the expertise of others.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/CFT_GUIDE_LE.png" class="attachment-full" alt="CFT_GUIDE_LE" title="CFT_GUIDE_LE" /></a><p class="slideshow-description">Child Friendly Technology is headed with a section called Local Environment. There is no perfect formula for every educational technology deployment, for this reason, Local Environment is essentially a tool for productive dialogue, to help individuals sit down together and identify their own barriers in education and in introducing technology.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE2_detail-01-01.png" class="attachment-full" alt="GUIDE2_detail-01-01" title="GUIDE2_detail-01-01" /></a><p class="slideshow-description">Shown here is a detail of the Local Environment section. Each circle is intended to be a subtopic with an underlying worksheet.  Our research led us to create several prototypical topics for every section, however topics can and should be removed or added as the need becomes realized. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE2_detail-write.png" class="attachment-full" alt="GUIDE2_detail-write" title="GUIDE2_detail-write" /></a><p class="slideshow-description">As Local Environment is a tool for discussion, there is an interactive component. Every team member that is seeking to launch an ICT for Education project can fill out their own form and rate the potential problems they currently face with the coming project. Identifying a concensus on barriers to be overcome often leads to a better sense of the solutions to take. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE5_detail-01-01.png" class="attachment-full" alt="GUIDE5_detail-01-01" title="GUIDE5_detail-01-01" /></a><p class="slideshow-description">Above is a detail for the Devices & Mediums section. This section falls under the umbrella of a resource for education. Worksheets in this section would deal largely with outlining the appropriate uses and drawbacks for each enumerated type of hardware. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/solar_guide_detail-01.png" class="attachment-full" alt="solar_guide_detail-01" title="solar_guide_detail-01" /></a><p class="slideshow-description">Each circle corresponds to an underlying worksheet. Users of the framework can check off or mark a worksheet that they anticipate will be particularly useful for them. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/solar-01.png" class="attachment-full" alt="solar-01" title="solar-01" /></a><p class="slideshow-description">The worksheets are resources that interested parties can turn to in order to make more educated decisions with their own ICT for Education projects.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/solar_detail-01.png" class="attachment-full" alt="solar_detail-01" title="solar_detail-01" /></a><p class="slideshow-description">This is a detail for the Solar Energy worksheet, users may reference this in order to calculate their own need for power generation.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE3_detail-01-01.png" class="attachment-full" alt="GUIDE3_detail-01-01" title="GUIDE3_detail-01-01" /></a><p class="slideshow-description">This is a detail for the Content Development section. Content Development details sound practices in diagnosing educational needs and in using proven methods to form appropriate educational material to address them.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE4_detail-01-01.png" class="attachment-full" alt="GUIDE4_detail-01-01" title="GUIDE4_detail-01-01" /></a><p class="slideshow-description">Above is a detail of the Teaching with Technology section. Teaching with Technology gives examples of successes and failures when implementing different types of methods and tools into education, and provides background for the factors and planning that led to different outcomes.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE6_detail-01-01.png" class="attachment-full" alt="GUIDE6_detail-01-01" title="GUIDE6_detail-01-01" /></a><p class="slideshow-description">This is a detail for the Partners section. Partners describes the roles and recommended modes of interactions with various partners that can help aid educational initiatives, from the global to the local level.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/04/GUIDE7_detail-01-01.png" class="attachment-full" alt="GUIDE7_detail-01-01" title="GUIDE7_detail-01-01" /></a><p class="slideshow-description">Above is the Processes & Strategies section. This section examines the overall strategies and processes that can lead to a project achieving its goals. Some examples include strategies to elevate equity, ensure proper oversight, and to engage your community.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--><br />
This project was created during my <a href="http://www.designmattersatartcenter.org/fellowship-program/" target="_blank">DesignMatters Fellowship</a> with the <a href="http://unicefinnovation.org/" target="_blank">UNICEF Innovation Team</a>. In addition to the committed professionals at UNICEF, I also benefitted from collaborations with <a href="http://khairanibarokka.com/" target="_blank">Khairani Barokka</a> (NYU ITP) and Han Wei (UC Berkeley) when bringing this project together.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/child-friendly-technology/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Stanford University Press</title>
		<link>http://www.dustinyork.net/stanford-university-press/</link>
		<comments>http://www.dustinyork.net/stanford-university-press/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 17:43:13 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Freelance / Professional Work]]></category>
		<category><![CDATA[book design]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[publishing]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=805</guid>
		<description><![CDATA[<p class="excerpt">A long-time designer of book covers for the Stanford University Press, whose purview involves publishing authors from many different branches of academia.</p>]]></description>
			<content:encoded><![CDATA[<p>Included are a few examples of book cover designs. These were all designed for Stanford University Press, an academically-focused publisher for whom I have created covers on a freelance basis for over three years. These covers all have very specific needs and communication goals while also needing to be produced quickly and efficiently.<br />
<div id="slideshow-wrapper7" class="slideshow-wrapper">
	<div id="portfolio-slideshow7" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="600" height="750" src="http://www.dustinyork.net/wp-content/uploads/2011/03/cover1.jpg" class="attachment-full" alt="cover1" title="cover1" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="600" height="750" src="http://www.dustinyork.net/wp-content/uploads/2011/03/cover2.jpg" class="attachment-full" alt="cover2" title="cover2" /></a></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="600" height="750" src="http://www.dustinyork.net/wp-content/uploads/2011/03/cover3.jpg" class="attachment-full" alt="cover3" title="cover3" /></a></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/stanford-university-press/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Small World e-Reader</title>
		<link>http://www.dustinyork.net/small-world-e-reader/</link>
		<comments>http://www.dustinyork.net/small-world-e-reader/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 08:36:45 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[digital publishing]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=764</guid>
		<description><![CDATA[<p class="excerpt">An e-reader concept that derives its functionality by collating different content groups of the reader's choosing, and applies the reader's habits and preferences when parsing a personal information feed.</p>]]></description>
			<content:encoded><![CDATA[<p>This project was developed, designed, and produced in collaboration with fellow Art Center students <a href="http://cargocollective.com/hyemikim" target="_blank">Hye Mi Kim</a>, <a href="http://people.artcenter.edu/~ynoh" target="_blank">Yoo Kyoung Noh</a>, and Sharon Levy. We started with the fact that roughly 2 out of 3 internet users aged 20-30 engage in social networking. However, the vast majority of networking does not involve the sharing of interests and knowledge through the conduits of news, blogs and other varied web content. Our e-reader centers around the idea that the power of networking can serve to filter, broaden, and improve the quality and variety of content.</p>
<p>Our e-reader has developed a system of layered relationships between the user and the content, resulting in a platform that provides a good mix of both user-controlled and open-ended content. Visually, the reader is divided into two sections, a personal section (entitled My World) and a community section (called Shared World). Together, they provide the opportunity for the user to oversee their own content preferences while also having the benefit of being exposed to new content from the members in their communities with interests adjacent to their own.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/7297174?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="621" frameborder="0"></iframe><br/><a href="http://vimeo.com/7297174">Small world_Flash prototype</a> from <a href="http://vimeo.com/user1577315">Yoo Kyoung Noh</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/7288577?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="626" frameborder="0"></iframe><br/><a href="http://vimeo.com/7288577">Small World user interaction demo</a> from <a href="http://vimeo.com/user1472380">Hye Mi Kim</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>For more detail on this e-reader, you can find our project website <a href="http://www.yookyoungnoh.com/smallworld/" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/small-world-e-reader/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>AIDA Conceptual Vehicle Interfaces</title>
		<link>http://www.dustinyork.net/affective-intelligent-driving-assistant-aida/</link>
		<comments>http://www.dustinyork.net/affective-intelligent-driving-assistant-aida/#comments</comments>
		<pubDate>Wed, 23 Mar 2011 02:55:02 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[MIT Senseable City Lab]]></category>
		<category><![CDATA[real-time]]></category>
		<category><![CDATA[user experience]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://www.dustinyork.net/?p=1259</guid>
		<description><![CDATA[<p class="excerpt">Designed a variety of user interface scenarios for a project by the Senseable City Lab. AIDA involves outfitting a vehicle with the ability to learn driver interest and habits, and augments the driving experience with real-time information on the current state of one's surroundings. </p>]]></description>
			<content:encoded><![CDATA[<p>Projects in the Senseable City Lab often explore the theme of bringing digital information to the forefront of the every day urban experience. The Affective Intelligent Driving Agent (AIDA) project was in need of user interface concepts for a vehicle that communicated all manner of real-time contextual information to the driver, using a system employing artificial intelligence to profile driver interest and augmented reality as a way of delivering information overlaid onto the physical environment. In this instance, one of the overriding concerns was deciding how to maintain the ability to adequately and safely operate the vehicle while the system is in operation and information is flowing to the driver. In pursuit of overcoming this hurdle I proposed that the system changes states in consideration of the current state of the driver. For instance, no manner of direct interaction is asked of the driver when the vehicle is in motion, and all the background information on driver interest is gathered through existing online profiles and a system that automatically spots usage patterns. By creating an interface that is sensitive to the driver state it seeks to become an extension of the driver herself, and an effective tool that can augment life in the city.</p>
<p>The Senseable City Lab&#8217;s <a href="http://senseable.mit.edu/aida/" target="_blank">AIDA website</a> goes into further detail about the overall project. It is a fruitful research direction, and we will be seeing prototypes on the roads in the near future.</p>
<div id="slideshow-wrapper8" class="slideshow-wrapper">
	<div id="portfolio-slideshow8" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/aida_concepts-01.png" class="attachment-full" alt="aida_concepts-01" title="aida_concepts-01" /></a><p class="slideshow-description">VANISHING POINT allows access to real-time urban activity for both driver and passenger. The manner of display communicates easily the nature of the source, direction, and approximate distance. The amount and variety of display interfaces converts the vehicle into a machine that fully interacts with the city, helping the people in it to feel completely connected. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/aida_concepts-02.png" class="attachment-full" alt="aida_concepts-02" title="aida_concepts-02" /></a><p class="slideshow-description">CELESTIAL CITY is a participatory gestural interface representing one’s urban landscape as a living constellation of activity. Any member of the vehicle may interact with this display, scrolling, zooming and selecting with intuitive gestures. This manner of representing real-time information is entertaining, and connective of the members in the vehicle to their urban environment.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/aida_concepts-03.png" class="attachment-full" alt="aida_concepts-03" title="aida_concepts-03" /></a><p class="slideshow-description">WINDOW TO THE WORLD utilizes the benefits of an augmented display and incorporates a digital display to work in concert, adding a visual input while retaining and augmenting a traditional vehicle feature. This creates an assemblage that informs without separating the driver’s attention, and helps the driver to navigate their environment and find the best destinations with ease.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="575" src="http://www.dustinyork.net/wp-content/uploads/2011/04/aida_concepts-041.png" class="attachment-full" alt="aida_concepts-04" title="aida_concepts-04" /></a><p class="slideshow-description">PULSE uses a wave motion to sense location and context specific recommendation sources. The pulse activates when the vehicle comes to a stop, and the sources appear frozen for a short amount of time before disappearing, giving time to peruse the selections. The driver or passenger can select a source by pointing at it. This singles out that source, which remains in view and shifts according to the vehicle’s present orientation. </p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper-->
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/affective-intelligent-driving-assistant-aida/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Wikipedia Branding &amp; Collateral</title>
		<link>http://www.dustinyork.net/wikipedia-branding-collateral/</link>
		<comments>http://www.dustinyork.net/wikipedia-branding-collateral/#comments</comments>
		<pubDate>Sun, 20 Mar 2011 13:38:53 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Freelance / Professional Work]]></category>
		<category><![CDATA[branding]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[publications]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=817</guid>
		<description><![CDATA[<p class="excerpt">Worked with the Wikimedia Foundation to standardize their globally-applied visual identity, and designed publications on behalf of the organization as well.</p>]]></description>
			<content:encoded><![CDATA[<p>Over the course of three years I had the pleasure of creating some design work that fulfilled the Wikimedia Foundation&#8217;s branding, collateral, and data visualization needs.<br />
<div id="slideshow-wrapper9" class="slideshow-wrapper">
	<div id="portfolio-slideshow9" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="700" height="416" src="http://www.dustinyork.net/wp-content/uploads/2011/03/AR_fullspread.jpg" class="attachment-full" alt="AR_fullspread" title="AR_fullspread" /></a><p class="slideshow-description">The Wikimedia Foundation’s first published annual report has a dual purpose to inform about the health of Wikipedia and its various other wiki-based projects, and also to communicate the need for new and continuing support from generous donors as Wikimedia further expands its stated educational goals. This project involved design, composition, and print preparation.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="700" height="450" src="http://www.dustinyork.net/wp-content/uploads/2011/03/welcomePamph.jpg" class="attachment-full" alt="welcomePamph" title="welcomePamph" /></a><p class="slideshow-description">
Wikipedia also has an on-going need to create printed materials that can educate about what the website offers and how to interact with and add content. These pamphlet cover designs are part of a series of educational content put out by Wikipedia.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper--></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/wikipedia-branding-collateral/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>CHI Poster Competition</title>
		<link>http://www.dustinyork.net/chi-poster-competition/</link>
		<comments>http://www.dustinyork.net/chi-poster-competition/#comments</comments>
		<pubDate>Tue, 15 Mar 2011 18:06:29 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[communication design]]></category>
		<category><![CDATA[ICT4Dev]]></category>
		<category><![CDATA[mobile learning]]></category>
		<category><![CDATA[user interaction]]></category>

		<guid isPermaLink="false">http://www.dustinyork.net/?p=1415</guid>
		<description><![CDATA[<p class="excerpt">Project partner Zhengxin (Ina) Xi and I traveled to Vancouver to present our Sharing the Knowledge project at the CHI Conference's Student Design Competition. </p>]]></description>
			<content:encoded><![CDATA[<p>Project partner <a href="http://inasee.net/" target="_blank">Zhengxin (Ina) Xi</a> and I <a href='http://www.dustinyork.net/wp-content/uploads/2011/05/CHI_Sharing_2011.pdf' target="_blank">submitted a paper</a> and was accepted to the <a href="http://www.chi2011.org/authors/sdc/sdc-winners.html" target="_blank">CHI Conference&#8217;s 2011 Student Design Competition (SDC)</a>. We went as students and representatives of the Art Center College of Designs&#8217; graduate <a href="http://artcenter.edu/mdp" target="_blank">Media Design Program</a>. The SDC&#8217;s challenge was to &#8220;design an object, interface, system, or service intended to find new solutions, new groups of people and new issues that could benefit from the application of good design and good technology.&#8221; The project we submitted is an extension of what was originally a graduate study project called Sharing the Knowledge. Sharing the Knowledge is a mobile-learning design provocation that proposes a way to capitalize on the near ubiquity of mobile phones in developing regions, and utilizes the collaborative knowledge of a community to band together when improving the aggregate literacy level. More details on the project can be found on the <a href="http://www.dustinyork.net/sharing-the-knowledge/" target="_blank">Sharing the Knowledge project page</a>.</p>
<div id="slideshow-wrapper10" class="slideshow-wrapper">
	<div id="portfolio-slideshow10" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi1.jpg" class="attachment-full" alt="chi1" title="chi1" /></a><p class="slideshow-description">Zhengxin (Ina) Xi and myself presenting at CHI.
Photo credit: Stephen Brewster</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi2.jpg" class="attachment-full" alt="chi2" title="chi2" /></a><p class="slideshow-description">Ina during one of our presentations to the SDC judges.
Photo credit: Stephen Brewster</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi3.jpg" class="attachment-full" alt="chi3" title="chi3" /></a><p class="slideshow-description">Ina and myself during one of our presentations to the SDC judges.
Photo credit: Stephen Brewster</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi4.jpg" class="attachment-full" alt="chi4" title="chi4" /></a><p class="slideshow-description">The posters were displayed in the conference foyer alongside the rest of the conference posters.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi7.jpg" class="attachment-full" alt="chi7" title="chi7" /></a><p class="slideshow-description">This is an illustration of the alphabetic interface that makes it easier for remedial level spellers to 'tag' pictures, over the conventional phone texting method. </p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi5.jpg" class="attachment-full" alt="chi5" title="chi5" /></a><p class="slideshow-description">Trying the Tagging the Village prototype while at the conference.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="473" src="http://www.dustinyork.net/wp-content/uploads/2011/05/chi6.jpg" class="attachment-full" alt="chi6" title="chi6" /></a><p class="slideshow-description">The Vancouver Convention Center was a pretty impressive venue, and during the conference we were exposed to a lot of different research areas within the HCI field.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper-->
<p>Presenting the project at CHI necessitated refining and clarifying several aspects. In addition to updating and modifying the concept demonstration videos for the three discreet sections of the project, we endeavored to resolve some of the details and create an interactive prototype for the Tagging the Village component. Tagging the Village is the part of the project that describes individuals <a href="http://www.dustinyork.net/wp-content/uploads/2011/05/tagging-online-demo.png"><img src="http://www.dustinyork.net/wp-content/uploads/2011/05/tagging-online-demo-300x300.png" alt="" title="tagging online demo" width="225" height="225" class="alignleft size-medium wp-image-1445" /></a>using a camera-enabled mobile phone to take pictures of their everyday environment, then &#8216;tagging&#8217; those images with a descriptive word, and messaging it to everyone else in their network. In order to create a more intuitive and accessible way to spell out words for an individual still developing their literacy skills, we created an interface concept that displayed the full alphabet when &#8216;tagging&#8217; a picture, but laid the letters out in the most user-friendly way possible when using a regular mobile phone&#8217;s directional keypad. In addition to that, we created an interactive prototype that simulates the experience of &#8216;tagging&#8217; one of your pictures, sending it out to your group, and then receiving &#8216;tagged&#8217; images in response. Feel free to try it out for yourself, by holding your smartphone up to the QR code (code reader software required).</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/24149742?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="399" frameborder="0"></iframe><br/><a href="http://vimeo.com/24149742">Trying out Tagging</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>Of course, we also needed to create a poster that presented the overall project for the competition. The poster was displayed alongside eleven other teams, and the competition portion involved two sets of judges going from team to team and listening to our five-minute project presentation, with an additional two minutes for questions. The posters were displayed publicly at the conference, and there was a scheduled Q&#038;A session for the attendees that were interested in coming by and talking to the SDC participants. It&#8217;s fair to say our project stood out from the group, in that our design solutions were presenting fairly unconventional ideas and applications to pretty basic and familiar technologies and tools. Although we never had the opportunity to field test our system and advance the project in that way, presenting afforded us the chance to speak to people about our research approach, and describe our design method when developing the proposed interventions. Unfortunately, our project wasn&#8217;t selected to be among the four to present in a second SDC session, but we received a lot of good feedback and discussion, and we benefited greatly from the experience and from seeing what other researchers were working on. </p>
<div id="slideshow-wrapper11" class="slideshow-wrapper">
	<div id="portfolio-slideshow11" class="portfolio-slideshow">
	<div class="slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="850" src="http://www.dustinyork.net/wp-content/uploads/2011/05/poster_chi.jpg" class="attachment-full" alt="poster_chi" title="poster_chi" /></a><p class="slideshow-description">The poster presented at CHI.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="850" src="http://www.dustinyork.net/wp-content/uploads/2011/05/poster1.jpg" class="attachment-full" alt="poster1" title="poster1" /></a><p class="slideshow-description">A detail of the CHI poster.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="780" src="http://www.dustinyork.net/wp-content/uploads/2011/05/poster2.jpg" class="attachment-full" alt="poster2" title="poster2" /></a><p class="slideshow-description">A detail of the CHI poster.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="780" src="http://www.dustinyork.net/wp-content/uploads/2011/05/poster3.jpg" class="attachment-full" alt="poster3" title="poster3" /></a><p class="slideshow-description">A detail of the CHI poster.</p></div>
			<div class="not-first slideshow-next slideshow-content">
			<a href="javascript: void(0);" class="slideshow-next"><img width="710" height="780" src="http://www.dustinyork.net/wp-content/uploads/2011/05/poster4.jpg" class="attachment-full" alt="poster4" title="poster4" /></a><p class="slideshow-description">A detail of the CHI poster.</p></div>
			</div><!--#portfolio-slideshow--></div><!--#slideshow-wrapper-->
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/chi-poster-competition/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>The Theatre of Press &amp; Politics</title>
		<link>http://www.dustinyork.net/the-theatre-of-press-politics/</link>
		<comments>http://www.dustinyork.net/the-theatre-of-press-politics/#comments</comments>
		<pubDate>Mon, 14 Mar 2011 15:13:54 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[physical interaction]]></category>
		<category><![CDATA[storytelling]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=755</guid>
		<description><![CDATA[<p class="excerpt">In the spirit of creating a new way of reading, I devised a taxonomy that edited down a singular unscripted moment during a 2009 Obama speech, and then layered into that the resulting media response with this tactile and interactive construction.</p>]]></description>
			<content:encoded><![CDATA[<p>My project deals with an edited-down moment in time that arose from a speech President Obama gave on the evening of September 9, 2009. The speech is referred to as the Obama Health Care Address and was given before a joint session of Congress. Midway through the speech the President was interrupted by South Carolina Rep. Joe Wilson, occurring when Obama rebuked a previously circulated notion that the proposed health care legislation would provide free health coverage for illegal immigrants. Immediately, Wilson bellowed out, &#8220;You lie!&#8221; The incident garnered the attention of the press as well as the political establishment. My project takes a slice from the official White House transcript of the speech and then layers under it content from the press in subsequent reaction to the Wilson outburst, in addition to an example of the distributed political propaganda that resulted in Obama addressing the illegal immigration topic to begin with. My objective is to demonstrate the reactionary immediacy that is a by-product of this age of information, and how it can reduce significant political discourse into shallow theatre. This project also examines the over-emphasis of conflict and its role in making an idle accusation a legitimate issue.</p>
<p class="caption"><iframe src="http://player.vimeo.com/video/10280158?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="488" height="800" frameborder="0"></iframe><br/><a href="http://vimeo.com/10280158">The Theatre of Press and Politics</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>The idea behind this project is that it is a disjointed political conversation that the reader has the ability to interact with and reveal on their own terms. There is a strong symbolic and metaphorical component embedded in the construction of this piece, the outside content from news and political sources needs to be unraveled to reveal the crush of information shouting nearly identical refrains. Doing so interrupts and overshadows the surface content, and in the process muddles the linear sequence apparent at first glance. The reader can discover relationships between different articles, and also relationships to the original text that were never intended by the original authors. The inclusion of quoted content from within the intervening article excerpts gives the user the ability shape an unexpected conversation between what would otherwise be isolated and predictably-scripted sound bites.</p>
<p><a href="http://www.dustinyork.net/wp-content/uploads/2011/03/theatre_schema.png"><img src="http://www.dustinyork.net/wp-content/uploads/2011/03/theatre_schema.png" alt="" title="theatre_schema" width="711" height="381" class="alignnone size-full wp-image-1407" /></a></p>
<p>The material included is edited down from its original form to emphasize certain aspects, but is laid out in the correct sequence. There are different colors of text to communicate the different natures of the text. The rationale for which excerpts of the original speech were included are hinted at by color. Gray is simply an indicator of who is speaking. Blue is text from the speech repeated either throughout the course of the speech (the word ‘now’ was repeated 32 times) or a repeated word or conceit present at that particular moment in the speech, occupying the theme of that instant. In this case, any reference to an untruth or a lie was included in blue. Green is text that represents live audience reactions to the speech. Finally, examples of black text are the statements that constitute Obama’s reaction to a specific event. In this case, the President’s statement is intended to directly contradict information circulated in regard to health care for illegal immigrants. The schema for what is included from outside internet and media sources is that the article title, included date of publication, and any reference to a specific person within the article is printed in red. Orange is always quotations included within the article.</p>
<p>This project could very effectively expand to apply to multiple instances of political speeches in how it reveals the intimate relation of the political climate to the media environment. It is a way to hold in your hand these trivial instances that get blown out of proportion and to craft one’s own conclusions with the raw materials that the individual characters provide. If this particular method of interpretation and examination of a political speech and its surrounding influences were to apply to multiple speeches over the course of time it would reveal snapshots of shifting cultural attitudes both in regards to the content and the interpreter. It would also chronicle the careers of prominent politicians and their influence over the national landscape as it rises and falls in due course.</p>
<p>Pairing a series of tangible pieces, like the constructed instance shown, with digital pieces chronicling the same event and the same information would reveal different strengths and truths afforded to each medium. While digital materials would be effective in displaying a vast breadth of text and one could craft a much more structured pacing and narrative, the strength of the physically constructed piece is that there are opportunities to break free from a tendency for passive interaction and allow for more tangibly-generated symbolic meaning. If there were a series of instances using both mediums, and even where the physical interaction informed the behavior of the digital interface, it would reveal a lot of opportunities for creating a unique, multi-faceted, and productive user experience.</p>
<p>For further examples on how the project got to this point, visit the <a href="http://www.dustinyork.net/process-the-theatre-of-press-and-politics/">process page</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/the-theatre-of-press-politics/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Indoor Outdoors</title>
		<link>http://www.dustinyork.net/indoor-outdoors/</link>
		<comments>http://www.dustinyork.net/indoor-outdoors/#comments</comments>
		<pubDate>Thu, 10 Mar 2011 13:16:32 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Art Center Media Design Program]]></category>
		<category><![CDATA[arduino hardware]]></category>
		<category><![CDATA[design fiction]]></category>
		<category><![CDATA[tangible interaction]]></category>
		<category><![CDATA[ubicomp]]></category>

		<guid isPermaLink="false">http://localhost:8888/wordpress/?p=746</guid>
		<description><![CDATA[<p class="excerpt">In this ironic characterization of a future world, people will be forced to live in windowless pod-like domiciles. My product is a portable window frame that projects sentimental views onto those blank walls, reminding people of better days. </p>]]></description>
			<content:encoded><![CDATA[<h2>A Completely Natural Simulation</h2>
<p>The project brief states that we are to “design a project that assumes a massively networked and sensored world. But take an ironic perspective on this future world, and design a project that either makes fun of it, comments on the dangers, is a humorous take, or is otherwise a useless application.” </p>
<p class="caption"><iframe src="http://player.vimeo.com/video/10238376?title=0&amp;byline=0&amp;portrait=0&amp;color=ffffff" width="710" height="527" frameborder="0"></iframe><br/><a href="http://vimeo.com/10238376">Indoor Outdoors</a> from <a href="http://vimeo.com/user2557045">Dustin York</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>With that in mind, I came up with a product I call the Indoor Outdoors. In my tongue-in-cheek future world I envision a very unpleasant place that is sterile, walled-off, isolated, and cold. Due to the degradation of the environment and a society that has reverted to survival mode, every futuristic person lives in a dreary, window-less room and there is little outside interaction. To fill the emotional void left from such persistent claustrophobia, I invented a portable window frame that the consumer can use to situate as they please in the middle of their featureless abode.</p>
<p>The promoted benefits of Indoor Outdoors is that through its use the participant will be able to recall precious memories and be able to imagine breathing fresh air, all while remaining in the safe confines of home. In the future however, people will only be able to recall memories of looking out the window at urban wasteland; things like industrial factories, concrete walls, and electrical grids. In the future this will constitute what the ideas of “fresh air” and “sentimental views” has come to mean.</p>
<p>Opening the window frame automatically prompts a static video with an accompanying urban sound (sirens, traffic, drunken brawling, etc.). Opening the window again triggers a different static video to play. Little to nothing of action happens in these videos, in this way the video can loop again and again, and the user would barely notice the persistent repetition as it echoes their own action-less existence. The window also comes with a “daytime mode,” triggered by another sensor attached to a different student’s project (<a href="http://www.scottliao.com/filter/net#257141/mediameal" target="_blank">Scott Liao</a>). Daytime mode is an overhead light that shines on the window and paradoxically drowns out the projected image; meant to poorly mimic sunshine pouring through the window. And, of course, there is also a “nighttime mode,” representing when Indoor Outdoors is turned off.</p>
<p>I hope this project be deemed successful in that it represents an ironically humorous scenario through a seemingly useless item. In this world, the future citizen will be destined to hold as precious instances of visible decay—as this will come to represent what was once good in their lives—rather than regard the images as signifiers leading to their current situation.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/indoor-outdoors/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Earlier Work</title>
		<link>http://www.dustinyork.net/earlier-work/</link>
		<comments>http://www.dustinyork.net/earlier-work/#comments</comments>
		<pubDate>Mon, 07 Mar 2011 22:55:17 +0000</pubDate>
		<dc:creator>Dustin</dc:creator>
				<category><![CDATA[Freelance / Professional Work]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[photography]]></category>

		<guid isPermaLink="false">http://www.dustinyork.net/?p=1379</guid>
		<description><![CDATA[<p class="excerpt">This portfolio gallery displays some earlier design work and some creative hobbyist work as well. </p>]]></description>
			<content:encoded><![CDATA[<p>I have featured some examples of earlier design and creative work in this <a href="http://www.dustinyork.net/early/" target="_blank">portfolio website</a>.  These examples tend to display a bit of a lighter side, as well as showing some more hobbyist pursuits. </p>
<p><a href="http://www.dustinyork.net/early/" target="_blank"><img src="http://www.dustinyork.net/wp-content/uploads/2011/04/early_port_ex.jpg" alt="" title="early_port_ex" width="710" height="420" class="alignnone size-full wp-image-1380" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.dustinyork.net/earlier-work/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

