<?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/"
	xmlns:georss="http://www.georss.org/georss" xmlns:geo="http://www.w3.org/2003/01/geo/wgs84_pos#" xmlns:media="http://search.yahoo.com/mrss/"
	>

<channel>
	<title>INTERACTION SATISFACTION</title>
	<atom:link href="http://azar293.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://azar293.wordpress.com</link>
	<description>A designer&#039;s view on Web 2.0, Interactive Design and Information Design.</description>
	<lastBuildDate>Wed, 24 Mar 2010 23:07:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='azar293.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>INTERACTION SATISFACTION</title>
		<link>http://azar293.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://azar293.wordpress.com/osd.xml" title="INTERACTION SATISFACTION" />
	<atom:link rel='hub' href='http://azar293.wordpress.com/?pushpress=hub'/>
		<item>
		<title></title>
		<link>http://azar293.wordpress.com/2010/03/25/86/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/86/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 23:05:05 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[AJAX]]></category>
		<category><![CDATA[Blogs]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Participation]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[Video]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/2010/03/25/86/</guid>
		<description><![CDATA[http://www.fuelinteractive.com/blog/800px-Web_2.0_Map.svg.png<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=86&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><a href="http://azar293.files.wordpress.com/2010/03/800px-web_2_0_map_svg.png"><img class="aligncenter size-medium wp-image-85" title="WEB 2.0" src="http://azar293.files.wordpress.com/2010/03/800px-web_2_0_map_svg.png?w=300&#038;h=225" alt="" width="300" height="225" /></a></p>
<p><a href="http://www.fuelinteractive.com/blog/800px-Web_2.0_Map.svg.png">http://www.fuelinteractive.com/blog/800px-Web_2.0_Map.svg.png</a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/86/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/86/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/86/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=86&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/86/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/800px-web_2_0_map_svg.png?w=300" medium="image">
			<media:title type="html">WEB 2.0</media:title>
		</media:content>
	</item>
		<item>
		<title></title>
		<link>http://azar293.wordpress.com/2010/03/25/84/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/84/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 19:23:34 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Interactive Design]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/2010/03/25/84/</guid>
		<description><![CDATA[“Interaction designers are very concerned with behavior: the way that products behave in response to the way that people behave.”<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=84&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>“Interaction designers are   very concerned with behavior: the way that products behave   in response to the way that people behave.”</p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/84/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/84/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/84/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=84&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/84/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>
	</item>
		<item>
		<title>Mood board for Johnny Smith</title>
		<link>http://azar293.wordpress.com/2010/03/25/mood-board-for-johnny-smith/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/mood-board-for-johnny-smith/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 19:01:22 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Planning tools for interaction]]></category>
		<category><![CDATA[mood board]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=79</guid>
		<description><![CDATA[As a class task I created a mood board for the following user persona. Johnny Smith John is a 75-year-old retired carpenter who still enjoys hikes in national parks and ridding his Harley-Davidson. He looks forward to the local club raffle and a catch up with the boys on a Thursday evening. He also enjoys [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=79&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>As a class task I created a mood board for the following user persona.</p>
<p><strong>Johnny Smith </strong></p>
<p><strong> </strong></p>
<p>John is a 75-year-old retired carpenter who still enjoys hikes in national parks and ridding his Harley-Davidson. He looks forward to the local club raffle and a catch up with the boys on a Thursday evening. He also enjoys playing bingo, listening to local radio and watching old western movies with his wife Jill. As he gets older and has to visit the hospital more often, he prefers quick and efficient healthcare with simple, bold instructions and hospital signs. He aims to enjoy the rest of his life traveling a little and spending time with family, especially his grandchildren.</p>
<ul>
<li>· Location: Hobart</li>
<li>· Toaster Usage: Unfortunately Johnny has never used a fancy new electric toaster</li>
<li>· Computer/Internet Usage: PC, Occasionally browses the Internet with the help of his grandchildren.</li>
<li>· Computer Skill: Novice user. Finds things too complicated on the computer to use. Has an email but doesn’t know how to use it properly.</li>
</ul>
<p><a href="http://azar293.files.wordpress.com/2010/03/moodboard.jpg"><img class="aligncenter size-medium wp-image-80" title="Moodboard" src="http://azar293.files.wordpress.com/2010/03/moodboard.jpg?w=211&#038;h=300" alt="" width="211" height="300" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/79/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/79/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/79/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=79&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/mood-board-for-johnny-smith/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/moodboard.jpg?w=211" medium="image">
			<media:title type="html">Moodboard</media:title>
		</media:content>
	</item>
		<item>
		<title>Storyboard for making toast</title>
		<link>http://azar293.wordpress.com/2010/03/25/storyboard-for-making-toast/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/storyboard-for-making-toast/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 18:49:31 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Planning tools for interaction]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[storyboard]]></category>
		<category><![CDATA[Toast]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=71</guid>
		<description><![CDATA[We were asked to create 2 or 3 frames highlighting inactive interaction slides that would make up a how to make toast website. I have included 3 shots below of my storyboard.<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=71&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>We were asked to create 2 or 3 frames highlighting inactive interaction slides that would make up a how to make toast website. I have included 3 shots below of my storyboard. </p>
<p><a href="http://azar293.files.wordpress.com/2010/03/howtomaketoast1.jpg"><img src="http://azar293.files.wordpress.com/2010/03/howtomaketoast1.jpg?w=300&#038;h=204" alt="" title="howtomaketoast1" width="300" height="204" class="aligncenter size-medium wp-image-72" /></a></p>
<p><a href="http://azar293.files.wordpress.com/2010/03/howtomaketoast2.jpg"><img src="http://azar293.files.wordpress.com/2010/03/howtomaketoast2.jpg?w=300&#038;h=204" alt="" title="howtomaketoast2" width="300" height="204" class="aligncenter size-medium wp-image-73" /></a></p>
<p><a href="http://azar293.files.wordpress.com/2010/03/howtomaketoast3.jpg"><img src="http://azar293.files.wordpress.com/2010/03/howtomaketoast3.jpg?w=300&#038;h=204" alt="" title="howtomaketoast3" width="300" height="204" class="aligncenter size-medium wp-image-74" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/71/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/71/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/71/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=71&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/storyboard-for-making-toast/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/howtomaketoast1.jpg?w=300" medium="image">
			<media:title type="html">howtomaketoast1</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/howtomaketoast2.jpg?w=300" medium="image">
			<media:title type="html">howtomaketoast2</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/howtomaketoast3.jpg?w=300" medium="image">
			<media:title type="html">howtomaketoast3</media:title>
		</media:content>
	</item>
		<item>
		<title>Information/Instructional Design</title>
		<link>http://azar293.wordpress.com/2010/03/25/informationinstructional-design/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/informationinstructional-design/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 14:43:23 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Information/Instructional Design]]></category>
		<category><![CDATA[Clear]]></category>
		<category><![CDATA[communicate]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Effective]]></category>
		<category><![CDATA[Information]]></category>
		<category><![CDATA[Instructional]]></category>
		<category><![CDATA[Learning]]></category>
		<category><![CDATA[message]]></category>
		<category><![CDATA[Simple]]></category>
		<category><![CDATA[Technology]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=51</guid>
		<description><![CDATA[What is Information/Instructional Design? I believe Information/Instructional Design is the analysis of information intended to teach or communicate a message represented through a clear, simple and instructional design which allows for a more effective learning experience. Instructional designers often use technology and multimedia as tools to enhance instruction. ___________________________________________ &#8220;Many instructional designers, in an attempt [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=51&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>What is Information/Instructional Design?</strong></p>
<p>I believe Information/Instructional Design is the analysis of information intended to teach or communicate a message represented through a clear, simple and instructional design which allows for a more effective learning experience. Instructional designers often use technology and multimedia as tools to enhance instruction.</p>
<p style="text-align:center;">___________________________________________</p>
<blockquote>
<p style="text-align:center;">&#8220;Many instructional designers, in an attempt to make content simple, take out information. Unfortunately, this leaves learners wondering, &#8220;Why the heck am I learning this?”  The solution isn’t to take away content, but to present it an a simpler way. This is the art of good instructional design. When deciding what to leave out, it is essential to consider what content, when removed, will not harm the backbone of the learning.&#8221;</p>
<p style="text-align:center;">-  Richard Culatta  (www.Instructionaldesign.org)</p>
<p style="text-align:center;">___________________________________________</p>
</blockquote>
<p style="text-align:left;">Here are some clear examples of Information/Instructional Design:</p>
<p style="text-align:left;"><a href="http://azar293.files.wordpress.com/2010/03/info.jpg"><img class="aligncenter size-medium wp-image-65" title="Info design" src="http://azar293.files.wordpress.com/2010/03/info.jpg?w=300&#038;h=294" alt="" width="300" height="294" /></a></p>
<p style="text-align:left;">Above shows a clearly organised diagram detailing the information into parts that will be simple for the person to understand.  Some use of colours to separate the three columns and pictures to make the instructions more straight forward.</p>
<p style="text-align:left;">
<p style="text-align:left;">
<span style="text-align:center; display: block;"><a href="http://azar293.wordpress.com/2010/03/25/informationinstructional-design/"><img src="http://img.youtube.com/vi/pMcfrLYDm2U/2.jpg" alt="" /></a></span>
<p>The above video is amazing. It provides the viewer with all these interesting facts and information but does so in a very organised way. Through graphs and pictures symbolising the quantity of people. Although there are many facts within the video, the designer has made sure that they didn&#8217;t overload the viewer with too much information thus making the video an effective example of information design.</p>
<p><a href="http://azar293.files.wordpress.com/2010/03/119-information_graphic.jpg"><img class="aligncenter size-full wp-image-67" title="Info design graph" src="http://azar293.files.wordpress.com/2010/03/119-information_graphic.jpg?w=497" alt=""   /></a></p>
<p>The above graph has been creatively designed to reflect the topic which the research was conducted on through the way in which the results were illustrated. It is clear and soft on the eye, visually accepting and avoids any complicated or confusing graphs. The use of colour is very effective in this illustration and demonstrates how information collected from research can be easily communicated to the public through the use of simple graphics and clear statistics. </p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/51/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/51/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/51/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=51&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/informationinstructional-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/info.jpg?w=300" medium="image">
			<media:title type="html">Info design</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/119-information_graphic.jpg" medium="image">
			<media:title type="html">Info design graph</media:title>
		</media:content>
	</item>
		<item>
		<title>Interactive Design</title>
		<link>http://azar293.wordpress.com/2010/03/25/interactive-design/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/interactive-design/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 13:41:07 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Interactive Design]]></category>
		<category><![CDATA[Computers]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Interact]]></category>
		<category><![CDATA[Interactive]]></category>
		<category><![CDATA[People]]></category>
		<category><![CDATA[Technology]]></category>
		<category><![CDATA[virtual experience]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=49</guid>
		<description><![CDATA[What is Interactive Design? and what are some examples of great web designs! Interactive Design also known as Interaction Design can be understood as a way of communicating through devices such as websites, computers and mobile phones etc whereby the user can physically interact with the source and engage with the content making the experience [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=49&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>What is Interactive Design? and what are some examples of great web designs!</strong></p>
<p>Interactive Design also known as Interaction Design can be understood as a way of communicating through devices such as websites, computers and mobile phones etc whereby the user can physically interact with the source and engage with the content making the experience much more enjoyable. It focuses on enhancing the relationship between humans and technology.</p>
<p>Below are some examples of interactive web designs! Have a look, click on the picture to go to the site, some are very inspiring.</p>
<p style="text-align:center;">
<p style="text-align:center;"><a href="https://www.canv-as.com/" target="_blank"><img class="aligncenter size-medium wp-image-58" title="canvas image" src="http://azar293.files.wordpress.com/2010/03/canvas-image.jpg?w=300&#038;h=178" alt="" width="300" height="178" /></a>﻿</p>
<p style="text-align:left;">Canv-as.com is an innovative poster shopping site, where you can interactively create your own unique customised posters that express your expectations, decor and lifestyle. The user is able to visualise how the poster will look in a certain place of the home by literally placing the poster in certain rooms and interacting with site to customise the look of the poster as well as grab a feel of the setting it will be placed within.</p>
<p style="text-align:left;">
<p style="text-align:left;"><a href="http://www.laudividni.com" target="_blank"><img class="aligncenter size-medium wp-image-59" title="Laudi Vidni" src="http://azar293.files.wordpress.com/2010/03/bag.jpg?w=300&#038;h=145" alt="" width="300" height="145" /></a></p>
<p style="text-align:left;">laudividni.com is a fashion website which allows the customer to design their own bag by choosing from a large selection of styles, colours and textures. They are then given the option to purchase it once created. This is an effective interactive site as the consumer customises their purchase whilst enjoying the life of a designer for a few minutes.</p>
<p style="text-align:left;"><a href="http://www.mono-1.com/monoface/main.html" target="_blank"><img class="aligncenter size-medium wp-image-60" title="monoface" src="http://azar293.files.wordpress.com/2010/03/monoface.jpg?w=300&#038;h=181" alt="" width="300" height="181" /></a></p>
<p style="text-align:left;">This monoface website was created for fun but is simple, easy and VERY effective! I found it funny using different facial features to form weird and strange looking people. As a user you have the option of clicking the eyes, nose, mouth, head and hair to create one of 759,375 possible so called monofaces.</p>
<p style="text-align:left;">The video below is another example of interactive design. Who wants to be a millionaire on youtube! allows you to click on the correct answer and interact with the video.</p>
<p style="text-align:left;">
<p style="text-align:left;">
<span style="text-align:center; display: block;"><a href="http://azar293.wordpress.com/2010/03/25/interactive-design/"><img src="http://img.youtube.com/vi/h3UnqAQFDYw/2.jpg" alt="" /></a></span>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/49/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/49/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/49/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=49&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/interactive-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/canvas-image.jpg?w=300" medium="image">
			<media:title type="html">canvas image</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/bag.jpg?w=300" medium="image">
			<media:title type="html">Laudi Vidni</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/monoface.jpg?w=300" medium="image">
			<media:title type="html">monoface</media:title>
		</media:content>
	</item>
		<item>
		<title>Web 2.0</title>
		<link>http://azar293.wordpress.com/2010/03/25/web-2-0-2/</link>
		<comments>http://azar293.wordpress.com/2010/03/25/web-2-0-2/#comments</comments>
		<pubDate>Wed, 24 Mar 2010 12:30:46 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Web 2.0]]></category>
		<category><![CDATA[Ebay]]></category>
		<category><![CDATA[examples]]></category>
		<category><![CDATA[Facebook]]></category>
		<category><![CDATA[interactive websites]]></category>
		<category><![CDATA[Web 1.0]]></category>
		<category><![CDATA[Youtube]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=33</guid>
		<description><![CDATA[What exactly does the term Web 2.0 mean? To be able to understand how Web 2.0 came about we should note the existance of  &#8216;Web 1.0&#8242; before Web 2.0 was introduced in 1999. Prior to Web 2.0, the internet was made up of information based sites that simply allowed internet users to only retrieve information. [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=33&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p><strong>What exactly does the term Web 2.0 mean?</strong></p>
<p>To be able to understand how Web 2.0 came about we should note the existance of  &#8216;Web 1.0&#8242; before Web 2.0 was introduced in 1999. Prior to Web 2.0, the internet was made up of information based sites that simply allowed internet users to only retrieve information. The World Wide Web was an information source only which meant users couldn&#8217;t interact with others the way we do now. This is a huge technological web advancement which has changed society in many ways! Web 2.0 simply refers to any type of website that allows its users to interact with others through its content. The privilege we now have of owning data on sites and controlling it in any way we like is one of the many features of a Web 2.0 site. Such sites include social networking websites which we use daily and sites like e-Bay which some of us rely on for an income.</p>
<p>Below are examples of Web 2.0 in action.</p>
<h1 style="text-align:center;">FACEBOOK</h1>
<p><a href="http://www.facebook.com" target="_blank"><img class="aligncenter size-medium wp-image-35" title="facebook" src="http://azar293.files.wordpress.com/2010/03/facebook1.jpg?w=300&#038;h=170" alt="" width="300" height="170" /></a></p>
<p>A lot of us web users would be familiar with this social networking website and use it constantly. What a lot of Facebook users don&#8217;t realise is that &#8220;Facebook is educating the masses about web 2.0 without them even knowing. <strong> </strong> In other words, Facebook IS bringing web 2.0 mainstream.&#8221; Check out Aidan Henry&#8217;s article on how Facebook is a leading Web 2.0 site- it&#8217;s quite interesting.  <a href="http://www.mappingtheweb.com/2007/07/19/facebook-web-20-mainstream/" target="_blank">http://www.mappingtheweb.com/2007/07/19/facebook-web-20-mainstream/</a></p>
<h1 style="text-align:center;"><strong>YOUTUBE</strong></h1>
<p><a href="http://www.youtube.com" target="_blank"><img class="aligncenter size-medium wp-image-36" title="Youtube" src="http://azar293.files.wordpress.com/2010/03/youtube.jpg?w=300&#038;h=210" alt="" width="300" height="210" /></a></p>
<p>Youtube is another well known and overly used interactive site! Users can interact via uploading videos, commenting, favouriting and rating etc.</p>
<h1 style="text-align:center;"><strong>EBAY</strong></h1>
<p style="text-align:center;"><a href="http://www.ebay.com" target="_blank"><img class="aligncenter size-medium wp-image-38" title="Ebay" src="http://azar293.files.wordpress.com/2010/03/ebay1.jpg?w=300&#038;h=203" alt="" width="300" height="203" /></a></p>
<p style="text-align:center;">
<p>eBay as we now know it is the world&#8217;s largest online auction website and is a perfect example of Web 2.0. Its features such as buying and selling through bidding and listing ads with tonnes of options for selling makes it a site that heavily relies on its users to successfully operate thus this makes evident the need for interaction to keep the site on going.Many people use eBay as their form of income and a way to start online businesses, Web 2.0 has enabled this to happen as prior to this there was no such thing as interactive websites.</p>
<p>Check out the youtube video below, it shows Web 2.0 in all forms and does it so creatively! A lot of examples of Web 2.0 are included in this video.</p>
<span style="text-align:center; display: block;"><a href="http://azar293.wordpress.com/2010/03/25/web-2-0-2/"><img src="http://img.youtube.com/vi/6gmP4nk0EOE/2.jpg" alt="" /></a></span>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/33/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/33/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/33/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=33&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/25/web-2-0-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/facebook1.jpg?w=300" medium="image">
			<media:title type="html">facebook</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/youtube.jpg?w=300" medium="image">
			<media:title type="html">Youtube</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/ebay1.jpg?w=300" medium="image">
			<media:title type="html">Ebay</media:title>
		</media:content>
	</item>
		<item>
		<title>How to drive a car</title>
		<link>http://azar293.wordpress.com/2010/03/18/how-to-drive-a-car/</link>
		<comments>http://azar293.wordpress.com/2010/03/18/how-to-drive-a-car/#comments</comments>
		<pubDate>Thu, 18 Mar 2010 00:46:44 +0000</pubDate>
		<dc:creator>azar293</dc:creator>
				<category><![CDATA[Planning tools for interaction]]></category>
		<category><![CDATA[drive]]></category>
		<category><![CDATA[flowchart]]></category>
		<category><![CDATA[How to]]></category>
		<category><![CDATA[storyboard]]></category>

		<guid isPermaLink="false">http://azar293.wordpress.com/?p=10</guid>
		<description><![CDATA[This is a class task demonstrating a simple example of the initial stages of an interactive design by first constructing a flowchart with step by step instructions clearly numbered in order. Following this a storyboard is then created to help visualise what the end product would look like.<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=10&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>This is a class task demonstrating a simple example of the initial stages of an interactive design by first constructing a flowchart with step by step instructions clearly numbered in order. Following this a storyboard is then created to help visualise what the end product would look like.</p>
<p><a href="http://azar293.files.wordpress.com/2010/03/flowchart2.jpg"><img class="aligncenter size-medium wp-image-15" title="flowchart" src="http://azar293.files.wordpress.com/2010/03/flowchart2.jpg?w=231&#038;h=300" alt="" width="231" height="300" /></a></p>
<p><a href="http://azar293.files.wordpress.com/2010/03/1-003.jpg"><img class="aligncenter size-medium wp-image-45" title="1 003" src="http://azar293.files.wordpress.com/2010/03/1-003.jpg?w=300&#038;h=217" alt="" width="300" height="217" /></a></p>
<br />  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/azar293.wordpress.com/10/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/azar293.wordpress.com/10/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/azar293.wordpress.com/10/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=azar293.wordpress.com&amp;blog=12365990&amp;post=10&amp;subd=azar293&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://azar293.wordpress.com/2010/03/18/how-to-drive-a-car/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://1.gravatar.com/avatar/1b8e8ff840ccc333aaf56b59843a266d?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">azar293</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/flowchart2.jpg?w=231" medium="image">
			<media:title type="html">flowchart</media:title>
		</media:content>

		<media:content url="http://azar293.files.wordpress.com/2010/03/1-003.jpg?w=300" medium="image">
			<media:title type="html">1 003</media:title>
		</media:content>
	</item>
	</channel>
</rss>
