<?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>Multimedia Learning &#187; E-learning Examples</title>
	<atom:link href="http://multimedialearning.com/category/e-learning-examples/feed/" rel="self" type="application/rss+xml" />
	<link>http://multimedialearning.com</link>
	<description>E-learning Design and Development</description>
	<lastBuildDate>Tue, 31 Jan 2012 14:52:18 +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>3 Things E-learning Designers Can Learn from the Oil Spill Interactive Graphics</title>
		<link>http://multimedialearning.com/3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics/</link>
		<comments>http://multimedialearning.com/3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics/#comments</comments>
		<pubDate>Wed, 14 Jul 2010 21:27:45 +0000</pubDate>
		<dc:creator>david</dc:creator>
				<category><![CDATA[E-learning Examples]]></category>
		<category><![CDATA[creativity]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[design models]]></category>
		<category><![CDATA[e-learning examples]]></category>
		<category><![CDATA[infographics]]></category>
		<category><![CDATA[interactive graphics]]></category>
		<category><![CDATA[journalism]]></category>
		<category><![CDATA[oil spill]]></category>

		<guid isPermaLink="false">http://multimedialearning.com/?p=1264</guid>
		<description><![CDATA[In the weeks since the Deepwater Horizon, news agencies have produced dozens of interactive graphics, timelines, videos and infographics covering every angle of the event. This wealth of interactive graphics [...]]]></description>
			<content:encoded><![CDATA[<p><a  class="post_image_link" href="http://multimedialearning.com/3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics/" title="Permanent link to 3 Things E-learning Designers Can Learn from the Oil Spill Interactive Graphics"><img class="post_image alignnone" src="http://multimedialearning.com/wp-content/uploads/2010/07/oil-spill-infographics-header1.png" width="600" height="220" alt="Post image for 3 Things E-learning Designers Can Learn from the Oil Spill Interactive Graphics" /></a>
</p><div class="tweetmeme_button" style="float: right; margin-left: 85px; margin-top: -75px;">
			<a  href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmultimedialearning.com%2F3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmultimedialearning.com%2F3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics%2F&amp;style=normal&amp;service=bit.ly&amp;service_api=R_279269e82d11040c015252b2f8395bae&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="aligncenter size-full wp-image-1268" title="oil-spill-infographics-header" src="http://multimedialearning.com/wp-content/uploads/2010/07/oil-spill-infographics-header1.png" alt="" width="600" height="220" /></p>
<p>In the weeks since the <a  href="http://www.deepwaterhorizonresponse.com/go/site/2931/" target="_blank">Deepwater Horizon</a>, news agencies have produced dozens of interactive graphics, timelines, videos and infographics covering every angle of the event.</p>
<p>This <a  href="http://elearningexamples.com/examples/interactive-graphics/tracking-oil-spill/" target="_blank">wealth of interactive graphics</a> offers e-learning designers a rare opportunity to view and analyze multiple design models and approaches on a single topic.</p>
<p>Here are three ways e-learning designers can benefit and learn from these interactive projects.</p>
<p><!-- @font-face {   font-family: "Cambria"; }@font-face {   font-family: "Georgia"; }p.MsoNormal, li.MsoNormal, div.MsoNormal { margin: 0in 0in 8pt; font-size: 12pt; font-family: "Times New Roman"; }h1 { margin: 24pt 0in 8pt; page-break-after: avoid; font-size: 18pt; font-family: "Times New Roman"; color: red; }span.Heading1Char { font-family: Georgia; color: red; font-weight: bold; }div.Section1 { page: Section1; } --></p>
<h2>Learning opportunity</h2>
<p><img class="aligncenter size-full wp-image-1270" title="elearning-new-perspective" src="http://multimedialearning.com/wp-content/uploads/2010/07/elearning-new-perspective.png" alt="" width="600" height="200" /></p>
<p>What I like even more than the diverse visual designs,  is the variety of multimedia storytelling techniques used. Timelines, maps, interactive graphics are used to tell the story from different angles – different perspectives.</p>
<p>The variety in design models also keeps the story fresh for readers.</p>
<ul>
<li><strong>Interactive timelines</strong>: <a  href="http://www.guardian.co.uk/environment/interactive/2010/jul/08/bp-oil-spill-timeline-interactive" target="_blank">Example 1</a> | <a  href="http://www.cnn.com/2010/US/05/03/timeline.gulf.spill/index.html" target="_blank">Example 2</a> | <a  href="http://online.wsj.com/article/SB10001424052748704302304575213883555525958.html" target="_blank">Example 3</a></li>
<li><strong>Interactive maps</strong>: <a  href="http://www.nytimes.com/interactive/2010/05/01/us/20100501-oil-spill-tracker.html" target="_blank">Example 1</a> | <a  href="http://online.wsj.com/article/SB10001424052748703871904575215714243494620.html#articleTabs%3Dinteractive" target="_blank">Example 2</a> | <a  href="http://online.wsj.com/article/SB10001424052748704302304575213883555525958.html" target="_blank">Example 3</a></li>
<li><strong>Interactive graphics</strong>: <a  href="http://www.washingtonpost.com/wp-srv/special/nation/one-birds-odyssey/?hpid=artslot" target="_blank">Example 1</a> | <a  href="http://www.npr.org/templates/story/story.php?storyId=126502214" target="_blank">Example 2</a> | <a  href="http://www.msnbc.msn.com/id/37091079" target="_blank">Example 3</a></li>
<li><strong>Animations and video</strong>: <a  href="http://www.msnbc.msn.com/id/37517080/ns/disaster_in_the_gulf" target="_blank">Example 1</a> | <a  href="http://www.msnbc.msn.com/id/37091079" target="_blank">Example 2</a> | <a  href="http://www.nytimes.com/interactive/2010/06/21/us/20100621-bop.html" target="_blank">Example 3</a></li>
<li><strong>Photo slideshows</strong>: <a  href="http://www.time.com/time/photogallery/0,29307,1985277_2140945,00.html" target="_blank">Example 1</a> | <a  href="http://online.wsj.com/article/SB10001424052748704342604575222611747278250.html" target="_blank">Example 2</a> | <a  href="http://www.cnn.com/2010/US/05/03/gulf.oil.spill/index.html?hpt=C2" target="_blank">Example 3</a></li>
<li><strong>Infographics</strong>: <a  href="http://online.wsj.com/article/SB10001424052748703315404575250110035290130.html" target="_blank">Example 1</a> | <a  href="http://www.visualeconomics.com/wp-content/uploads/2010/05/bp-oil-spill.jpg" target="_blank" class="thickbox no_icon">Example 2</a> | <a  href="http://www.nytimes.com/interactive/2010/05/25/us/20100525-topkill-diagram.html" target="_blank">Example 3</a></li>
</ul>
<p>That’s a lot of inspiration and possibilities. The more you view graphics and animations as equal players in your e-learning designs, the better equipped you&#8217;ll be for developing more engaging courses.</p>
<h2>Respect the learner</h2>
<p><img class="aligncenter size-full wp-image-1273" title="respect-your-learners-time" src="http://multimedialearning.com/wp-content/uploads/2010/07/respect-your-learners-time.png" alt="" width="600" height="200" /></p>
<p>&#8220;Respect your learners.&#8221; How many times have you heard that? How many times have you said it?</p>
<p>One way we respect our learners is by respecting their time. This means designing courses that aren&#8217;t pre-determined by arbitrary seat-times.</p>
<p>The takeaway from the oil spill interactives is just how short and targeted they are.  In most cases, the multimedia interactions are used to provide visual context to the story, not replace it.</p>
<h2>You have options</h2>
<p><img class="aligncenter size-full wp-image-1276" title="elearning-options-candy" src="http://multimedialearning.com/wp-content/uploads/2010/07/elearning-options-candy.png" alt="" width="600" height="202" /></p>
<p>E-learning design is more than text-filled slides with images used as devices for filling whitespace. And if there’s one takeaway after viewing the dozens of excellent oil spill projects, it’s this:</p>
<p><strong>There’s no one, “right” way to design e-learning!</strong></p>
<p>I know this is a different industry. Visual journalism emphasizes <strong>engaging and informing</strong> over <strong>assessing and performing</strong>. But when you really break it down, the multimedia objectives are the same.</p>
<p>Both industries have research-based rules and models that guide their design choices, but at the end of the day, this isn’t an exact science.</p>
<p>The oil spill projects were created by some of the best  graphics reporters. Hopefully the examples encourage e-learning designers to release any attachments to a single design model and explore new techniques for building courses.</p>
<h2>Final thoughts</h2>
<p>One of the things that draws so many of us to e-learning and instructional design is the opportunity for creative and self-expression.</p>
<p>Sure, our clients, SMEs and project owners have the final word, but remember your audience – the learner. Help them learn rather than pacifying the folks leaning over your shoulder.</p>
<h2>What do you think?</h2>
<p>As you review the projects, ask yourself:</p>
<ul>
<li>Which projects do I like? Dislike?</li>
<li>Are there projects too far outside my or my company’s comfort zone?</li>
<li>Which project is most likely something I could try?</li>
<li>How can I use an interactive map, timeline or graphic in my next course?</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://multimedialearning.com/3-things-e-learning-designers-can-learn-from-the-gulf-spill-interactive-graphics/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Example of IRS E-learning Storyboard</title>
		<link>http://multimedialearning.com/example-of-irs-e-learning-storyboard/</link>
		<comments>http://multimedialearning.com/example-of-irs-e-learning-storyboard/#comments</comments>
		<pubDate>Sun, 21 Mar 2010 18:41:52 +0000</pubDate>
		<dc:creator>david</dc:creator>
				<category><![CDATA[E-learning Examples]]></category>
		<category><![CDATA[design document]]></category>
		<category><![CDATA[e-learning]]></category>
		<category><![CDATA[examples]]></category>
		<category><![CDATA[IRS]]></category>
		<category><![CDATA[storyboards]]></category>

		<guid isPermaLink="false">http://multimedialearning.com/?p=707</guid>
		<description><![CDATA[When it comes to e-learning examples, I’m always looking for new and creative demos I can add to my collection. Sometimes I’m inspired enough to try to recreate the examples [...]]]></description>
			<content:encoded><![CDATA[<p><a  class="post_image_link" href="http://multimedialearning.com/example-of-irs-e-learning-storyboard/" title="Permanent link to Example of IRS E-learning Storyboard"><img class="post_image alignnone" src="http://multimedialearning.com/wp-content/uploads/2010/03/elearning.png" width="600" height="300" alt="Post image for Example of IRS E-learning Storyboard" /></a>
</p><div class="tweetmeme_button" style="float: right; margin-left: 85px; margin-top: -75px;">
			<a  href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fmultimedialearning.com%2Fexample-of-irs-e-learning-storyboard%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fmultimedialearning.com%2Fexample-of-irs-e-learning-storyboard%2F&amp;style=normal&amp;service=bit.ly&amp;service_api=R_279269e82d11040c015252b2f8395bae&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><a  href="http://multimedialearning.com/example-of-irs-e-learning-storyboard/"><img class="aligncenter size-full wp-image-708" title="elearning" src="http://multimedialearning.com/wp-content/uploads/2010/03/elearning.png" alt="" width="600" height="300" /></a></p>
<p>When it comes to <a  title="Examples of E-learning" href="http://elearningexamples.com" target="_blank">e-learning examples</a>, I’m always looking for new and creative demos I can add to my collection. Sometimes I’m inspired enough to try to <a  title="Screenr" href="http://screenr.com/rAx" target="_blank">recreate the examples</a> just to test my skills.</p>
<p>Having mostly worked in corporate e-learning, I was excited to find <a  title="EFF" href="http://www.eff.org/deeplinks/2010/03/eff-posts-documents-detailing-law-enforcement" target="_blank">this post by the EFF</a> on law enforcement’s use of social media and investigative techniques. Also included is a link to an IRS e-learning storyboard:</p>
<blockquote><p>One of the most interesting files is a <a  title="2009 Training Course" href="http://www.eff.org/files/filenode/social_network/training_course.pdf" target="_blank">2009 training course</a> that describes how IRS employees may use various Internet tools &#8212; including social networking sites and Google Street View &#8212; to investigate taxpayers.</p></blockquote>
<p>Admittedly, I was looking forward to checking out their boards. I mean, this is the Feds. They have the budget and the resources to do e-learning &#8220;right,&#8221; right? <a  title="2009 Training Course" href="http://www.eff.org/files/filenode/social_network/training_course.pdf" target="_blank">View the storyboard</a> and see for yourself.</p>
<p>So while the storyboard wasn&#8217;t as groundbreaking as I&#8217;d hoped or expected, it was in line with most of what I&#8217;ve seen in corporate e-learning.  One thing that stood out was the conversational, even friendly, tone of the course. It didn&#8217;t read like most regulatory or compliance e-learning. <span style="color: #e82340;"><strong>Bonus</strong></span>: I even learned a couple new searching techniques.</p>
<p><strong>A few  high-level observations:</strong></p>
<ul>
<li>Common format used in most corporate e-learning courses (Present information, give examples, quiz learner)</li>
<li>No dev notes or media direction included (this may not be the final, ID storyboard)</li>
<li>Unclear if this is a read-only or narrated course (would it make a difference?)</li>
</ul>
<h3>What do you think?</h3>
<p>Do you like the storyboard? Is this similar to the types of e-learning courses you design? How does it differ? What would a scenario-based approach look like for this content?</p>
<h3>How I made the cover image</h3>
<p><iframe src="http://www.screenr.com/embed/dvg" width="600" height="366" frameborder="0"></iframe></p>
]]></content:encoded>
			<wfw:commentRss>http://multimedialearning.com/example-of-irs-e-learning-storyboard/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

