<?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>E1n1verse &#187; design</title>
	<atom:link href="http://einiverse.eingang.org/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://einiverse.eingang.org</link>
	<description>WoW, Learning, and Teaching by Michelle A. Hoyle</description>
	<lastBuildDate>Fri, 26 Oct 2012 16:25:38 +0000</lastBuildDate>
	<language>en-US</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.2</generator>
		<item>
		<title>[Moo!  Mackie&#039;s Makes It]</title>
		<link>http://einiverse.eingang.org/2004/10/06/moo-mackies-makes-it/</link>
		<comments>http://einiverse.eingang.org/2004/10/06/moo-mackies-makes-it/#comments</comments>
		<pubDate>Wed, 06 Oct 2004 15:58:40 +0000</pubDate>
		<dc:creator>Eingang</dc:creator>
				<category><![CDATA[talks]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[HCT Talk]]></category>
		<category><![CDATA[robots]]></category>
		<category><![CDATA[usability]]></category>

		<guid isPermaLink="false">http://einiverse.eingang.org/blogs/2004/10/06/moo-mackies-makes-it/</guid>
		<description><![CDATA[One fascinating case studies was about Mackie's robot milking machines. Mackie's was interested in increasing milk yields and decreasing the cost of human labour required to obtain the milk.  Cows could be milked when they wanted to be milked. Good for the cows.  Good for Mackie's.  Good for the ice-cream too.]]></description>
			<content:encoded><![CDATA[<p><a href="http://webdb.ucs.ed.ac.uk/management/people/JamesFleck.html" title="More about Professor Fleck, University of Edinburgh">Professor James Fleck</a> visited the  <a href="http://www.cogs.susx.ac.uk/ideas/" title="The IDEAs Lab home page">IDEAs </a> lab on June 4th, 2004 from the <a href="http://www.managementschool.ed.ac.uk/home.html" title="Management School at University of Edinburgh">Management School and Economics</a> at the University of Edinburgh, to present a talk on &#8220;Processes of Innovation and Design for Usability&#8221;.</p>
<p>This was  a very interesting seminar, if not immediately relevant to my own research.  Not only was some of the content fascinating, but the method of presentation was also novel.  Professor Flack uses mindmapping software to prepare his presentation and then uses the mindmap as a navigation tool during the presentation.  By clicking on a mindmap element, a separate page would be opened where he could explore that concept in detail or perhaps an image clip launched.</p>
<p>Here, belatedly, are a copy of the abstract and my notes from the seminar.</p>
<h4>Abstract:</h4>
<blockquote>
<p>In this seminar I will outline a range of theories of innovation within the broader context of technological development, to draw lessons about how the design process may be facilitated or constrained, especially with regard to usability. The discussion will be grounded with reflections about several empirical cases. These will include the design of a particular &#8220;smart Product&#8221; (Persona&#8211;the electronic contraceptive) and the development of a &#8220;Personal Learning Appliance&#8221; for a new e-learning initiative at Edinburgh (The Global Innovation MBA&#8211;GIMBA).</p>
<p>Conclusions will address the need for practical trialling; the need for mapping the space of behavioural interactions (behavioural ergonomics?) and the need to overcome &#8220;default satisficing behaviour&#8221; among prospective users.</p>
</blockquote>
<p><span id="more-65"></span></p>
<h4>Notes:</h4>
<p>Technology, according to <a href="http://mitpress.mit.edu/catalog/author/default.asp?aid=656" title="Books on Technology and Meaning by Pacey from MIT Press">Pacey</a>, is only successful when technological, cultural, and organizational components are all in place.  Ownership, for example, in the case of a water well is important in keeping the pump running and maintained.   This is one theoretical underpinning to understanding the process of innovation and designing for usability.  </p>
<p>One of the fascinating case studies that Professor Fleck discussed was about the robot milking machines.  <a href="http://www.mackies.co.uk/" title="Mackie's of Scotland ice-cream">Mackie&#8217;s of Scotland</a> make ice-cream from the milk of their own Jersey herd.  They were interested in increasing milk yields and decreasing the cost of human labour required to obtain the milk.  They implemented a series of portable robotic milking stations in the fields.   Using RFID or some such similar technology, when a cow comes to the milking station, she can be identified and the milking station automatically configures itself to milk that particular cow.   Milk yields rose by 19% in the first year.  It took the cows three months to adjust to the new system.  It took the human staff almost a year.   It was easy for the cows to adjust to because it required very little training on their part.  They went to get food when they were hungry.  They went to be milked when they felt full.  The process here also had an unintended side benefit.  While the primary goal was to increase milk yields, because the opportunities for human intervention in the supply chain (milk to ice-cream) were significantly reduced, the liability was subsantially reduced.  Their cost of implementation was quickly repaid by the savings on the liability alone.  Good for the cows.  Good for Mackie&#8217;s.  Good for the ice-cream too.</p>
<p>One problem of implementing new technology is that people are reluctant to change their behaviour of usage beyond what works for them.  Professor Fleck called this &#8220;default satisficing behaviour.&#8221;  In many cases, this manifests iteself as resistence to learning anything beyond basis usage of a piece of technology.  Innovation and technology requires many components (bits and pieces from many seemingly unrelated fields) and customer context is important.</p>
<p>With respect to learning, we need to realize that in a bricks-and-mortar university, learning is an interaction between the instructor and the students, not between the student and the materials.</p>
]]></content:encoded>
			<wfw:commentRss>http://einiverse.eingang.org/2004/10/06/moo-mackies-makes-it/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Blogging My Life the CSS Way Away</title>
		<link>http://einiverse.eingang.org/2004/01/27/blogging-my-life-the-css-way-away/</link>
		<comments>http://einiverse.eingang.org/2004/01/27/blogging-my-life-the-css-way-away/#comments</comments>
		<pubDate>Tue, 27 Jan 2004 05:03:37 +0000</pubDate>
		<dc:creator>Eingang</dc:creator>
				<category><![CDATA[phding]]></category>
		<category><![CDATA[web standards]]></category>
		<category><![CDATA[CSS]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[HTML]]></category>
		<category><![CDATA[icons]]></category>
		<category><![CDATA[Tinderbox]]></category>
		<category><![CDATA[webdev]]></category>

		<guid isPermaLink="false">http://einiverse.eingang.org/blogs/2004/01/27/blogging-my-life-the-css-way-away/</guid>
		<description><![CDATA[As part of goal to improve my networking and reach out to the community, I had a task to start a research-oriented blog. I set up the software all the way back in September, before I suddenly had to return to Canada on a business trip, but since I haven&#8217;t yet returned, I hadn&#8217;t really [...]]]></description>
			<content:encoded><![CDATA[<p>As part of goal to improve my networking and reach out to the community, I had a task to start a research-oriented blog.  I set up the software all the way back in September, before I suddenly had to return to Canada on a business trip, but since I haven&#8217;t yet returned, I hadn&#8217;t really invested much time in my Ph.D. in general or in that task.  I remedied that somewhat today by spending the bulk of the day tweaking the look and feel of the two blogs I have and then adding some back-dated content to this one.</p>
<p><span id="more-46"></span><br />
One of the things I wanted for the two blogs was a unique but similar look, so the two layouts are basically identally.  Even though the layouts look very simple, it took me hours and hours back in September to research the CSS required to lay the pages out in three columns plus a spanning header/footer without using any tables.  The tricky part wasn&#8217;t so much the lack of tables but in getting CSS which would work consistently across the different &#8220;standards-compliant&#8221; browsers and did not employ absolute positioning in order to work.  Judicious use of the float properties in CSS and div elements seem to have it under control, at least for browsers I use.<br />
The floating three-column layout with spanning headers/footers:<br />
#leftcol, #middle, #rightcol {<br />
background-color: transparent;<br />
float: left;<br />
}<br />
#leftcol {<br />
width: 17%;<br />
min-width: 8em;<br />
padding-left: 5px;<br />
padding-right: 5px;<br />
}<br />
#middle {<br />
width: 58%;<br />
padding-left: 5px;<br />
padding-right: 5px;<br />
border-left:1px dotted #999;<br />
border-right:1px dotted #999;<br />
background:#333;<br />
}<br />
#rightcol {<br />
width: 17%;<br />
min-width: 8em;<br />
padding-left: 5px;<br />
padding-right: 5px;<br />
}<br />
#header, #footer {<br />
width: 100%;<br />
padding: 0em;<br />
background:#000;<br />
color:#FFF;<br />
}<br />
#footer {<br />
clear: both;<br />
}<br />
Once that was figured out, organizing the content into logical blocks was easy enough and away we went.    The last major CSS tweaking I did back then was to add automatic tagging of internal versus external links.  External links have solid underlines and, depending on your browser, an animated spinning globe to the left of them inline with the link.  They also turn orange when you run your mouse over them (hover).  Internal links don&#8217;t have any inline graphics, turn green when you hover over them, and use a dashed underline.  The CSS wizardry that does this is part of the <a href="http://www.w3.org/TR/2001/CR-css3-selectors-20011113/" title="CSS3 Selectors">CSS3 Selector Recommendation</a> from the <a href="http://www.w3c.org/" title="The W3C">W3C</a>.    I followed Stuart Langridge&#8217;s write-up at <a href="http://www.kryogenix.org/days/external" title="External Link Icons the CSS Way">http://www.kryogenix.org/days/external</a>.<br />
Today&#8217;s efforts were focused on colour schemes.  <a href="http://einiverse.eingang.org/ein2/">Ein<sup>2</sup></a> has a very pleasing colour scheme of blues and greens, which I very much like.  For the research blog here, I wanted something a little more serious. The original page started off mostly in greys with a little bit of light blue thrown in.  It was very monochromatic and serious, but not very inspiring.  Fellow <a href="http://brainstorms.rheingold.com/l">Brainstormer</a> Jim Lai dug out his colour theory books and we set to work with a will and ended up with an analogous colour scheme to <a href="/ein2/">Ein<sup>2</sup></a> but a little more formal in presentation.  While I don&#8217;t like it as much as the other, it will do for the moment.<br />
I&#8217;ve also added some text about my recent talks and writings.  I&#8217;m hoping to start using <a href="http://www.eastgate.com/Tinderbox/">Tinderbox</a> to manage production of information about papers or talks I&#8217;ve developed and papers/books I&#8217;m reading which can be automatically updated and then included in this blog.  That&#8217;s a task, however, that will have to wait for another day as will a description of Tinderbox and trying to validate included stylesheets in external stylesheets that use CSS3.</p>
<p><a class="a2a_button_twitter" href="http://www.addtoany.com/add_to/twitter?linkurl=http%3A%2F%2Feiniverse.eingang.org%2F2004%2F01%2F27%2Fblogging-my-life-the-css-way-away%2F&amp;linkname=Blogging%20My%20Life%20the%20CSS%20Way%20Away" title="Twitter" rel="nofollow" target="_blank"><img src="http://einiverse.eingang.org/wp-content/plugins/add-to-any/icons/twitter.png" width="16" height="16" alt="Twitter"/></a><a class="a2a_button_google_plus" href="http://www.addtoany.com/add_to/google_plus?linkurl=http%3A%2F%2Feiniverse.eingang.org%2F2004%2F01%2F27%2Fblogging-my-life-the-css-way-away%2F&amp;linkname=Blogging%20My%20Life%20the%20CSS%20Way%20Away" title="Google+" rel="nofollow" target="_blank"><img src="http://einiverse.eingang.org/wp-content/plugins/add-to-any/icons/google_plus.png" width="16" height="16" alt="Google+"/></a><a class="a2a_button_evernote" href="http://www.addtoany.com/add_to/evernote?linkurl=http%3A%2F%2Feiniverse.eingang.org%2F2004%2F01%2F27%2Fblogging-my-life-the-css-way-away%2F&amp;linkname=Blogging%20My%20Life%20the%20CSS%20Way%20Away" title="Evernote" rel="nofollow" target="_blank"><img src="http://einiverse.eingang.org/wp-content/plugins/add-to-any/icons/evernote.png" width="16" height="16" alt="Evernote"/></a><a class="a2a_button_diigo" href="http://www.addtoany.com/add_to/diigo?linkurl=http%3A%2F%2Feiniverse.eingang.org%2F2004%2F01%2F27%2Fblogging-my-life-the-css-way-away%2F&amp;linkname=Blogging%20My%20Life%20the%20CSS%20Way%20Away" title="Diigo" rel="nofollow" target="_blank"><img src="http://einiverse.eingang.org/wp-content/plugins/add-to-any/icons/diigo.png" width="16" height="16" alt="Diigo"/></a><a class="a2a_button_google_plusone addtoany_special_service" data-href="http://einiverse.eingang.org/2004/01/27/blogging-my-life-the-css-way-away/"></a><a class="a2a_dd a2a_target addtoany_share_save" href="http://www.addtoany.com/share_save#url=http%3A%2F%2Feiniverse.eingang.org%2F2004%2F01%2F27%2Fblogging-my-life-the-css-way-away%2F&amp;title=Blogging%20My%20Life%20the%20CSS%20Way%20Away" id="wpa2a_2">Share/Save</a></p>
]]></content:encoded>
			<wfw:commentRss>http://einiverse.eingang.org/2004/01/27/blogging-my-life-the-css-way-away/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
