<?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>Chris R Becker &#187; webdesign</title>
	<atom:link href="http://www.chrisrbecker.com/archives/category/webdesign/feed" rel="self" type="application/rss+xml" />
	<link>http://www.chrisrbecker.com</link>
	<description>UX / UI / IA &#38; Design Research</description>
	<lastBuildDate>Fri, 02 Dec 2011 03:12:09 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Marginalia : Hybrid Textbook Posters</title>
		<link>http://www.chrisrbecker.com/archives/776</link>
		<comments>http://www.chrisrbecker.com/archives/776#comments</comments>
		<pubDate>Mon, 24 May 2010 19:32:15 +0000</pubDate>
		<dc:creator>Chris R Becker</dc:creator>
				<category><![CDATA[New Ecology of Things]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[Printmaking]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[ACCD]]></category>
		<category><![CDATA[Art]]></category>
		<category><![CDATA[Art Center College of Design]]></category>
		<category><![CDATA[Chris Becker]]></category>
		<category><![CDATA[Chris R Becker]]></category>
		<category><![CDATA[Interaction]]></category>
		<category><![CDATA[Mark Weiser]]></category>
		<category><![CDATA[MDP]]></category>
		<category><![CDATA[Media Design Program]]></category>
		<category><![CDATA[metadata]]></category>
		<category><![CDATA[QRcode]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.chrisrbecker.com/?p=776</guid>
		<description><![CDATA[A set of posters 22 in x 30 in of inspirational quotes that helped guide and direct the Marginlia : The Hybrid Textbook thesis project developed at the Art Center College of Design : Media Design Program. Marginalia: The Hybrid Textbook : http://people.artcenter.edu/~cbecker Tweet (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/776' addthis:title='Marginalia : Hybrid Textbook Posters ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p id="top" />
<p style="text-align: center;"><img class="size-full wp-image-778 aligncenter" title="ubicompquote" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/ubicompquote.jpg" alt="" width="518" height="695" /></p>
<p style="text-align: center;"><img class="size-full wp-image-777 aligncenter" title="knowledgequote" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/knowledgequote.jpg" alt="" width="518" height="695" /></p>
<p>A set of posters 22 in x 30 in of inspirational quotes that helped guide and direct the Marginlia : The Hybrid Textbook thesis project developed at the Art Center College of Design : Media Design Program.</p>
<p><strong><a title="Marginalia: The Hybrid Textbook" href="http://people.artcenter.edu/~cbecker" target="_blank">Marginalia: The Hybrid Textbook</a></strong> : <a href="http://people.artcenter.edu/~cbecker" target="_blank">http://people.artcenter.edu/~cbecker</a></p>
<p><a class="twitter-share-button" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
<p><script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script><br />
<!-- Compact Button --><br />
<a class="DiggThisButton DiggCompact"></a></p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/776' addthis:title='Marginalia : Hybrid Textbook Posters ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.chrisrbecker.com/archives/776/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Marginalia : The Hybrid Textbook</title>
		<link>http://www.chrisrbecker.com/archives/822</link>
		<comments>http://www.chrisrbecker.com/archives/822#comments</comments>
		<pubDate>Wed, 12 May 2010 21:12:04 +0000</pubDate>
		<dc:creator>Chris R Becker</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[Experimentation]]></category>
		<category><![CDATA[New Ecology of Things]]></category>
		<category><![CDATA[Prototyping]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[ACCD]]></category>
		<category><![CDATA[Art Center College of Design]]></category>
		<category><![CDATA[Chris R Becker]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Marginalia]]></category>
		<category><![CDATA[MDP]]></category>
		<category><![CDATA[Media Design Program]]></category>
		<category><![CDATA[MFA]]></category>
		<category><![CDATA[Prototype]]></category>
		<category><![CDATA[Thesis]]></category>

		<guid isPermaLink="false">http://www.chrisrbecker.com/?p=822</guid>
		<description><![CDATA[Thesis Website: Marginalia : The Hybrid Textbook Marginalia : The Hybrid Textbook from Chris R Becker on Vimeo. Marginalia : The Hybrid Textbook is a thesis project that examines what happens when tangible print media connects to its digital counterpart through networked pages, writing based input devices, and screen based margin extensions. Unique to the [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/822' addthis:title='Marginalia : The Hybrid Textbook ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p id="top" />Thesis Website:<br />
<a title="Marginalia: The Hybrid Textbook" href="http://people.artcenter.edu/~cbecker" target="_blank">Marginalia : The Hybrid Textbook</a></p>
<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="400" height="300" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=11393218&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="400" height="300" src="http://vimeo.com/moogaloop.swf?clip_id=11393218&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><a href="http://vimeo.com/11393218">Marginalia : The Hybrid Textbook</a> from <a href="http://vimeo.com/cbecker">Chris R Becker</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p style="text-align: center;"><img class="size-full wp-image-823 aligncenter" title="space" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/space.jpg" alt="" width="510" height="680" /></p>
<p>Marginalia : The Hybrid Textbook is a thesis project that examines what  happens when tangible print media connects to its digital counterpart  through networked pages, writing based input devices, and screen based  margin extensions. Unique to the page is its ability to contain extended  meaning through design. Tangible print media such as books, textbooks,  magazines, periodicals, newspapers, and comics are threatened by screen  based technologies because they connect to the vast content on the  internet. As screen-based networked technologies like The Kindle, The  Nook, or the iPad reinvent the use of and interaction with screen media,  The Hybrid Textbook establishes a third form somewhere between the  physical page and the screen display, dissolving the separation between  physical and digital, and engaging the opportunity for seamless  interaction with both. By harnessing the unique affordances of physical  and digital, the hybrid textbook establishes a space to engage the  cognitive modes of &#8216;deep attention&#8217; and &#8216;hyper-attention&#8217; within  education.</p>
<p>Marginalia is a prototype and design research project that examines the  experience of a textbook with a fold out screen margin extension. A book  jacket system that explores the physical interactions with tangible  print media as a link to the social interactions of studying,  communication, and reflection afforded through networked screen  technologies. The prototype connects and layers realtime communication  and historical marginalia on top of the physical margin through an  extended, networked, stylus/pen compatible, interactive margin space.  The shared margin space allows a user to add a digital history onto the  physical object, allowing the artifact to become a &#8216;Consumer Spime.&#8217; The  marginalia prototype engages both built and speculative outcomes of a  textbook and a screen stimulating the potential of tangible print media  coupled with digital media for sharing and leveraging connection and  communication.</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/05/chrisrbecker_mdp.jpg"></a><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/05/Picture-107.png"><img class="size-medium wp-image-1001 aligncenter" title="Picture 107" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/Picture-107-500x390.png" alt="" width="500" height="390" /></a><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/05/Picture-108.png"><img class="size-medium wp-image-1002 aligncenter" title="Picture 108" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/Picture-108-500x319.png" alt="" width="500" height="319" /></a></p>
<p>Google Sketchup models of the exhibition space and layout.</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/05/chrisrbecker_mdp_gradslideshow.jpg"><img class="size-medium wp-image-1004 aligncenter" title="HCI evolution" src="http://www.chrisrbecker.com/wp-content/uploads/2010/05/chrisrbecker_mdp_gradslideshow-500x375.jpg" alt="" width="500" height="375" /></a></p>
<p style="text-align: left;">Evolution Drawing and Illustration for the progress of the computer. I believe that the computer and human interaction with these object should become as seamless as a book or a sketching pad and that the use of pen and paper should not have to be abandoned to work with the computer.</p>
<p><a class="twitter-share-button" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
<p><script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script><br />
<!-- Compact Button --><br />
<a class="DiggThisButton DiggCompact"></a></p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/822' addthis:title='Marginalia : The Hybrid Textbook ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.chrisrbecker.com/archives/822/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Little Green: Sustainable Cocktail Party : Branding &amp; Website</title>
		<link>http://www.chrisrbecker.com/archives/914</link>
		<comments>http://www.chrisrbecker.com/archives/914#comments</comments>
		<pubDate>Wed, 25 Nov 2009 23:20:39 +0000</pubDate>
		<dc:creator>Chris R Becker</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Chris Becker]]></category>
		<category><![CDATA[Chris R Becker]]></category>
		<category><![CDATA[cocktails]]></category>
		<category><![CDATA[Fun]]></category>
		<category><![CDATA[green]]></category>
		<category><![CDATA[Heather Knight]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[Little Green]]></category>
		<category><![CDATA[Los Angeles]]></category>
		<category><![CDATA[Mindshare]]></category>
		<category><![CDATA[People]]></category>
		<category><![CDATA[space]]></category>
		<category><![CDATA[sustainable]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[website]]></category>

		<guid isPermaLink="false">http://www.chrisrbecker.com/?p=914</guid>
		<description><![CDATA[http://littlegreencocktail.com Little Green is a bi-monthly sustainability-themed cocktail party in downtown LA.  There are creative cocktails, inspirational talks and elegant guests galore!Our focus is hot green topics and ideas relevant to Southern California. We aim to entertain and connect both the experts and the curious! Cocktails section: Little Green couples green cocktails with green conversation. [...]<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/914' addthis:title='Little Green: Sustainable Cocktail Party : Branding &#38; Website ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p id="top" />
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-5.png"><img class="size-medium wp-image-915 aligncenter" title="Picture 5" src="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-5-500x270.png" alt="" width="500" height="270" /></a></p>
<h2 style="text-align: center;"><strong><a href="http://littlegreencocktail.com" target="_blank">http://littlegreencocktail.com</a></strong></h2>
<p>Little Green is a bi-monthly sustainability-themed cocktail party in downtown LA.  There are  creative cocktails, inspirational talks and elegant guests galore!Our focus is hot green topics and ideas relevant to Southern  California. We aim to entertain and connect both the experts and the  curious!</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-7.png"><img class="size-medium wp-image-917 aligncenter" title="Picture 7" src="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-7-500x272.png" alt="" width="500" height="272" /></a></p>
<p style="text-align: center;">
<p style="text-align: left;">Cocktails section: Little Green couples green cocktails with green conversation.</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-6.png"><img class="size-medium wp-image-916 aligncenter" title="Picture 6" src="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-6-500x270.png" alt="" width="500" height="270" /></a></p>
<p>Mission: We explore gentle revolutions, knowledge and reflections. Engaging the sustainable in each of us.</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-5.png"><img class="size-medium wp-image-915 aligncenter" title="Picture 5" src="http://www.chrisrbecker.com/wp-content/uploads/2010/07/Picture-5-500x270.png" alt="" width="500" height="270" /></a></p>
<p style="text-align: center;">
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/flower_pot_logo_green.jpg"><br />
</a></p>
<p style="text-align: center;">Logo</p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/flower_pot_green.jpg"></a><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/flower_pot_green.jpg"><img class="size-medium wp-image-920 aligncenter" title="flower_pot_green" src="http://www.chrisrbecker.com/wp-content/uploads/2010/07/flower_pot_green-500x193.jpg" alt="" width="500" height="193" /></a></p>
<p style="text-align: center;">Branding<a href="http://www.chrisrbecker.com/wp-content/uploads/2009/11/flower_pot_logo_green.jpg"><img class="size-full wp-image-931   aligncenter" title="flower_pot_logo_green" src="http://www.chrisrbecker.com/wp-content/uploads/2009/11/flower_pot_logo_green.jpg" alt="" width="212" height="231" /></a></p>
<p style="text-align: center;"><a href="http://www.chrisrbecker.com/wp-content/uploads/2010/07/flower_pot_logo_green.jpg"><br />
</a></p>
<p style="text-align: left;">Collaboration with Heather Knight</p>
<p style="text-align: left;"><a href="http://www.marilynmonrobot.com/" target="_blank">http://www.marilynmonrobot.com/</a></p>
<p><a class="twitter-share-button" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
<p><script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script><br />
<!-- Compact Button --><br />
<a class="DiggThisButton DiggCompact"></a></p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/914' addthis:title='Little Green: Sustainable Cocktail Party : Branding &amp; Website ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.chrisrbecker.com/archives/914/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Juleselin: Identity</title>
		<link>http://www.chrisrbecker.com/archives/681</link>
		<comments>http://www.chrisrbecker.com/archives/681#comments</comments>
		<pubDate>Sat, 28 Mar 2009 07:13:15 +0000</pubDate>
		<dc:creator>Chris R Becker</dc:creator>
				<category><![CDATA[branding]]></category>
		<category><![CDATA[Print]]></category>
		<category><![CDATA[webdesign]]></category>
		<category><![CDATA[Chris R Becker]]></category>
		<category><![CDATA[Clothing]]></category>
		<category><![CDATA[Coats]]></category>
		<category><![CDATA[Fashion]]></category>
		<category><![CDATA[Identity]]></category>
		<category><![CDATA[Organic]]></category>
		<category><![CDATA[San Fransisco]]></category>

		<guid isPermaLink="false">http://www.chrisrbecker.com/?p=681</guid>
		<description><![CDATA[Client: Julie Burnbaum http://www.juleselin.com/JULESELIN/home.html Tweet (function() { var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0]; s.type = 'text/javascript'; s.async = true; s.src = 'http://widgets.digg.com/buttons.js'; s1.parentNode.insertBefore(s, s1); })();<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/681' addthis:title='Juleselin: Identity ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></description>
			<content:encoded><![CDATA[<p id="top" /><img class="alignleft size-medium wp-image-680" title="juleselin" src="http://www.chrisrbecker.com/wp-content/uploads/2010/03/juleselin-500x383.jpg" alt="" width="500" height="383" /></p>
<p><img class="alignleft size-medium wp-image-684" title="juleselinweb" src="http://www.chrisrbecker.com/wp-content/uploads/2009/03/juleselinweb-500x375.jpg" alt="" width="500" height="375" /></p>
<p style="text-align: left;">Client: Julie Burnbaum</p>
<p style="text-align: left;"><a href="http://www.juleselin.com/JULESELIN/home.html" target="_blank">http://www.juleselin.com/JULESELIN/home.html</a></p>
<p><a class="twitter-share-button" href="http://twitter.com/share">Tweet</a><script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script></p>
<p><script type="text/javascript">
(function() {
var s = document.createElement('SCRIPT'), s1 = document.getElementsByTagName('SCRIPT')[0];
s.type = 'text/javascript';
s.async = true;
s.src = 'http://widgets.digg.com/buttons.js';
s1.parentNode.insertBefore(s, s1);
})();
</script><br />
<!-- Compact Button --><br />
<a class="DiggThisButton DiggCompact"></a></p>
<div class="addthis_toolbox addthis_default_style addthis_32x32_style" addthis:url='http://www.chrisrbecker.com/archives/681' addthis:title='Juleselin: Identity ' ><a class="addthis_button_preferred_1"></a><a class="addthis_button_preferred_2"></a><a class="addthis_button_preferred_3"></a><a class="addthis_button_preferred_4"></a><a class="addthis_button_compact"></a></div>]]></content:encoded>
			<wfw:commentRss>http://www.chrisrbecker.com/archives/681/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

