<?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>User Experience, Usability, Innovation, Interaction Design</title>
	<atom:link href="http://edrice.com/?feed=rss2" rel="self" type="application/rss+xml" />
	<link>http://edrice.com</link>
	<description>Ed Rice</description>
	<lastBuildDate>Sun, 21 Feb 2010 23:39:27 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Interface Design</title>
		<link>http://edrice.com/?p=17</link>
		<comments>http://edrice.com/?p=17#comments</comments>
		<pubDate>Fri, 29 Jan 2010 20:48:15 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://edrice.com/?p=17</guid>
		<description><![CDATA[<a href="http://edrice.com/?p=17"><img class="aligncenter size-medium wp-image-95" title="second helpings" src="http://edrice.com/wp-content/uploads/2010/02/second-helpings-300x229.png" alt="" width="300" height="230" /></a>
 <br /></br>
<br /></br>
<br /></br>
<br /></br>
<br /></br>
<br /></br>
<br /></br>
<h3>I plan and design the architecture, functionality and general layout for websites and web applications. Here are a few examples of my work. </h3>]]></description>
			<content:encoded><![CDATA[<h3>I plan and design the architecture, functionality and general layout for websites and web applications. I create sitemaps, wireframes, and interactive prototypes (to test and make sure the designs work).  Here are a few examples of my work.</h3>
<h3><strong>_______________________________________________________</strong></h3>
<h2>Kokomo Opalescent Glass</h2>
<h4>Kokomo Opalescent Glass is the oldest manufacturer of Opalescent Glass in the country. The make over 22,000 variations of sheet glass&#8230;and now they want to sell them online. The glass is made from a variety of colored glass and opal that determines the &#8220;type&#8221;, in a variety of textures and a number of different densities (the amount of light that passes through the glass). (this site has not yet launched)</h4>
<p> </br><br />
<a href="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-12.41.59-PM.png"><img src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-12.41.59-PM-1024x316.png" alt="Kokomo Opalescent Glass" title="Kokomo Opalescent Glass" width="1024" height="316" class="aligncenter size-large wp-image-142" /></a></p>
<h2>Workmark</h2>
<h4>Wordmark was looking for an interface to allow users to create custom pieces of &#8220;word art&#8221;. They wanted users to type in a word, choose images that represent each letter, add symbols or numbers, decide if you want it framed and purchase the piece. (this site has not yet launched)</h4>
<p><a href="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-12.42.27-PM.png"><img src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-12.42.27-PM-1024x318.png" alt="Word Mark" title="Word Mark" width="1024" height="318" class="aligncenter size-large wp-image-143" /></a></p>
<h3>__________________________________________________________________</h3>
<h3>Using Silverback, I recorded a short video walkthrough of the interfaces.</h3>
<p><span> </span> <span> </span> <object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="600" height="375" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=9432560&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><param name="allowfullscreen" value="true" /><embed type="application/x-shockwave-flash" width="600" height="375" src="http://vimeo.com/moogaloop.swf?clip_id=9432560&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowfullscreen="true"></embed></object></p>
<h2>___________________________________________________________________</h2>
<h2>The 24 Hour Web Project.<strong><a title="http://www.secondhelpings.org/" href="http://www.secondhelpings.org/">visit the site</a></strong></h2>
<h4>Small Box, (where I work) has begun a project to help a local non-profit twice a year. Summer of 2009 our team spent a very long night in the Second Helpings office researching, planning designing and developing and launching a brand new website all in just 24 hours.</h4>
<h4><span style="font-weight: normal;"><a href="http://edrice.com/wp-content/uploads/2010/02/second-helpings.png"><img class="alignleft size-full wp-image-95" title="second helpings" src="http://edrice.com/wp-content/uploads/2010/02/second-helpings.png" alt="" width="729" height="557.51" /></a></span></h4>
]]></content:encoded>
			<wfw:commentRss>http://edrice.com/?feed=rss2&amp;p=17</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Industrial Design</title>
		<link>http://edrice.com/?p=15</link>
		<comments>http://edrice.com/?p=15#comments</comments>
		<pubDate>Fri, 29 Jan 2010 20:47:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://edrice.com/?p=15</guid>
		<description><![CDATA[<a href="http://edrice.com/?p=15"><img src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-4.14.54-PM.png" alt="" title="Screen shot 2010-02-21 at 4.14.54 PM" width="300" height="219" class="aligncenter size-full wp-image-165" /></a>

<li></li>

<h3> Although pirmarily focused on digital interfaces, I love good design. This inverted umbrella is an example of my attempt at industrial design.</h3>]]></description>
			<content:encoded><![CDATA[<h3><strong> Although pirmarily focused on digital interfaces, I love good design. This inverted umbrella is an example of my attempt at industrial design.</strong></h3>
<h2>Inverted Umbrella and Water Collector</h2>
<h3><strong>What it is.</strong></h3>
<h3>While visiting my brother in Portland, OR I noticed many outdoor spaces were left empty due to rainy days. Using an tradition patio umbrella was an obvious solution but <strong>I saw an opportunity for a more progressive, environmentally conscious design.</strong></h3>
<p><a href="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-5.40.23-PM.png"><img class="aligncenter size-large wp-image-157" title="Screen shot 2010-02-21 at 5.40.23 PM" src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-5.40.23-PM-1024x512.png" alt="" width="1024" height="512" /></a></p>
<h3><strong>This inverted umbrella has several benefits.</strong></h3>
<ul>
<h3>
<li>protecting an outdoor space from falling rain</li>
<li>collecting water for reuse (gardening, toilets, etc.)</li>
<li>overlapping umbrellas can be used to cover a larger area</li>
<li>the inverted, upward shape reduces the feeling of confinement a traditional umbrella creates (when the water falls over the edge it forms a &#8220;wall&#8221; of water around  those below)</li>
<li>when collapsed into inverted triangle, its flat profile can be rotated to provide shade or let the sun through.</li>
</h3>
</ul>
<h2>The Sustainable Stadium</h2>
<h3><strong>What it is.</strong></h3>
<h3>At a Colts game in my home town of Indianapolis, <strong>I noticed the potential energy produced by the crowd&#8217;s contant movement.</strong> This project seeks to harness that movement into electricity and encourage the production of that energy toward a completely sustainable event.</h4>
<p><a href="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-5.40.42-PM.png"><img class="aligncenter size-large wp-image-158" title="Screen shot 2010-02-21 at 5.40.42 PM" src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-21-at-5.40.42-PM-1024x511.png" alt="" width="1024" height="511" /></a></p>
<h3><strong>How it works</strong></h3>
<p>A stadium seat with a folding mechanism that propels a small generator ( like those found hand-crank radios), would create a small amount of power every time a crowd member sat down. The seats, which are already connected would from a power generating grid. With nearly 100,000 seats and constant standing and sitting at sporting events, the crowd would generate a huge amount of electricity.</p>
<h3><strong>The Digital Interface</strong></h3>
<p>The interface projected like the score of the game would offer the crowd real time accounting of the power being generated and crowd games, like &#8220;the wave&#8221;, would encourage even more energy production. Different sections of the crowd would also compete against one another, seeing whose section can generate more energy.</p>
]]></content:encoded>
			<wfw:commentRss>http://edrice.com/?feed=rss2&amp;p=15</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Data Visualization</title>
		<link>http://edrice.com/?p=13</link>
		<comments>http://edrice.com/?p=13#comments</comments>
		<pubDate>Fri, 29 Jan 2010 20:47:09 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://edrice.com/?p=13</guid>
		<description><![CDATA[<a href="http://edrice.com/?p=13"><img class="aligncenter size-full wp-image-131" title="Screen shot 2010-02-13 at 7.04.08 PM" src="http://edrice.com/wp-content/uploads/2010/01/Screen-shot-2010-02-13-at-7.04.08-PM.png" alt="" width="300" height="230" />

<h3>This visualization allows me to easily chart users by any number of metrics and demographics.</h3>
]]></description>
			<content:encoded><![CDATA[<h2></a>Visualizing Usability Testing Data</h2>
<h3><strong>After conducting a number of usability tests, I found it difficult to explain the data I collected. I started looking for better ways to visually explain the data. I ended up finding the same software Hans Rosling created and showcase in his presentation at TED.</strong></h3>
<h3><strong>This visualization allows me to easily chart users by any number of metrics and demographics.</strong></h3>
<h3>Here I have displayed a set of users who participated in a single task in a usability test.</h3>
<p><script src="https://spreadsheets.google.com/gpub?url=http%3A%2F%2Foj0ijfii34kccq3ioto7mdspc7r2s7o9.spreadsheets.gmodules.com%2Fgadgets%2Fifr%3Fup__table_query_url%3Dhttps%253A%252F%252Fspreadsheets.google.com%252Ftq%253Frange%253DA1%25253AH19%2526headers%253D-1%2526gid%253D0%2526key%253D0Aj9hf469RlWHdGY5eGNnLWJUMlZDb3BIcktRRjA2aWc%2526pub%253D1%26up_title%3D%26up_initialstate%3D%26up__table_query_refresh_interval%3D300%26url%3Dhttp%253A%252F%252Fwww.google.com%252Fig%252Fmodules%252Fmotionchart.xml&amp;height=400&amp;width=940"></script></p>
<h3><strong>What it means.</strong></h3>
<h3>The x axis represents the time it took to complete the task.  The y axis represents the number of errors made by the user. The color of the circle represents task success (users often give up quickly) and the size indicate how often they use the internet.  Any of these metrics or demographics can be changed to find or display and trends or outliers.</h3>
<h3><strong>Try it.</strong></h3>
<h3>For instance you can make the size of circles represent age and the color represent internet use. (you actually have to change them on the chart) We can see the large circles (60-80 yrs) are more blue and green (lower internet use), while the smaller circles(20-50 yrs) are red and yellow (higher internet use).</h3>
]]></content:encoded>
			<wfw:commentRss>http://edrice.com/?feed=rss2&amp;p=13</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
