<?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>Solid State UX &#187; environmental</title>
	<atom:link href="http://www.solidstateux.com/tag/environmental/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.solidstateux.com</link>
	<description>The art and science of interaction design.</description>
	<lastBuildDate>Wed, 07 Jul 2010 16:08:00 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<image>
  <link>http://www.solidstateux.com</link>
  <url>http://www.solidstateux.com//wp-includes/favicon.ico</url>
  <title>Solid State UX</title>
</image>
		<item>
		<title>The Design of Traffic Control</title>
		<link>http://www.solidstateux.com/interaction-design/the-design-of-traffic-control/</link>
		<comments>http://www.solidstateux.com/interaction-design/the-design-of-traffic-control/#comments</comments>
		<pubDate>Wed, 03 Feb 2010 21:45:13 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[environmental]]></category>
		<category><![CDATA[information design]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1162</guid>
		<description><![CDATA[Do you know what the MUTCD is?]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-1164" title="MUTCD_cover" src="http://www.solidstateux.com/wp-content/uploads/2009/12/MUTCD_cover-242x300.png" alt="MUTCD_cover" width="169" height="210" /></p>
<p>How do you know if you are well suited to a career in information architecture?   Well, here&#8217;s a little test.  When you are finished reading this post, follow the link I provide to the US Department of Transportation&#8217;s Manual on Uniform Traffic Control Devices(MUTCD), which is the definitive, 864 page style guide for the country&#8217;s road signs, signals, and traffic markings.  If you soon find yourself delightfully lost in the visual minutiae and obscene specificity of the guidance provided, then you are either Rain Man or what I suspect is a natural born IA.</p>
<p><span id="more-1162"></span>A new version of MUTCD was published December 16th, 2009 &#8211; the 10th edition in 74 years.   No document quite illustrates how design affects our daily lives and safety greater than this one does.  Most of the nuances of driving a car are deeply internalized by us drivers, so it&#8217;s not always obvious that the traffic experience is as <em>designed</em> as it actually is.  Take the shapes of regulatory signs, whose shifting geometry roughly correlates the number of sides of a sign to the intensity of the approaching danger ahead.  Stop signs (8 sides) are much sterner in their warning than diamond shaped Slow signs or triangular Yield signs. Circular signs, such as those at a rail-crossing, signal the most danger of all.  Afterall, the number of sides of a circle is infinite.  This dates back to a scheme created by the very first attempt to standardize signage in the early 1920&#8217;s.</p>
<div id="attachment_1175" class="wp-caption alignright" style="width: 238px"><img class="size-full wp-image-1175" title="bump_not_hump" src="http://www.solidstateux.com/wp-content/uploads/2010/02/bump_not_hump.png" alt="Speed Hump is the correct term, but they offer the less hilarious &quot;bump&quot; option as well." width="228" height="95" /><p class="wp-caption-text">Speed Hump is the correct term, but they offer the less hilarious &quot;bump&quot; option as well.</p></div>
<p>MUTCD takes careful consideration not to use traffic-planner jargon in such a way as to confuse drivers (or &#8211; let&#8217;s face it-make them laugh), even if comes at the expense of introducing misnomers and contradictions into their system of wayfinders.   Any leftish turn requiring a driver to initially make a right turn, such as those looping lefts on highway onramps, is called a &#8220;jughandle&#8221; turn by the pros, not a U-turn or a Left Turn, but the sign will say something like &#8220;U-Turn from Right Lane.&#8221;  A lesson to interaction designers &#8211; favor literalness over jargon in navigation.  A road-bump is actually technically a &#8220;hump,&#8221; but the sign says Bump anyways to avoid dangerous snickering by amused drivers.</p>
<div id="attachment_1174" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1174 " title="night_speed" src="http://www.solidstateux.com/wp-content/uploads/2010/02/night_speed-300x141.png" alt="Night speed limit signs are rendered in black with white characters - symbolizing &quot;night&quot; but losing retro-reflectivity." width="300" height="141" /><p class="wp-caption-text">Night speed limit signs are rendered in black with white characters - symbolizing &quot;night&quot; but sacrificing retro-reflectivity.</p></div>
<p>Information design, particularly color and iconography, is fussed over perhaps most of all.    Florescent yellow is the color of choice for most signs due to it&#8217;s high luminance and saturation &#8211; a combination that allows it to be seen in day, night, dawn, dusk and fog, with or without headlights.  The color yellow is also highly durable, meaning it takes longer to lose its&#8217; color and retroreflectivity than other colors and making it a safe choice for a road sign&#8217;s design.  Curiously, the approved sign for showing night speed is an all black background with white characters &#8211; the black itself communicating &#8220;night-time&#8221; but making it less visible in the very time for which it is intended.</p>
<div id="attachment_1168" class="wp-caption alignright" style="width: 280px"><img class="size-medium wp-image-1168  " title="red_yellow_signs" src="http://www.solidstateux.com/wp-content/uploads/2010/01/red_yellow_signs-300x198.png" alt="Purple is never used for lights or LED signs in traffic control " width="270" height="178" /><p class="wp-caption-text">Purple is never used for lights or LED signs in traffic control even though it is high contrast.</p></div>
<p>Purple, it turns out, is also a very safe color due to it&#8217;s high contrast and saturation  &#8211; particularly Pantone<sup>®</sup> Matching System<sup>®</sup> (PMS) 259 (the exact color used by 13 states for E-Z Pass lanes).  Ever wonder why there are purple signs on those E-Z pass lanes but no purple lights or LED signs?  It&#8217;s because of a phenomenon called small-field tritanopia, which results in a &#8220;loss of sensitivity to blue light when the signal appears very small. As a result, a purple light might appear red with a blue haze surrounding the signal, potentially causing confusion that could result in erratic behavior as drivers approach toll booths.&#8221;  This is one reason why purple was not used much until recently as a road sign color, even though DOT has had it on it&#8217;s official &#8220;reserved&#8221; color list for decades.</p>
<p>Iconography is fussed over, but strangely optional.  Nearly every bit of icon bearing signage in the MUTCD offers up an icon-less alternative.   They seem to be saying, <em>well if you&#8217;re an icon type go with this &#8211; but we understand some municipalities are just not into icons.</em> Does that mean one is just not safer than the others?  Are there not studies proving that icons add important non-verbal cues and contribute to highway safety?</p>
<p style="text-align: center;">
<div id="attachment_1173" class="wp-caption aligncenter" style="width: 454px"><img class="size-full wp-image-1173 " title="icons_noicons" src="http://www.solidstateux.com/wp-content/uploads/2010/02/icons_noicons.png" alt="Use icons or don't use icons.  What do we care?" width="444" height="160" /><p class="wp-caption-text">Use icons or don&#39;t use icons.  What do we care?</p></div>
<p style="text-align: left;">
<div id="attachment_1178" class="wp-caption aligncenter" style="width: 471px"><img class="size-full wp-image-1178 " title="strange_signs" src="http://www.solidstateux.com/wp-content/uploads/2010/02/strange_signs1.png" alt="Huh? The limitations of stand-alone iconography." width="461" height="111" /><p class="wp-caption-text">Huh? The limitations of stand-alone imagery in road-signage.</p></div>
<p style="text-align: left;">And it&#8217;s interesting that traffic control designers face some of the same types of challenges that web designers do.  One central debate is clutter and the competition for that scarcest of all resources -even amongst drivers &#8211; <em>attention</em>.  Afterall, the MUTCD was started as a reaction to too many signs.  In the very early days of the automobile, local auto clubs used to put up signs and sometimes there would be 10 or 11 signs for a single popular road or attraction.</p>
<div id="attachment_1179" class="wp-caption aligncenter" style="width: 462px"><img class="size-full wp-image-1179" title="turn_signage" src="http://www.solidstateux.com/wp-content/uploads/2010/02/turn_signage.png" alt="turn_signage" width="452" height="328" /><p class="wp-caption-text">How many signs does it take?  Well, enough to get the job done but not so many that drivers &quot;consume&quot; the safety benefit.</p></div>
<p style="text-align: center;">
<p style="text-align: left;">But how many signs is too many when it comes to public safety? Do signs cancel one another out like sidebar ads on a website?  It turns out that more road signs do not lead to greater safety, but not because drivers don&#8217;t notice them.  It has more to do with what an economist would call &#8216;consumption&#8217; of the safety benefit provided by the extra signage.  If a driver is given a safety improvement, such as clearly marked lanes, signs, lights, etc. &#8211; she will &#8220;consume&#8221; the benefit and drive faster as a result.   So, guess what, it turns out traffic circles have less accidents than traffic signals &#8211; because drivers understand they are responsible for their own risk, shifting risk away from that of government.   It&#8217;s a paradox that web designers just don&#8217;t have to deal with.</p>
<h4>Related Posts from Around the Web:</h4>
<p style="text-align: left;"><a href="http://mutcd.fhwa.dot.gov/">The Manual on Uniform Traffic Control Devices (MUTCD)</a></p>
<p style="text-align: left;"><a href="http://www.theatlantic.com/doc/200807/traffic">Distracting Miss Daizy &#8211; The Atlantic Magazine </a></p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/the-design-of-traffic-control/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Interaction Design &amp; Sustainability Case Study:  Ford SmartGuage with EcoGuide</title>
		<link>http://www.solidstateux.com/reviews/interaction-design-sustainability-case-study-ford-smartguage-with-ecoguide/</link>
		<comments>http://www.solidstateux.com/reviews/interaction-design-sustainability-case-study-ford-smartguage-with-ecoguide/#comments</comments>
		<pubDate>Fri, 04 Dec 2009 22:31:59 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[Reviews]]></category>
		<category><![CDATA[dashboards]]></category>
		<category><![CDATA[environmental]]></category>
		<category><![CDATA[pervasive]]></category>
		<category><![CDATA[sustainability]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=1093</guid>
		<description><![CDATA[Ok, so I admit that I have a tendency to overvalue the impact of my own profession.  I believe Malcom McCullough when he says that interaction design is likely to be one of the great liberal arts of the 21st century.  The great American novel, when it finally arrives, will be planned in Omnigraffle.  And [...]]]></description>
			<content:encoded><![CDATA[<div id="attachment_1138" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1138" title="dash" src="http://www.solidstateux.com/wp-content/uploads/2009/11/dash-300x202.png" alt="dash" width="300" height="202" /><p class="wp-caption-text">The dashboard that monitors what the driver is doing, not the machine.</p></div>
<p>Ok, so I admit that I have a tendency to overvalue the impact of my own profession.  I believe Malcom McCullough when he says that interaction design is likely to be one of the great liberal arts of the 21st century.  The great American novel, when it finally arrives, will be planned in Omnigraffle.  And the fact that most of us deploy our tradecraft in the service of streamlining the movie rental process, selling sunglasses or laminate flooring, facilitating the sharing of snapshots and how-to articles on pumpkin carving does not diminish our greatness.  In fact, in my world, interaction designers are likely to be key players in all forms of meaningful societal change from here on in.   (Just try and tell me that Obama&#8217;s website wasn&#8217;t pivotal in his election!)  But what role does I.D. have in making the planet greener?  Even I struggled with that one.</p>
<p><span id="more-1093"></span>For industrial designers, who work with physical products that consume materials both in their manufacture and their ongoing usage, the links to sustainable design principles are clear.  But for information product designers whose work is consumed primarily on <em>screens</em>, a claim to designing &#8217;sustainably&#8217; often feels like a stretch.  What is being conserved &#8211; pixels? CPU cycles? Yet recently I am learning that I need not feel that way.  It turns out there are many designers who leverage interactivity to directly make the world a more livable place &#8211; not only by raising awareness of sustainable principles but by directly affecting the way people use and think about their environment on a day-to-day basis.  On Nov. 12, while hosting a panel discussion on sustainability and interaction design for NYCUPA, I met Ted Booth &#8211; Director of Interaction Design at Smart Design.  Smart collaborated with IDEO in researching and designing the SmartGuage with EcoGuide for client, Ford &#8211; a true example of the unique power of interaction design to change human behavior.</p>
<div id="attachment_1149" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-1149" title="ford_fusion" src="http://www.solidstateux.com/wp-content/uploads/2009/12/ford_fusion-300x179.png" alt="ford_fusion" width="300" height="179" /><p class="wp-caption-text">The 2010 Ford Fusion is one of the first models to ship with the new SmartGuage desing in place.</p></div>
<p>The Ford SmartGuage with EcoGuide is an innovative instrument cluster (a reinterpreted automobile dashboard if you will)  for a new line of Ford hybrid cars.   IDEO did the user research, at the heart of which was an ethnographic look at the world of hybrid owners &#8211; including the cult-like &#8220;Hypermilers&#8221; who make a fetish out of squeezing every last drop of fuel efficiency out of their machines.  Smart did the design work itself.   The 2010 Ford Fusion is among the first models to hit the market with the new dashboard in place and immediately garnered considerable press and recognition for the novel philosophy behind it&#8217;s design (see further reading links at the end of this post.)   The  instrument panel design is purely digital, essentially one integrated monitor built into the car&#8217;s dash.   Being screen-based enables some interesting affordances that are perfect for a dual-engine automobile, for instance truly modal displays.   The tachometer toggles into &#8220;EV mode&#8221; when the electric motor is running, which makes sense given that electric motors don&#8217;t speak the language of &#8220;RPM&#8217;s,&#8221; and being modal allows the two gauges to share the same piece of real estate in the display.   The dash even has a tutorial mode that shows descriptive help text next to each type of instrumentation, seriously threatening the future existence of 10th grade drivers ed teachers.</p>
<p style="text-align: center;">
<div id="attachment_1148" class="wp-caption aligncenter" style="width: 624px"><img class="size-large wp-image-1148  " title="modal_display" src="http://www.solidstateux.com/wp-content/uploads/2009/12/modal_display-1024x292.png" alt="The Tachometer in typical RPM mode displays when the combustion engine is running, then toggles into a differently scaled &quot;EV&quot; mode when the electric motor is running." width="614" height="175" /><p class="wp-caption-text">A modal tachometer displays in typical RPM mode when the combustion engine is running, then toggles into a differently scaled &quot;EV&quot; mode when the electric motor is running.</p></div>
<p>What&#8217;s most profoundly innovative about the SmartGuage design is that it turns the traditional role of a car&#8217;s driver interface exactly on it&#8217;s head.  &#8220;A guiding principle was to give the driver feedback about their driving,&#8221; Booth told me in the pre-interview for our panel discussion.   &#8220;Up to now, car dashboards have communicated information about what the machine is doing, not the driver.&#8221;    The reason behind the shift in emphasis is a simple business problem.  Many hybrid purchasers, who are socio-politically predisposed to choosing such cars for their green benefits, are unhappy customers.  They just aren&#8217;t getting the increased fuel mileage they hoped for.  Some aren&#8217;t getting anything near the optimal mileage recorded by the test drivers and car reviewers.  It turns out a lot of this has to do with the way one drives a hybrid.</p>
<div id="attachment_1146" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-1146 " title="prius_dash" src="http://www.solidstateux.com/wp-content/uploads/2009/12/prius_dash-300x180.png" alt="The Prius dashboard shows how much energy is recaptured by braking, but the display reinforces a misperception." width="300" height="180" /><p class="wp-caption-text">The Prius dashboard shows how much energy is recaptured by braking, but the display reinforces a misperception that braking harder is better.</p></div>
<p>How hard one brakes, for instance, is a key variable.    Hybrids, as many know, recharge their batteries through the principle of regenerative braking &#8211; a process of recapturing the kinetic energy generated by braking and storing it for later use rather than dissipating it in the form of heat.     The energy can be stored mechanically in the form of compressed air or a flywheel (as the high end KERS systems in Formula One racing cars do), or electrically in a capacitor or battery (as regular consumer hybrids do).  It is standard procedure in a hybrid dashboard to inform the driver about how much power has been regenerated.  But according to Booth, the existing instrument design gave drivers a mistaken perception about how to brake in order to maximize that number.  &#8220;Existing gauges show a spike of energy when a driver brakes,&#8221; he said, &#8220;which actually makes drivers think they should wait until the last minute to brake so they can brake harder and increase the amplitude of the spike.  In fact, it’s the opposite… slow steady braking delivers more of a charge, so we factored this into our design.&#8221;</p>
<p>It&#8217;s one thing to communicate to the driver a complex set of information about their driving and quite another to do that in a way that they can process &#8211; especially while trying to keep their eyes on the road!  The Smart design team did a couple of novel things here with the design.  The most famous is the use of a simple metaphor to give the driver an almost game-like sense of optimizing their driving performance &#8211; the &#8220;efficiency leaves.&#8221;    Initially worried that the leaves metaphor was going to be skewered by the car reviewers, it turned out to be exactly the opposite.</p>
<p style="text-align: center;"><img class="aligncenter size-full wp-image-1151" title="efficiency_leaves" src="http://www.solidstateux.com/wp-content/uploads/2009/12/efficiency_leaves.png" alt="efficiency_leaves" width="479" height="321" /></p>
<blockquote><p><em>The hardest thing was to process all the inputs that affect fuel economy and feed them into a display in a way that a driver can process. We came up with the metaphor of leaves… drivers earn leaves as they conserve fuel. &#8211; Ted Booth, Smart Design<br />
</em></p></blockquote>
<div id="attachment_1150" class="wp-caption alignright" style="width: 247px"><img class="size-full wp-image-1150 " title="fuel" src="http://www.solidstateux.com/wp-content/uploads/2009/12/fuel.png" alt="Prius uses bold visual and information design to create highly &quot;glanceable&quot; instruments." width="237" height="209" /><p class="wp-caption-text">Smart Guage uses bold visual and information design to create highly &quot;glanceable&quot; instruments.</p></div>
<p>The team also focused on a bold, clear information design that embraced the limitation of &#8220;look-away&#8221; time &#8211; which implies that drivers have less then a second to safely take something in before returning their eyes to the road.   The fuel gauge, for instance, abandons the traditional needle design for a boldly rendered bar-graph that looks at first glance like amber liquid.   The leaves themselves represent an easily glanced at indication of driving success, but can be toggled into a more detailed mode showing feedback in the form of hard numbers.</p>
<p>Few examples better illustrate the centrality of the UX trade &#8211; and the potential opportunity to affect change for the better in places we never thought of- than this reinvention of the car dashboard.   These are heady, exciting times to be in the business of designing screens.</p>
<p>Further Reading:</p>
<p><a href="http://www.fastcompany.com/blog/alissa-walker/designerati/fords-smartgauge-helps-hybrid-drivers-increase-mileage-better-instrum">Ford&#8217;s SmartGauge Improves Fuel Efficiency Through Better Instrument Design </a> Fast Company</p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/reviews/interaction-design-sustainability-case-study-ford-smartguage-with-ecoguide/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
