<?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; information design</title>
	<atom:link href="http://www.solidstateux.com/tag/information-design/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>Think Like an Instructional Designer:  Germane Cognitive Load</title>
		<link>http://www.solidstateux.com/interaction-design/think-like-an-instructional-designer-germane-cognitive-load/</link>
		<comments>http://www.solidstateux.com/interaction-design/think-like-an-instructional-designer-germane-cognitive-load/#comments</comments>
		<pubDate>Thu, 20 Aug 2009 22:21:21 +0000</pubDate>
		<dc:creator>Todd Toler</dc:creator>
				<category><![CDATA[Interaction Design]]></category>
		<category><![CDATA[cognitive science]]></category>
		<category><![CDATA[information design]]></category>
		<category><![CDATA[instructional design]]></category>

		<guid isPermaLink="false">http://www.solidstateux.com/?p=646</guid>
		<description><![CDATA[Designers should strive to reduce bad cognitive load in instructional materials, but less commonly understood is how to add good cognitive load.]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft size-medium wp-image-651" title="mammalian-brain-computer-inside" src="http://www.solidstateux.com/wp-content/uploads/2009/08/mammalian-brain-computer-inside-271x300.jpg" alt="mammalian-brain-computer-inside" width="271" height="300" />It&#8217;s been understood since the 1950&#8217;s that human cognitive processing capacity is severely limited.   In fact, you can put a more or less precise number on the amount of discrete pieces of information that a person can manage in their working memory at any given time &#8211; the &#8220;magic number&#8221; of seven. (see <a href="http://www.musanim.com/miller1956/">Miller, 1956</a>)  When asked to repeat a list of random digits or tones (e.g. 5,6,2,10), most people can manage about 5 to 7 of these “chunks” of information when drawing only from their working memory.   It is no accident that we can all remember our phone numbers but only the most acquisitive of us can remember our credit card numbers.   Of course, it&#8217;s a complicated business of how information gets moved in and out of working memory from long term memory (the closest thing nature has to the $4.4 million hard drive, the RamSan-6200).  To get into that we&#8217;d have to talk about <a id="aptureLink_wjVfjKICBN" href="http://en.wikipedia.org/wiki/Schemata%20theory">schema theory</a> and the <a id="aptureLink_UtqVpKgZRK" href="http://en.wikipedia.org/wiki/Worked-example%20effect">expertise reversal effect</a> and all sorts of other cognitive science concepts&#8230; so let&#8217;s keep this simple.  How can a basic understanding of working memory and cognitive load theory make us into better UI designers?</p>
<p><span id="more-646"></span>Well, typically this would lead to a discussion of bad, or <em>extraneous</em>, cognitive load and how to avoid it in the design of multimedia materials.   Attention is a resource, and a limited one at that.   When users strain their ability to actively process material, they are forced to make decisions about what they do and do not pay attention to.  If you ask the user to process more than a few chunks of information simultaneously, working memory is easily overloaded.  Designs which add to this effect are thought to actively generate extraneous load.   You can control for this by following a few basic principles, most notably those outlined in Richard Mayer&#8217;s seminal 2001 book, <a id="aptureLink_TouQZpfEH6" href="http://www.amazon.com/gp/product/B0013J3SXI">Multi-Media Learning</a>.   An example of a design principle that minimizes bad cognitive load is spatial contiguity.</p>
<blockquote><p><strong><em>Mayer&#8217;s Spatial Contiguity Principle</em></strong> &#8211; Student&#8217;s learn better when corresponding words and pictures are presented near rather than far from each other on the page or screen.</p></blockquote>
<div id="attachment_653" class="wp-caption alignright" style="width: 220px"><img class="size-medium wp-image-653" title="mayer" src="http://www.solidstateux.com/wp-content/uploads/2009/08/mayer-210x300.gif" alt="Integrated (top) vs. Separated Captions (bottom) in Multi-media Instructions.  The Integrated Approach is Said to Reduce Extraneous Cognitive Load" width="210" height="300" /><p class="wp-caption-text">Integrated (top) vs. Separated Captions (bottom) in Multi-media Instructions.  The Integrated Approach is Said to Reduce Extraneous Cognitive Load</p></div>
<p>There are many more of these principles in the book and all of them are worth reviewing.   Curiously, what Mayer doesn&#8217;t explicitly lay out as an anti cognitive-load principle is one you hear all the time from clients if you are in the design game &#8211; make it &#8220;less busy,&#8221; &#8220;clean,&#8221; &#8220;less cluttered,&#8221; more <em>googley</em>.  Surely unsightly clutter must increase extraneous cognitive load, so why doesn&#8217;t he mention this?   Because reduction of complexity is not, in itself, a sound instructional design principle.   Some material is just more complex &#8211; it has more elements and more types of element interactivity within it.   This inherent complexity is a fact of life and is thought to generate <em>intrinsic</em> cognitive load.    Think of this as cognitive load that the designer inherits as a baseline, only to add to it by breaking Mayer&#8217;s rules in their design process.</p>
<p>And now for my favorite part.  Designers can actually create good, or <em>germane</em> cognitive load.   Germane cognitive load “enhances” learning rather than interferes with it; this may be attributable to effects like motivation or increases in effort that can increase the amount of cognitive resources devoted to a task.  You can tell if you are getting germane cognitive load when you have a high degree of intrinsic cognitive load but learners stay within their working memory capacity due to the intelligence of the way the materials are designed.   In other words, a lot of meaningful learning activity would be impossible without cognitive load &#8211; it&#8217;s just a tougher design challenge.   Mayer&#8217;s research was focused on reducing overall cognitive load, with the assumption that mostly it was extraneous load that was effectively isolated in his study design.  But researchers still are looking for ways to measure the different types of cognitive load, so at the moment it&#8217;s unclear exactly what can be done to increase good cognitive load (see <a href="http://www.igi-global.com/downloads/pdf/8270.pdf">Kalyuga, 2009</a>).</p>
<div id="attachment_655" class="wp-caption alignleft" style="width: 310px"><img class="size-medium wp-image-655 " title="0422marsh.1270.1060" src="http://www.solidstateux.com/wp-content/uploads/2009/08/0422marsh.1270.1060-300x250.jpg" alt="Edward Tufte Has Inspired A Generation to Create Sophisticatedly Complex Data Displays" width="300" height="250" /><p class="wp-caption-text">Edward Tufte Has Inspired A Generation to Create &quot;Germanely&quot; Loaded Data Displays</p></div>
<p>So why did I go into all of this?  Because I think people shouldn&#8217;t complain about <em>clutter</em> and <em>busy-ness</em> in web designs without pausing to think about the benefits of considered complexity.    As Don Norman has said &#8211; <a href="http://www.jnd.org/dn.mss/simplicity_is_highly.html">Simplicity is Highly Overrated</a>.   Of course, in this essay he&#8217;s talking about products mostly &#8211; and the fact that people value and are willing to pay for complexity and additional features.   But simplicity is overrated in design circles too&#8230; complex things are beautiful and persuasive.  Nature is complex.   Sometimes the user&#8217;s task is aided by complexity in the interface.  For instance<em>, pattern recognition</em> is a common task for a user on a product website&#8217;s list pages, which can be  aided by having more information on a single screen, not less (particularly when it&#8217;s optimized for comparison tasks such as the famous Orbitz grid design for listing airfares, now universally imitated.)    We may not know exactly what generates germane cognitive load, but I have a strong hunch that the work of <a id="aptureLink_g0o7k3ZlsD" href="http://en.wikipedia.org/wiki/Edward%20tufte">Edward Tufte</a> does exactly that.   So let&#8217;s do both &#8211; reduce the bad cognitive load and seek to add the good stuff &#8211; and we&#8217;ll find yet another reason why we should think like an Instructional Designer.</p>
<input id="gwProxy" type="hidden" />
<input id="jsProxy" onclick="jsCall();" type="hidden" />
]]></content:encoded>
			<wfw:commentRss>http://www.solidstateux.com/interaction-design/think-like-an-instructional-designer-germane-cognitive-load/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
