<?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>Artha's E-learning Blog(^.^)</title>
	<atom:link href="http://artha.edublogs.org/feed/" rel="self" type="application/rss+xml" />
	<link>http://artha.edublogs.org</link>
	<description>Just another Edublogs.org weblog</description>
	<lastBuildDate>Sat, 07 Jun 2008 10:07:51 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Module 3 Activities</title>
		<link>http://artha.edublogs.org/2008/06/07/module-3-activities/</link>
		<comments>http://artha.edublogs.org/2008/06/07/module-3-activities/#comments</comments>
		<pubDate>Sat, 07 Jun 2008 10:07:51 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[Uncategorized]]></category>
		<category><![CDATA[activities]]></category>
		<category><![CDATA[elearning]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/?p=58</guid>
		<description><![CDATA[

Activity 3.1                  What is multimedia?

 
“Multimedia is an eerie wail as two cat’s eyes appear on a dark screen. 
It’s a small window of video laid onto a map of India, showing an old man recalling his dusty journey to meet a rajah there…”
Tay Vaughan, 1998, Multimedia: Making it Work
 
Multimedia is understood to mean a product [...]]]></description>
			<content:encoded><![CDATA[<div class="Section1">
<div style="padding-right: 0in;padding-left: 0in;padding-bottom: 1pt;margin-left: 0in;margin-right: 64pt;padding-top: 1pt">
<h6 style="margin: 0in 0in 0pt;padding: 0in"><span style="font-size: 14pt"><span style="font-family: Helvetica">Activity 3.1<span>                  </span>What is multimedia?</span></span></h6>
</div>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 85pt"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">“Multimedia is an eerie wail as two cat’s eyes appear on a dark screen. </span></p>
<p class="MsoNormal" style="margin: 0in 7.4pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">It’s a small window of video laid onto a map of India, showing an old man recalling his dusty journey to meet a rajah there…”</span></p>
<p class="MsoNormal" style="margin: 0in 7.4pt 0pt 0in;text-align: right" align="right"><span style="font-size: 8pt;font-family: Arial">Tay Vaughan, 1998, <em>Multimedia: Making it Work</em></span></p>
<p class="MsoNormal" style="margin: 0in 7.4pt 0pt 0in;text-align: right" align="right"><em><span style="font-size: 8pt;font-family: Arial"> </span></em></p>
<p><span style="font-size: 8pt;font-family: Arial">Multimedia is understood to mean a product that is digitally constructed utilising and seamlessly integrating various media: text, graphics, images, video, animation and sound. </span></p>
<p><span style="font-size: 8pt;font-family: Arial">Multimedia enriches the user through medias and technologies with the intention of engaging people’s minds!</span></p>
<p><span style="font-size: 8pt;font-family: Arial">Initially the delivery of multimedia products was via CD-ROM, but the internet provided a global distribution system that changed the structure and style of the multimedia products. </span></p>
<p><span style="font-size: 8pt;font-family: Arial">High levels of interactivity are now achievable using a range of software that runs on almost any current desktop computer. </span></p>
<p><span style="font-size: 8pt;font-family: Arial">The future of multimedia will be even more challenging as a plethora of delivery systems and displays are marketed. Enhanced program material provided on digital television and internet information displayed on mobile phones are just two examples of new multimedia systems. </span></p>
<p><span style="font-size: 8pt;font-family: Arial">Our notion of multimedia needs to encompass all new forms. </span></p>
<p><span style="font-size: 8pt;font-family: Arial">Review the following websites:</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Arial">Examples of Multimedia in e-Learning</span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Verdana"><a href="http://www.adrworkshops.com/"><span style="font-family: Arial">http://www.adrworkshops.com</span></a></span></strong><strong></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></strong></p>
<p class="MsoBodyText3" style="margin: 0in 1pt 6pt 0in"><span style="font-size: 6pt;font-family: Arial">From the map, click on Australia, then Test your Skills in the left-hand column, choose a scenario</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Verdana"><a href="http://www.listeningadventures.org/"><span style="font-family: Arial">http://www.listeningadventures.org</span></a></span></strong><strong></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial">Carnegie Hall – learn about a Dvorak Symphony</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Verdana"><a href="http://www.bbc.co.uk/history/lj/victorian_britainlj/sour_entry.shtml?site=history_victorianlj_sour"><span style="font-family: Arial">http://www.bbc.co.uk/history/lj/victorian_britainlj/sour_entry.shtml?site=history_victorianlj_sour</span></a></span></strong><strong></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial">The BBC have a huge variety of e-Learning short course – try this one and see if you can improve Victorian Britain’s living conditions!</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Verdana"><a href="http://www.howstuffworks.com/toilet.htm"><span style="font-family: Arial">http://www.howstuffworks.com/toilet.htm</span></a></span></strong><strong></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial">An amazing site full of all sorts of resources – this is a particular favourite!</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p style="margin-top: 0in"><strong><span style="font-size: 8pt;color: #000000;font-family: Verdana"><a href="http://www.cadre.com.au/"><span style="font-family: Arial">http://www.cadre.com.au</span></a></span></strong><strong></strong></p>
<p style="margin-top: 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial">Cadre Design are a Sydney based multimedia design company – from the home page, click on the Education link, this will take you to the Showcase. Click on the first example &#8211; the Astronomy site. Examine the possibilities (maybe learn something too)!<span> </span></span></p>
<p><span style="font-size: 8pt;font-family: Arial"><br />
</span></p>
<p class="MsoNormal" style="margin: 0in 7.4pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">How do you define multimedia in today’s e-Learning context? </span></p>
<p class="MsoNormal" style="margin: 0in 7.4pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Compare this to the experiences with the Web 2.0 technologies and the issues raised in the Seely-Brown article.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 0.5in">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 5.2in;padding-top: 0in;height: 0.5in;border: windowtext 1pt solid" width="499" valign="top">
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana">  Using different types of mediums in an interactive way to increase e-learning</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
</td>
</tr>
</tbody>
</table>
<h1 style="margin: 0in 64pt 0pt 0in"><span style="font-size: 14pt"><span style="font-family: Helvetica"> </span></span></h1>
<div style="padding-right: 0in;padding-left: 0in;padding-bottom: 1pt;margin-left: 0in;margin-right: 64pt;padding-top: 1pt">
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left;padding: 0in" align="left"><strong><span style="font-size: 14pt;font-family: Helvetica">Activity 3.2<span>    </span>Principles of Multimedia</span></strong></p>
</div>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Times New Roman"> </span></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">A multimedia instructional message is a communication using words and pictures that is intended to promote learning.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">For example, a multimedia instructional message in a book could include printed text and illustrations, whereas a multimedia instructional message on a computer could include narration and animation.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Examples of multimedia instructional messages include words and pictures intended to explain how lightning storms develop, how car braking systems works, and how a bicycle tyre pumps work.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in;text-align: right" align="right"><span style="font-size: 8pt;font-family: Arial">Richard Mayer, p.21 </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in;text-align: right" align="right"><span style="font-size: 8pt;font-family: Arial">Multimedia Learning</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">READ:</span><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial">Mayer, Richard E. &amp; Moreno, Roxana 2003, Nine Ways to Reduce Cognitive Load in Multimedia Learning in Educational Psychologist, 38 (1), pp43-52.</span><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial">(PDF File in Subject Documents folder in UTSOnline)</span></p>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong></strong></div>
<div><strong><span style="font-size: 10pt;font-family: Arial"> </span></strong></div>
<div><strong><span style="font-size: 10pt;font-family: Arial"> </span></strong></div>
<p> </p>
<p> </p>
<div><strong><span style="font-size: 10pt;font-family: Arial"> </span></strong></div>
<p><strong></strong> </p>
<p><strong></strong> </p>
<p><strong><span style="font-size: 10pt;font-family: Arial"> </p>
<p></span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 10pt;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 10pt;font-family: Arial">7 Principles of Multimedia Design</span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>1.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Multimedia principle</span></strong><span style="font-size: 8pt;font-family: Arial">: Students learn better from words and pictures than from words alone.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>2.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Spatial Contiguity Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Students learn better when corresponding words and pictures are presented near rather than far from each other on the page or screen.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>3.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Temporal Contiguity Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Students learn better when corresponding words and pictures are presented simultaneously rather than successively.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>4.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Coherence Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Students learn better when extraneous words, pictures, and sounds are excluded rather than included.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>5.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Modality Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Students learn better from animation and narration than from animation and on-screen text.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>6.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Redundancy Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Students learn better from animation and narration than from animation, narration, and on-screen text.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>7.<span style="font: 7pt">        </span></span></span><strong><span style="font-size: 8pt;font-family: Arial">Individual Differences Principle:</span></strong><span style="font-size: 8pt;font-family: Arial"> Design effects are stronger for low-knowledge learners than for high-knowledge learners and for high-spatial learners rather than low-spatial learners. </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Now consider your course and make notes where multimedia may be of value:</span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial">Task:</span></strong></p>
<table class="MsoNormalTable" style="margin: auto auto auto 31.45pt" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 0.5in">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 353.45pt;padding-top: 0in;height: 0.5in;border: windowtext 1pt solid" width="471" valign="top">
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Consider the media elements in your design – use the questions above as a guideline if you are using animation, video or sound.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">What are your recommendations?</span></p>
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> <strong>follow the multimedia principles</strong></span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial"><strong>content need to be relevant to the program</strong></span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-family: Arial">Should not be too long as it may increase information overloada</span></strong></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Provided examples of multimedia elements you would recommend.</span></p>
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial">vod casts</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial">pod casts</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial">online quiz</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial">blogs</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-family: Arial">wikis</span></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
</td>
</tr>
</tbody>
</table>
<p style="margin: 0in 0in 0pt"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<p class="MsoNormal" style="margin: 0in 66pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<div style="padding-right: 0in;padding-left: 0in;padding-bottom: 1pt;margin-left: 0in;margin-right: 64pt;padding-top: 1pt">
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left;padding: 0in" align="left"><strong><span style="font-size: 14pt;font-family: Helvetica">Activity 3.3<span>  </span>Visual Design</span></strong></p>
</div>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 10pt;font-family: Verdana"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial">Exploring Visual Design</span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">“At the beginning of a project, the screen is a blank canvas, ready for you, the multimedia designer, to express your craft. The screen will change again and again during the course of your project as you experiment, as you stretch and reshape elements, draw new objects and throw out old ones, and test various colors and effects – creating a vehicle for your message…many multimedia designers are known to experience a mild shiver when they pull down the New… menu and draw their first colors onto a fresh screen…this screen represents a powerful and seductive avenue for channelling creativity.”</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: right" align="right"><span style="font-size: 8pt"><span style="font-family: Arial">Tay Vaughan, 1998</span></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial">Visual design</span></strong><span style="font-size: 8pt;font-family: Arial"> takes the composite of elements: text, symbols, photos, colours, video, in fact any graphic element and much more, to communicate your message – it is your primary connection with the learner.</span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Visual design is the process of producing visual images that are able to communicate information to other people. </span></p>
<div><span style="font-size: 8pt;font-family: Verdana"> </span></div>
<div><span style="font-size: 8pt;font-family: Verdana"> </span></div>
<p> </p>
<p><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<p> </p>
<p><span style="font-size: 8pt;font-family: Verdana"> </p>
<p></span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Visual images are made up of lines, colours, textures, tones, hues and shapes applied in a spatial composition. We are surrounded by visual images in our everyday lives. Each visual image is trying to tell us something. </span><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial"><br />
<span> </span></span></p>
<p><span style="font-size: 8pt;font-family: Arial"><br />
</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial">To produce images that people understand, you need to consider the following: </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>1.<span style="font: 7pt">        </span></span></span><span style="font-size: 8pt;font-family: Arial">What message are you trying to communicate? </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>2.<span style="font: 7pt">        </span></span></span><span style="font-size: 8pt;font-family: Arial">What audience are you trying to communicate with? </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>3.<span style="font: 7pt">        </span></span></span><span style="font-size: 8pt;font-family: Arial">What is the best way to visually communicate that message? </span></p>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"><span style="font-size: 8pt;font-family: Arial"><span>4.<span style="font: 7pt">        </span></span></span><span style="font-size: 8pt;font-family: Arial">What are the elements and tools necessary to produce the visual image?</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10.5pt"><span style="font-family: Times New Roman"> </span></span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><strong><span style="font-size: 8pt;color: #ff0000;font-family: Arial">Complete the quiz in UTSOnline – Visual &amp; Interaction Design – available in the Course Information tab.</span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial">Understanding Perception</span></strong></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Arial"> </span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"> </p>
<div class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">When you look at a visual image you see lines, shapes, colours, tones, hues and objects in a spatial dimension.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial">The eye collects visual information from these images and objects and this information is transmitted to the brain. The brain interprets and constructs meaning from this visual information.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial">To design visual images that are meaningful to an audience you need to understand the way your audience actually sees. That is, how does the eye collect visual information and how does the brain interpret it? This line of inquiry is called the science of perception.</span></span></div>
<p> </p>
<p> </p>
<div><span style="font-size: 8pt"><span style="font-family: Arial">Discovering the way the eye works will help you understand how visual elements function in visual design.</span></span></div>
<p> </p>
<p> </p>
<p><span style="font-size: 8pt"><span style="font-family: Arial"> </p>
<p> </p>
<p> </p>
<p></span></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10.5pt"><span style="font-family: Times New Roman"> </span></span></p>
<h2 style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial"> </span></h2>
<h2 style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial"> </span></h2>
<h2 style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial">Understanding Visual Communication</span></h2>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Verdana"> </span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"> </p>
<div class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">No two people ever see the same thing quite the same way. Cultural differences, the level of acquired knowledge, an individual&#8217;s psychology and socialisation will all affect the way we construct meaning from a visual image.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial">Physiology can also affect the way a person sees. The eye itself can have defects in the retina lens or suffer from colour blindness. The brain can also have its own problems that affect perception such as brain dysfunction, and alcohol and drugs.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></div>
<p> </p>
<p> </p>
<div><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></div>
<p> </p>
<p> </p>
<p><span style="font-size: 8pt"><span style="font-family: Arial"> </p>
<p> </p>
<p></span></span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">To cater for these differences in perception you need to construct a clear, unambiguous image and know your audience well enough to construct visual images that they will easily recognise and comprehend. For example, a road sign needs to communicate its message to a wide audience instantaneously.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial"><strong>Visual hierarchy</strong></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"><strong>Read:</strong></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">About Page Design and Visual Hierarchy from the Webstyle Guide</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000"><a href="http://www.webstyleguide.com/page/index.html"><span style="font-family: Arial">http://www.webstyleguide.com/page/index.html</span></a></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial">Use the navigation on the right hand side.</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"><strong>How would visual hierarchy influence learners?</strong></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000"><span style="font-family: Times New Roman"> </span></span></p>
<table class="MsoNormalTable" style="width: 390pt" border="1" cellspacing="0" cellpadding="0" width="520">
<tbody>
<tr style="height: 39.2pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 390pt;padding-top: 0in;height: 39.2pt;border: windowtext 1pt solid" width="520" valign="top">
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> it would influence which content they would likely to lean first, more/better as visual hierarchy emphasise certain contents to be more important than others</span></p>
<h2 style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;color: #000000;font-family: Arial"> </span></h2>
</td>
</tr>
</tbody>
</table>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: x-small;font-family: Arial"> </span></p>
<div style="padding-right: 0in;padding-left: 0in;padding-bottom: 1pt;margin-left: 0in;margin-right: 64pt;padding-top: 1pt">
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left;padding: 0in" align="left"><strong><span style="font-size: 14pt;font-family: Helvetica">Activity 3.4 Principles of colour</span></strong></p>
</div>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: x-small;font-family: Arial"> </span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-family: Arial"><strong><span style="font-size: x-small">Understanding Colour</span></strong><strong><span style="font-size: 8pt"> </span></strong></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Review the Colour Matters site and determine why some colours appear to hurt the eye!</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"> </p>
<div class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">From the same site – Color Matters – explore how computers generate colours and what this can mean to your multimedia images:<span>            </span></span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial"><span style="font-size: 8pt;font-family: Arial"><br />
</span></span></span></div>
<p> </p>
<p> </p>
<div><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></div>
<p> </p>
<p> </p>
<p><span style="font-size: 8pt"><span style="font-family: Arial"> </p>
<p></span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">The Psychology of Colour</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"> </p>
<div class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Some colours make us happy and others, sad.<span>  </span>Colours have the ability to provoke a psychological reaction. Look at the objects around you: their colours have been chosen specifically because they create a mood or an association for the viewer.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial">Because of their power to provoke reactions in us, we use colours for their symbolic meaning. It is no accident that fire engines are painted red; red is a hot colour and denotes the idea of danger. Police uniforms are blue; being a cool colour, blue projects the idea of being under control, being calm and collected.</span></span></div>
<div><span style="font-size: 8pt"><span style="font-family: Arial">You can use colours in your visual designs to convey a mood, create an association or express your feelings about a particular event, activity or object.<strong></strong></span></span></div>
<p> </p>
<p> </p>
<div><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></div>
<p> </p>
<p> </p>
<p><span style="font-size: 8pt"><span style="font-family: Arial"> </p>
<p> </p>
<p></span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Choose colours to convey the following:</span></span></p>
<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 0.5in">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 383.4pt;padding-top: 0in;height: 0.5in;border: windowtext 1pt solid" width="511" valign="top">
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Aggression</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Friend</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Solid</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Weak</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Serious</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial">Depressed</span></div>
</li>
</ul>
</td>
</tr>
</tbody>
</table>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Verdana"> </span></p>
<h2 style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10pt;font-family: Arial">Selecting Colours</span></h2>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><strong><span style="font-size: 8pt;font-family: Verdana"> </span></strong></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Many things will affect your choice of colour. Consider the situation and choose your colours wisely. Think about the following factors. </span><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial"><br />
<strong>Fashion </strong></span><span style="font-size: 8pt;font-family: Verdana"><br />
</span></p>
<div class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Colours go in and out of fashion. Bright colours are used to demand attention and make a statement. Designers of luxury items want their products to appear reputable and durable, and be seen to outlast the fashion of the day; gaudy colours such as bright pinks and yellows are unlikely.</span></div>
<div><span style="font-size: 8pt;font-family: Arial"><strong>The mass market </strong><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial">Strong and bold colours are used to attract the mass market. Advertisers usually use primary colours because they are the most appealing colours to the bulk of the population. </span><span style="font-size: 8pt;font-family: Verdana"><br />
</span><span style="font-size: 8pt;font-family: Arial"><br />
<strong>The environment</strong> </span><span style="font-size: 8pt;font-family: Verdana"><br />
</span></span></div>
<p> </p>
<p> </p>
<p> </p>
<p><span style="font-size: 8pt;font-family: Arial"></p>
<div><span style="font-size: 8pt;font-family: Arial">Australians live in a hot, dry environment so often use cool colours (such as pastel tints) in their buildings to make their physical environment seem cooler. In a European environment that is predominantly cold you tend to see warm, bright primary colours, creating a cheerful, cosy illusion.</span></div>
<div><span style="font-size: 8pt;font-family: Arial"><strong>Culture </strong><br />
Culture and history shape colour choice. If you visit Asia you will find temples painted in bright, primary colours. A European church is more likely to have more sombre colours.</span></div>
<div><span style="font-size: 8pt;font-family: Arial"> </span></div>
<p> </p>
<p><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p> </p>
<p></span><span style="font-size: 8pt;font-family: Arial"> </p>
<p></span></p>
<p class="MsoNormal" style="margin: 0in 65.05pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<p><span style="font-size: 8pt;font-family: Arial"><br />
</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">Consider your e-Learning product – what colours might work? Why?</span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span></p>
<table class="MsoNormalTable" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 0.5in">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 383.4pt;padding-top: 0in;height: 0.5in;border: windowtext 1pt solid" width="511" valign="top">
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial"><strong>Culture of the organisation &#8211; </strong>the colours of the organisation&#8217;s logo, it would be more familiar to the learners and promote organisational pride</span></div>
</li>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"><strong>Corporate colours &#8211; </strong>usually blue, dark blue, black, green, dark green, it&#8217;s serious and professional</span><span style="font-size: 8pt;font-family: Arial"> </span></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"> </p>
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"><strong>Fashion &#8211; </strong>colours that are appealing to the artistic side, can use those that are usually not used by corporates such as yellow, orange, red<strong> </strong></span></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial">  </span></p>
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial"><strong>Your message &#8211; </strong>depending on the message you like to get across, happy usually yellow or orange, love/anger/passion usually red etc</span></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left" align="left"> </p>
<ul>
<li>
<div class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left"><span style="font-size: 8pt;font-family: Arial"><strong>Mood of message &#8211; </strong>depending on the message you like to get across, happy usually yellow or orange, love/anger/passion usually red etc</span></div>
</li>
</ul>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 8pt;font-family: Arial"> </span><span style="font-family: Wingdings"><span><span style="font: 7pt">                           </span></span></span><span style="font-size: 8pt;font-family: Arial"><span> </span></span></p>
</td>
</tr>
</tbody>
</table>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-family: Arial"><strong><span style="font-size: 8pt">Do not underestimate the power of colour to influence your learners!</span></strong><strong></strong></span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Times New Roman"> </span></span></p>
<p class="MsoNormal" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Times New Roman"> </span></span></p>
<div style="padding-right: 0in;padding-left: 0in;padding-bottom: 1pt;margin-left: 0in;margin-right: 64pt;padding-top: 1pt">
<p class="MsoNormal" style="margin: 0in 0in 0pt;text-align: left;padding: 0in" align="left"><strong><span style="font-size: 14pt;font-family: Helvetica">Activity 3.5 CRAP</span></strong></p>
</div>
<p class="MsoBodyText2" style="margin: 0in 0in 0pt"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">The following is a brief overview of the 4 basic principles of design :</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 8pt"><span style="font-family: Arial">C R A P</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Reference: Williams, R. 1994, <em>The Non-Designer’s Design Book, </em>Peachpit Press, USA</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<table class="MsoNormalTable" style="margin: auto auto auto 24pt" border="1" cellspacing="0" cellpadding="0">
<tbody>
<tr style="height: 18.6pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 18.6pt;border: windowtext 1pt solid" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 12pt"><span style="font-family: Arial">Contrast</span></span></strong></p>
</td>
</tr>
<tr style="height: 81pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 81pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Contrast can be the most important visual aspect of a page. The principle is to avoid elements on the page that are merely similar – if they are not the same – then make them VERY different.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">Purpose: </span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                     </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">To create interest</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                     </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Aid in the organisation of information</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                     </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Supports visual hierarchy</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"> </p>
<div class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Eg. use of colour</span><strong></strong></span></div>
<div><span style="font-size: 8pt"><strong> </strong></span></div>
<div><span style="font-size: 8pt"><strong> </strong></span></div>
<p> </p>
<p> </p>
<div><span style="font-size: 8pt"><strong> </strong></span></div>
<p><span style="font-size: 8pt"><strong></strong></span> </p>
<p><span style="font-size: 8pt"><strong></strong></span> </p>
<p><span style="font-size: 8pt"><strong> </p>
<p></strong></span> </td>
</tr>
<tr style="height: 24pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 24pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 12pt"><span style="font-family: Arial">Repetition</span></span></strong></p>
</td>
</tr>
<tr style="height: 70pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 70pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Repeat visual elements throughout – colour, shape, etc. Develops organisation and strengthens the unity.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">Purpose:</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                     </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">To unify and add interest</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                     </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">For consistency</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Eg. navigation, colour identifiers, layout – anything your learner may visually recognize.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Avoid repeating the element so much that it becomes annoying and distracts from the message</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
</td>
</tr>
<tr style="height: 24pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 24pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 12pt"><span style="font-family: Arial">Alignment</span></span></strong></p>
</td>
</tr>
<tr style="height: 83pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 83pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Nothing should be placed on your page randomly. Every element should have some visual connection with another element on the page.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">This creates a clean, sophisticated look.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">Purpose:</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">To unify and organize your page design</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Be conscious of where you place your elements – always try to find something that aligns them</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">Avoid:</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">More than 1 type of text alignment on the same page</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Don’t always centre align</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
</td>
</tr>
<tr style="height: 19pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 19pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in;text-align: center" align="center"><strong><span style="font-size: 12pt"><span style="font-family: Arial">Proximity</span></span></strong></p>
</td>
</tr>
<tr style="height: 92pt">
<td style="padding-right: 5.4pt;padding-left: 5.4pt;padding-bottom: 0in;width: 340.7pt;padding-top: 0in;height: 92pt" width="454" valign="top">
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial">Items relating to each other should be group close together.<span>  </span>Items in close proximity become one visual unit rather than several separate, unrelated units.</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><strong><span style="font-size: 8pt"><span style="font-family: Arial">Purpose:</span></span></strong></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Reduces clutter and confusing your reader</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Organizes information – reduces cognitive load</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt;font-family: Wingdings"><span>§<span style="font: 7pt">                                                      </span></span></span><span style="font-size: 8pt"><span style="font-family: Arial">Logical information is more likely to be remembered</span></span></p>
<p class="MsoBodyText" style="margin: 0in 64pt 0pt 0in"><span style="font-size: 8pt"><span style="font-family: Arial"> </span></span></p>
</td>
</tr>
</tbody>
</table>
<p><strong><span style="font-size: 14pt;font-family: Helvetica"><br />
</span></strong></p>
<p class="MsoBodyText2" style="margin: 0in 0in 0pt"><span style="font-size: 7pt"><span style="font-family: Arial"> </span></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10.5pt"><span style="font-family: Times New Roman"> </span></span></p>
<p class="MsoNormal" style="margin: 0in 1pt 0pt 0in"><span style="font-size: 10.5pt"><span style="font-family: Times New Roman"> </span></span></p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/06/07/module-3-activities/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Visual and Interaction Design Quiz</title>
		<link>http://artha.edublogs.org/2008/06/07/visual-and-interaction-design-quiz/</link>
		<comments>http://artha.edublogs.org/2008/06/07/visual-and-interaction-design-quiz/#comments</comments>
		<pubDate>Sat, 07 Jun 2008 08:12:11 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[activities]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/?p=59</guid>
		<description><![CDATA[


Scored 7/8! horray
 couldn&#8217;t find serif n sans serif in word doc lol
 
 Question 1
1 out of 1 points  



Who said: &#8220;design is thinking made visual&#8221;?






Selected Answer:
   Saul Bass


Correct Answer:
   Saul Bass






Feedback:
That&#8217;s the one!










   Question 2
1 out of 1 points  



The basic elements of visual communication are: form,content, arrangement, light &#38; colour.






Selected Answer:
 True


Correct Answer:
 True










   Question [...]]]></description>
			<content:encoded><![CDATA[<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><span class="questionNumber">Scored 7/8! horray</span></p>
<p><span class="questionNumber"> couldn&#8217;t find serif n sans serif in word doc lol</span></p>
<p> </p>
<p><span class="questionNumber"> Question 1</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236787_1">Who said: &#8220;design is thinking made visual&#8221;?</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_1_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 1 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Saul Bass</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Saul Bass</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">That&#8217;s the one!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_2"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 2 text" width="1" height="1" /></a> <span class="questionNumber">  Question 2</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="True/False-_236788_1">The basic elements of visual communication are: form,content, arrangement, light &amp; colour.</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_2_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 2 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="2">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" /> True</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="" /> True</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_3"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 3 text" width="1" height="1" /></a> <span class="questionNumber">  Question 3</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236789_1">What does SAFE stand for?</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_3_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 3 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Simple, Appropriate, Functional, Economical</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Simple, Appropriate, Functional, Economical</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">Great!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_4"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 4 text" width="1" height="1" /></a> <span class="questionNumber">  Question 4</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236790_1">What are the emotions that drive visual communication?</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_4_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 4 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Seduction, conviction and inspiration</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Seduction, conviction and inspiration</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">That was tricky &#8211; but you got it!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_5"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 5 text" width="1" height="1" /></a> <span class="questionNumber">  Question 5</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236791_1">What is the purpose of graphic design?</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_5_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 5 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   To make it as easy as possible for readers/viewers/users to understand your message.</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   To make it as easy as possible for readers/viewers/users to understand your message.</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">Great &#8211; keep it clear and to the point!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_6"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 6 text" width="1" height="1" /></a> <span class="questionNumber">  Question 6</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236792_1">Grids give design:</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_6_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 6 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   A sense of order &amp; constraint</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   A sense of order &amp; constraint</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">Fantastic!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_7"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 7 text" width="1" height="1" /></a> <span class="questionNumber">  Question 7</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">1 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-correct_u.gif" alt="Correct" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236793_1">In terms of colour choice, it is important to choose colours that:</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_7_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 7 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Reflect the message you are communicating</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Reflect the message you are communicating</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">Great &#8211; you&#8217;ve cracked the colour code</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="2" width="100%">
<tbody>
<tr>
<td class="bLight" valign="middle"><!-- Screen Reader Anchor--><a name="question_8"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 8 text" width="1" height="1" /></a> <span class="questionNumber">  Question 8</span></td>
<td class="bLight" colspan="5" align="right" valign="middle"><span class="points">0 out of 1 points</span>  </td>
</tr>
<tr>
<td rowspan="2" align="center" valign="middle"><img src="http://artha.edublogs.org/images/ci/icons/grade-incorrect_u.gif" alt="Incorrect" /></td>
<td colspan="2" width="100%" valign="top"><label for="Multiple Choice-_236794_1">What type of font has &#8220;tails&#8221;?</label></td>
</tr>
<tr>
<td colspan="2" valign="top"><a name="question_8_answers"><img src="http://artha.edublogs.org/images/spacer.gif" border="0" alt="Question 8 answers" width="1" height="1" /></a></p>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Selected Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/x.gif" alt="Incorrect" />   Sans serif</td>
</tr>
<tr>
<td valign="top"><span class="label">Correct Answer:</span></td>
<td valign="top"><img src="http://artha.edublogs.org/images/ci/icons/check.gif" alt="Correct" />   Serif</td>
</tr>
</tbody>
</table>
<table border="0" cellspacing="0" cellpadding="5">
<tbody>
<tr>
<td valign="top"><span class="label">Feedback:</span></td>
<td valign="top">No &#8211; these all have tails!</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/06/07/visual-and-interaction-design-quiz/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>web</title>
		<link>http://artha.edublogs.org/2008/06/04/web/</link>
		<comments>http://artha.edublogs.org/2008/06/04/web/#comments</comments>
		<pubDate>Wed, 04 Jun 2008 08:16:43 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Uncategorized]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/?p=57</guid>
		<description><![CDATA[http://www.geocities.com/arthavelina/ElearningDesign/ConflictMgtQuiz.htm
]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.geocities.com/arthavelina/ElearningDesign/ConflictMgtQuiz.htm" target="_blank">http://www.geocities.com/arthavelina/ElearningDesign/ConflictMgtQuiz.htm</a></p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/06/04/web/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In class 21/05/08</title>
		<link>http://artha.edublogs.org/2008/05/21/in-class-210508/</link>
		<comments>http://artha.edublogs.org/2008/05/21/in-class-210508/#comments</comments>
		<pubDate>Wed, 21 May 2008 07:42:17 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Class]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/21/in-class-210508/</guid>
		<description><![CDATA[    Part II: Visual Design Evaluation
Due: Exercise will be conducted in class Wed 28 May
Weighting: 10%
Task:
Evaluation of visual design components from 3 existing e-Learning courses. Explanation of how the screen designs effectively addresses the principles of visual design.
Read Mayer &#38; Moreno
•    Describe the screen layout
•    Visual Hierarchy (evaluate the use of contrast to draw attention [...]]]></description>
			<content:encoded><![CDATA[<p>    Part II: Visual Design Evaluation<br />
Due: Exercise will be conducted in class Wed 28 May<br />
Weighting: 10%<br />
Task:<br />
Evaluation of visual design components from 3 existing e-Learning courses. Explanation of how the screen designs effectively addresses the principles of visual design.</p>
<p>Read Mayer &amp; Moreno</p>
<p>•    Describe the screen layout<br />
•    Visual Hierarchy (evaluate the use of contrast to draw attention to the key elements) eg movements, color contrasts, pictures, size, bold texts, placing t on the left because we read from left to right, audience?</p>
<p>•    Placement of Graphics (evaluate in terms of multimedia principle and alignment and proximity principles) ie, learn better with pics than words alone, graphic and text should be near each other,</p>
<p>•    Style of graphics (describe in terms of appropriateness and multimedia coherence principle) ie. choice of graphics &#8211; apply to the text?  Purpose of graphic, is it distracting learner? static/motion/interactive/video<br />
•    Use of colours (do the selected colours enhance or distract the learning context)<br />
•    Do you consider the visual design effective from the learning perspective? Why or why not</p>
<p>Cognitive load &#8211; too much informations</p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/21/in-class-210508/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Activity 2.6</title>
		<link>http://artha.edublogs.org/2008/05/21/activity-26/</link>
		<comments>http://artha.edublogs.org/2008/05/21/activity-26/#comments</comments>
		<pubDate>Wed, 21 May 2008 03:47:40 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[activities]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/21/activity-26/</guid>
		<description><![CDATA[Activity 2.6 Social Learning Theory
 Albert Bandura (1977) combines behaviourist reinforcement with cognitive processes for understanding the behaviour of others. Bandura empasises the importance of observing and modeling – his 2 key elements for learning are: experience and expectations§         Experience enables us to learn the consequences of our actions§         Expectations are formed by our experiences Four processes underlie [...]]]></description>
			<content:encoded><![CDATA[<div style="border-right: medium none; padding-right: 0cm; border-top: windowtext 1pt solid; padding-left: 0cm; padding-bottom: 1pt; margin-left: 0cm; border-left: medium none; margin-right: 64pt; padding-top: 1pt; border-bottom: windowtext 1pt solid"><strong>Activity 2.6 Social Learning Theory</strong></div>
<p><font face="Times New Roman"> </font>Albert Bandura (1977) combines behaviourist reinforcement with cognitive processes for understanding the behaviour of others. Bandura empasises the importance of observing and modeling – his 2 key elements for learning are: experience and expectations§         Experience enables us to learn the consequences of our actions§         Expectations are formed by our experiences Four processes underlie this type of observational learning:1.       <strong>Attention: </strong>focus on the features of behaviour to be modeled2.       <strong>Retention:</strong> how well the behaviour is remembered3.       <strong>Reproduction:</strong> observed behaviour must be turned into action, practice and feedback4.       <strong>Reinforcement:</strong> to motivate learners to reproduce and perform the behaviours How could you apply Bandura’s Social Learning Theory in an e-Learning context?  </p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="535" vAlign="top">-          Have assessments so that students are able to demonstrate what they’ve learnt-          Ongoing encouragements from others are needed so students should be encouraged to have communications with others; in an e-learning environment they can have synchronous or asynchronous communications through chatting, video conferencing, email etc.-               </td>
</tr>
</table>
<p>  <strong>Read:</strong> Social Constructivism<a href="http://projects.coe.uga.edu/epltt/index.php?title=Social_Constructivism">http://projects.coe.uga.edu/epltt/index.php?title=Social_Constructivism</a>  <strong>Watch/listen</strong> to the brief lecture:<a href="http://www.coe.uga.edu/epltt/impaticas/Social-Constructivism-PPT.html">http://www.coe.uga.edu/epltt/impaticas/Social-Constructivism-PPT.html</a> </p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/21/activity-26/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Activity 2.5</title>
		<link>http://artha.edublogs.org/2008/05/21/activity-25/</link>
		<comments>http://artha.edublogs.org/2008/05/21/activity-25/#comments</comments>
		<pubDate>Wed, 21 May 2008 03:39:05 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[activities]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/21/activity-25/</guid>
		<description><![CDATA[ 
Activity 2.5  A Constructivist Approach 
 Bruner’s Constructivist Theory: 
Bruner (1966) based his theory on learning by discovery – information should be  organised in a spiral manner that allows the learner to re-arrange and re-assemble content to create new insights. 
 
According to Bruner, discovery and meaningful learning enhances recall and transfer of learning. The main objective is [...]]]></description>
			<content:encoded><![CDATA[<p><strong> </strong></p>
<div style="border-right: medium none; padding-right: 0cm; border-top: windowtext 1pt solid; padding-left: 0cm; padding-bottom: 1pt; margin-left: 0cm; border-left: medium none; margin-right: 64pt; padding-top: 1pt; border-bottom: windowtext 1pt solid"><strong>Activity 2.5  A Constructivist Approach </strong></div>
<p> <strong><font size="2"><font face="Arial">Bruner’s Constructivist Theory:</font></font></strong><strong><font size="2" face="Arial"> </font></strong></p>
<p><font size="2" face="Arial">Bruner (1966) based his theory on learning by discovery – information should be  organised in a spiral manner that allows the learner to re-arrange and re-assemble content to create new insights. </font></p>
<p><font size="2" face="Arial"> </font></p>
<p><font size="2" face="Arial">According to Bruner, discovery and meaningful learning enhances recall and transfer of learning. The main objective is to build upon knowledge the learner already has. </font></p>
<p><font size="2" face="Arial"> </font></p>
<p><font size="2" face="Arial">“By creating learning environments that foster the self-development of learners as they explore a situation or problem, teachers can enable learners to arrange, rearrange, and transform evidence so they can gain new insights and experience a sense of achievement in making their own discoveries.  The problem–solving strategies they develop are more transferable, as they have personal meaning and value in terms of the learner’s own purposes and intentions.” </font></p>
<p><strong><font size="2"><font face="Arial">Burns, R. 1995, <em>The Adult Learner at Work, </em>Business &amp; Professional Publishing, </font></font></strong><font size="2"><font face="Arial"><strong>Sydney</strong><strong>.</strong></font></font><strong><font size="2"><font face="Arial">Applying principles of Bruner’s theory:</font></font></strong><strong><font size="2" face="Arial"> </font></strong></p>
<p align="left"><font size="2" face="Arial">1.</font>       <font size="2"><font face="Arial">Instruction must be concerned with the experiences and context that make the learner willing and able to learn <strong>(readiness)</strong></font></font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="left"><font size="2" face="Arial">2.</font>       <font size="2"><font face="Arial">Instruction must be structured so that it can be easily grasped by the learner <strong>(spiral organisation)</strong></font></font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="left"><font size="2" face="Arial">3.</font>       <font size="2"><font face="Arial">Instruction should be designed to facilitate extrapolation and/or fill in the gaps <strong>(going beyond the information given)</strong></font></font></p>
<p> <strong>The Current Debate:</strong>There is a great deal of current debate in education fields that can be summarized into distinct views:1)       Directed InstructionPrimarily the behaviourist and cognitive learning theories2)     Constructivist Learning <strong>Characteristics of the 2 types of instruction:</strong><strong> </strong><strong>            Directed Instruction                             Constructivist Learning</strong></p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="276" vAlign="top">
<ul>
<li>Focus on teaching sequences of skills that begin with lower-level skills and build to higher-level skills</li>
<li>Clearly state objectives with test items matched to them</li>
<li>Stress more individualized work than group work</li>
<li>Emphasise traditional teaching and assessment methods; skills worksheets, activities and tests with expected outcomes</li>
</ul>
<p> </td>
<td width="295" vAlign="top">
<ul>
<li>Focus on learning through posing problems, exploring possible answers, and developing products and presentations</li>
<li>Pursue global goals that specify general abilities such as problem-solving and research skills</li>
<li>Stress more group work than individualized work</li>
<li>Emphasise alternative learning and assessment methods; exploration of open-ended questions and scenarios, doing research and developing products, assessment by portfolios, performance checklists </li>
</ul>
<p> </td>
</tr>
</table>
<p><strong> </strong><br />How could you apply constructivist learning principles in an e-Learning environment? </p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="511" vAlign="top"><font size="3">q</font>     Group work (collaborative learning)?<font size="3">q</font>     Scenarios, case studies?<font size="3">q</font>     Enriched learning environments (multimedia e-Learning)?<font size="3">q</font>     Use of mind maps  <font size="3">q</font>      <font size="3">q</font>       </td>
</tr>
</table>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/21/activity-25/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Activity 2.4</title>
		<link>http://artha.edublogs.org/2008/05/21/activity-24/</link>
		<comments>http://artha.edublogs.org/2008/05/21/activity-24/#comments</comments>
		<pubDate>Wed, 21 May 2008 02:55:15 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[activities]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/21/activity-24/</guid>
		<description><![CDATA[
Activity 2.4  A Humanist approach

 The Humanist approach developed from the Cognitive but focuses on experiential learning and the assumption that the individual is ever seeking greater personal adequacy, self-esteem and self-actualisation. Humanists emphasise the individual’s innate need to achieve personal worth, dignity and creativity and believe a better society will evolve by nurturing these qualities. Humanist teachers [...]]]></description>
			<content:encoded><![CDATA[<div style="border-right: medium none; padding-right: 0cm; border-top: windowtext 1pt solid; padding-left: 0cm; padding-bottom: 1pt; margin-left: 0cm; border-left: medium none; margin-right: 64pt; padding-top: 1pt; border-bottom: windowtext 1pt solid">
<h5 align="left"><font size="5" face="Helvetica">Activity 2.4  A Humanist approach</font></h5>
</div>
<p> The Humanist approach developed from the Cognitive but focuses on experiential learning and the assumption that the individual is ever seeking greater personal adequacy, self-esteem and self-actualisation. Humanists emphasise the individual’s innate need to achieve personal worth, dignity and creativity and believe a better society will evolve by nurturing these qualities. Humanist teachers can create a positive classroom climate and encourage the psychological growth towards the creation of self-actualising people.  Humanists believe that learners respond to their environments as they experience it – part of that is the person themselves – the self. Feeling and emotions play an important part in learning. </p>
<h3><font face="Arial">What effect might e-Learning contexts have for the Humanist approach?</font></h3>
<p> </p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="608" vAlign="top">I think the e-learning environment need to be flexible in that students would be able to explore themselves and be able to learn in the way they want. I think the blogging context is good for this type of students because they can explore their emotions and feelings (like in a diary). The context should not be competitive, so maybe formal assessments would hinder learning. Assessment should be individually based – it should be about how they are improving themselves not about improvement in compare to the other students.  </td>
</tr>
</table>
<p>  <strong><font size="2"><font face="Arial">Principles emphasised by Humanist theory:</font></font></strong><strong><font size="2" face="Arial"> </font></strong></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">People learn by relating the world to their previous experience – they learn by doing</font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">People learn in a free environment that permits and encourages development of potential, self-expression and self-determination</font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">People learn co-operatively, which includes constructive feedback in a non-competitive environment</font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">The learning that has most meaning for people is that which is contructed by individuals out of their experience</font></p>
<p><font size="2" face="Arial"> </font></p>
<p align="right"><font size="2" face="Arial">Burns, R. 1995, <em>The Adult Learner at Work, </em>Business &amp; Professional Publishing, Sydney.</font></p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/21/activity-24/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>In Class 14/5/08</title>
		<link>http://artha.edublogs.org/2008/05/14/in-class-14508/</link>
		<comments>http://artha.edublogs.org/2008/05/14/in-class-14508/#comments</comments>
		<pubDate>Wed, 14 May 2008 07:36:16 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Class]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/14/in-class-14508/</guid>
		<description><![CDATA[Theories of Learning
Behaviorism

observable behavior
conditioning
cause and effect (in response to a stimulus)
learning is a modification of behavior by application of stimuli, shaping of responses and the provision of reinforcement.
practice and feedback
classic conditioning can also be demonstrated by our ability to generalize our responses to stimuli.
 operant conditioning- ppl learn to behave in ways that help them [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Theories of Learning</strong></p>
<p>Behaviorism</p>
<ul>
<li>observable behavior</li>
<li>conditioning</li>
<li>cause and effect (in response to a stimulus)</li>
<li>learning is a modification of behavior by application of stimuli, shaping of responses and the provision of reinforcement.</li>
<li>practice and feedback</li>
<li>classic conditioning can also be demonstrated by our ability to generalize our responses to stimuli.</li>
<li> operant conditioning- ppl learn to behave in ways that help them obtain things they want or avoid things they don&#8217;t want (positive and negative re-inforcement)</li>
<li>ignoring reinforcements, response will die out.</li>
<li>learner must be able to respond actively</li>
<li>frequency of repetition</li>
<li>reinforcement is vital</li>
<li>generalization suggests the importance of practice in varied situations (learning transfer)</li>
<li>Immediate feedback of results is strongly motivating</li>
<li>shaping behavior by the reinforcement of approximate responses is essential in learning new skills.</li>
<li>feedback straight after or before the next attempt</li>
</ul>
<p>Cognitivism</p>
<ul>
<li>one difference from behaviorism- cares for the process between learning and being able to do the skill</li>
<li>learning is based on the re-organisation of experiences into systematic and meaningful patterns that lead to problem solving and insight</li>
<li>Meaningfulness and insight</li>
<li>use of groupings, pegging,  hooking,</li>
<li>has pre-test to see what they already know and post test</li>
</ul>
<p>Humanist</p>
<ul>
<li>based on cognitive approach but focusing on individuals need seeking personal adequacy, self-esteem  and self-actualisation.</li>
<li>blend with another</li>
</ul>
<p>Constructivism</p>
<ul>
<li> schema-mental model build by personal interactions with others, unique to each individual,</li>
<li>learning highly dependent on prior knowledge</li>
<li>go over but in more detail each time (spiral)</li>
<li>take knowledge and apply it into live situations</li>
<li>no final formal assessment</li>
</ul>
<p>Social Learning Theory</p>
<ul>
<li> blend with other</li>
<li>observing and modeling (mentoring)</li>
<li>experience</li>
<li>four processes: attention, retention, reproduction, reinforcement</li>
</ul>
<p>Social Constructivism</p>
<ul>
<li>blend of social and constructivism</li>
<li>http://tip.psychology.org</li>
<li></li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/14/in-class-14508/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Activity 2.3</title>
		<link>http://artha.edublogs.org/2008/05/14/activity-23/</link>
		<comments>http://artha.edublogs.org/2008/05/14/activity-23/#comments</comments>
		<pubDate>Wed, 14 May 2008 02:12:00 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Activities]]></category>
		<category><![CDATA[activities]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/14/activity-23/</guid>
		<description><![CDATA[
Activity 2.3   A Cognitive Approach

  Cognitive psychologists emphasize the role of experience, the development of meaning, and the use of problem-solving and insight as the sources of learning. The individual learner will perceives organised wholes – rather than disconnected pieces.  Each person will behave and learn in terms of what is real for them. Learning is therefore [...]]]></description>
			<content:encoded><![CDATA[<div style="border-right: medium none; padding-right: 0cm; border-top: windowtext 1pt solid; padding-left: 0cm; padding-bottom: 1pt; margin-left: 0cm; border-left: medium none; margin-right: 64pt; padding-top: 1pt; border-bottom: windowtext 1pt solid">
<h5 align="left"><font size="5"><font face="Helvetica">Activity 2.3   A Cognitive Approach</font></font></h5>
</div>
<p><font size="2" face="Arial"> </font><font size="2" face="Arial"> </font>Cognitive psychologists emphasize the role of experience, the development of meaning, and the use of problem-solving and insight as the sources of learning. The individual learner will perceives organised wholes – rather than disconnected pieces.  Each person will behave and learn in terms of what is real for them. Learning is therefore based on the re-organisation of experiences into systematic and meaningful patterns that lead to problem-solving and insight. This will mean that interpretation is subjective – reality is what each of us perceives and understands at any given time. <strong>TASK: Watch the following video from the Wharton University of Pennsylvania:</strong><a href="http://www.learningwiki.com/theory">http://www.learningwiki.com/theory</a> <strong> </strong>Part 2 – Cognitivism  Examples you may be familiar with: <strong>Meaningfulness:</strong></p>
<p><font size="2" face="Arial">According to cognitive theory – our brains look for patterns and completion.</font></p>
<p> Our brains have the capacity to associate anything with anything else and will find associations if we allow it to! This allows us to be creative and problem-solve. Each person will create their own meaning based on the current context and their past experiences. <strong>Insight:</strong></p>
<p><font size="2" face="Arial">The sudden Blinding Flash of the Obvious! </font></p>
<p><font size="2" face="Arial">The realization of how to solve a problem by a cognitive restructuring of the environment – looking at things differently!</font></p>
<p><font size="2" face="Arial"> </font>Until we start thinking around the problem (restructuring and reorganizing) we will not be able to gain any insight into how to solve the problem. </p>
<h3><font face="Arial">What effect might meaningfulness and insight have in e-Learning contexts?</font></h3>
<p><font face="Times New Roman"></p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="536" vAlign="top"><font size="3"><font face="Times New Roman">I think meaningfulness and insight would be achievable in e-learning because students are able to explore the content themselves in a more intimate way. For example using web logs they are able to generate and reflect ideas until they are meaningful to them.</font></font></p>
<p><font size="3" face="Times New Roman">E-learning context should be personalized for each student so that it would be more meaningful for the individual students. The context should also be structured from simple to more advanced, can use sections to divide, therefore the context should be interactive so that students can have the choice to proceed or not. </font></td>
</tr>
</table>
<p><strong> </strong><strong>Advance Organisers:</strong>An advance organiser provides a scaffold for the ideas – or cognitive structure – which will bridge the gap for the learner between the content – what’s known and what they will need to know before new material becomes meaningful. The scaffolding is intended to provide a higher level (more generalized) concept that will then allow the learner to incorporate more detailed and differentiated materials into the structure. Advance organisers use current and relevant concepts that the learner already has – to make it possible to put new learning into the framework. The sequencing of content must allow new concepts to be related to old ones. How can we use Advance Organisers in e-Learning contexts? </p>
<p></font></p>
<table border="1" cellPadding="0" cellSpacing="0">
<tr>
<td width="544" vAlign="top">E-learning should also have an organized aim and structure to the course. Just like our e-learning classes. The Subject outline is like an advance organizer in that it shows us the topics we will do. For cognitivists it would be helpful also to have learning outcomes and assessment crieterias to show the categories of the content.</td>
</tr>
</table>
<p>  <strong><font size="2"><font face="Arial">Principles emphasised by Cognitive theory:</font></font></strong><strong><font size="2" face="Arial"> </font></strong></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">The perceptual features of the problem as interpreted by the individual affect what is learned</font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">A learning problem should be structured by the teacher so that the essential features are open to the learner’s inspection</font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">The organisation of knowledge should move from simple to complex to create a meaningful whole</font></p>
<p align="left"><font size="2">§</font>         <font size="2" face="Arial">Feedback as hypothesis testing is a basis for correcting faulty learning</font></p>
<p><font size="2" face="Arial"> </font>Burns, R. 1995, <em>The Adult Learner at Work, </em>Business &amp; Professional Publishing, Sydney</p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/14/activity-23/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>In Class 7/5/08</title>
		<link>http://artha.edublogs.org/2008/05/07/in-class-7508-2/</link>
		<comments>http://artha.edublogs.org/2008/05/07/in-class-7508-2/#comments</comments>
		<pubDate>Wed, 07 May 2008 07:46:01 +0000</pubDate>
		<dc:creator>artha</dc:creator>
				<category><![CDATA[Elearning Design Class]]></category>

		<guid isPermaLink="false">http://artha.edublogs.org/2008/05/07/in-class-7508-2/</guid>
		<description><![CDATA[What is learning?
the process of acquiring knowledge or skills, understanding, making meaning, building on existing knowledge, retaining and applying
How does learning occur?
through changing information to knowledge, practice and feedback,  doing activities, creating meaning and connecting mental schema , teaching and experiencing, self exploration
What factors influence learning?
learning style, context of learning,  motivation, learning environment, content, definition [...]]]></description>
			<content:encoded><![CDATA[<p>What is learning?</p>
<p>the process of acquiring knowledge or skills, understanding, making meaning, building on existing knowledge, retaining and applying</p>
<p>How does learning occur?</p>
<p>through changing information to knowledge, practice and feedback,  doing activities, creating meaning and connecting mental schema , teaching and experiencing, self exploration</p>
<p>What factors influence learning?</p>
<p>learning style, context of learning,  motivation, learning environment, content, definition of outcomes, goals, feedback, attitude, individual learner characteristics (eg. age, culture), interest</p>
<p>PERSONAL EPISTEMOLOGY -your own understanding about what is learning to you, will effect the way you will create learning</p>
]]></content:encoded>
			<wfw:commentRss>http://artha.edublogs.org/2008/05/07/in-class-7508-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
