<?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>Lecture Ergonomical Design @ UTwente</title>
	<atom:link href="http://ergonomicaldesign.wordpress.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://ergonomicaldesign.wordpress.com</link>
	<description></description>
	<lastBuildDate>Mon, 22 Feb 2010 14:56:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.com/</generator>
<cloud domain='ergonomicaldesign.wordpress.com' port='80' path='/?rsscloud=notify' registerProcedure='' protocol='http-post' />
<image>
		<url>http://s2.wp.com/i/buttonw-com.png</url>
		<title>Lecture Ergonomical Design @ UTwente</title>
		<link>http://ergonomicaldesign.wordpress.com</link>
	</image>
	<atom:link rel="search" type="application/opensearchdescription+xml" href="http://ergonomicaldesign.wordpress.com/osd.xml" title="Lecture Ergonomical Design @ UTwente" />
	<atom:link rel='hub' href='http://ergonomicaldesign.wordpress.com/?pushpress=hub'/>
		<item>
		<title>Don&#8217;t get fooled by Architects</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/22/dont-get-fooled-by-architects/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/22/dont-get-fooled-by-architects/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 14:48:17 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[engineering]]></category>
		<category><![CDATA[Usability]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/22/dont-get-fooled-by-architects/</guid>
		<description><![CDATA[Managing complexity Working as an HCI specialist in a development team is working in a different culture having it&#8217;s own history, language, beliefs, powers and so on. Modern software systems are the most complex artefacts mankind is able to build. Accordingly, dealing with complexity has ever been a major issue in Software Engineering. A central [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=44&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p> 	<!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		H1 { margin-bottom: 0.21cm } 		H1.western { font-family: "Frutiger"; font-size: 16pt } 		H1.cjk { font-family: "DejaVu Sans"; font-size: 16pt } 		H1.ctl { font-family: "Tahoma"; font-size: 16pt } 		H2 { margin-bottom: 0.21cm } 		H2.western { font-family: "Frutiger"; font-size: 14pt; font-style: italic } 		H2.cjk { font-size: 14pt; font-style: italic } 		H2.ctl { font-size: 14pt; font-style: italic } 		A:link { so-language: zxx } 	--><br />
<h1 class="western">Managing complexity</h1>
<p style="margin-bottom:0;">Working as an HCI specialist in a development team is working in a different culture having it&#8217;s own history, language, beliefs, powers and so on. Modern software systems are the most complex artefacts mankind is able to build. Accordingly, dealing with complexity has ever been a major issue in Software Engineering.</p>
<p style="margin-bottom:0;">A central idea in software development is modularization, in general: How can we divide the total project into pieces that are manageable by small teams, but can be easily integrated again later on. This basically is what software engineers mean when they talk about <i>architecture</i><span style="font-style:normal;">: dividing the system into components.</span></p>
<p style="margin-bottom:0;"><span style="font-style:normal;">For independent development it is required that the components are </span><i>loosely coupled</i><span style="font-style:normal;">, this means: Changing the internals of  one component does not affect the development of any other component. </span> </p>
<h1 class="western" style="font-style:normal;">Three-tier architecture</h1>
<p style="margin-bottom:0;"><span style="font-style:normal;">A famous example of such an architecture is the </span><a href="http://en.wikipedia.org/wiki/Multitier_architecture"><i>three-tier</i></a><span style="font-style:normal;"><a href="http://en.wikipedia.org/wiki/Multitier_architecture"> architecture</a>. It divides the system into the following components:</span></p>
<ol>
<li>
<p style="margin-bottom:0;"><i>Data layer:</i><span style="font-style:normal;"> 	Responsible for proper delivery and storage of data</span></p>
</li>
<li>
<p style="margin-bottom:0;"><i>Application layer:</i><span style="font-style:normal;"> 	Here resides the functional part of the system. Real world processes 	are represented by software functions.</span></p>
</li>
<li>
<p style="margin-bottom:0;"><i>Presentation layer:</i><span style="font-style:normal;"> 	This is where functions and data objects are finally presented to 	the user. </span> 	</p>
</li>
</ol>
<p style="margin-bottom:0;font-style:normal;">Such an architecture makes it much easier to handle complexity. It also adds a great deal of flexibility. For example, new user devices can be supported by replacing the current presentation layer with a different one, which may for example make the application accessible on smartphones. Also, the data layer can support different applications. For example, a webshop may (and typically does) use the same data layer for handling the incoming orders and for managing the warehouse.</p>
<h1 class="western" style="font-style:normal;">Architecture and usability</h1>
<p style="font-style:normal;">You may ask: If architectures are so marvellous, why shouldn&#8217;t we get fooled? Here it goes: Remember the quote:</p>
<p>“<i>The product is nearly finished, except for the usability” <br />– </i><span style="font-style:normal;">anonymous developer </span> </p>
<p><span style="font-style:normal;">In user-centered design it is common sense to do usability first, for example: </span><i>Know your users, know their tasks. </i><span style="font-style:normal;">But, if the presentation layer can be developed independent of the other components, why not doing usability last?</span></p>
<p><span style="font-style:normal;">The answer is: Independent development, i.e. coding, does <i>not</i> mean that the components are independent wrt. </span><i>requirements.</i><span style="font-style:normal;"> The presentation layer can only display, what is supported by the application layer and the data layer. One may be able to quickly change colors, fonts, type of charts or even the device on which data is represented, but, if a data object is not available in the lower layer, there&#8217;s no way to display it.</span></p>
<p><span style="font-style:normal;">Not so obvious: Several functions that are demanded by <a href="http://www.useit.com/papers/heuristic/heuristic_list.html">well-known usability guidelines</a> need serious implementation on the two lower layers. Just to name a three:</span></p>
<h2 class="western" style="font-style:normal;">Speak the user&#8217;s language</h2>
<p><span style="font-style:normal;">Imagine you have a nicely designed, successful website and want to make it available in a second language. This requires every data object to be held in more than one language instance. If this hasn&#8217;t been foreseen in the data model, you&#8217;ll have a hard time.</span></p>
<h2 class="western" style="font-style:normal;">User control and freedom – Undo</h2>
<p style="font-style:normal;">Enabling the user to make every action undone is sth. we would ever demand for virtually any application. It helps so much, to safely explore the system and to recover from errors. But, an Undo function imposes serious requirements on the application and data layers: The application layer has to keep a record of every action the user has done and also has to “know” the reverse of each action.The data layer has to make sure that any “historical” state of the data is kept in order to recover it.</p>
<h2 class="western" style="font-style:normal;">User control and freedom – Cancel</h2>
<p><span style="font-style:normal;">Setting the user in control also means to be able to cancel any long-running process at any time. Here, application and data layer together have to make sure that every incomplete (i.e. cancelled) action leaves the system in a well-defined state. This is often referred to as a </span><i>rollback</i><span style="font-style:normal;">, and it is far from trivial.</span></p>
<h1 class="western" style="font-style:normal;">Conclusion</h1>
<p style="font-style:normal;">Architectures are a wonderful thing and developers usually present them with pride. But, as long as some software developers think of usability as a skin-deep property, the three-tier architecture is harmful. Whenever you hear a software developer say something like:</p>
<p><i>We have a three-tier architecture, we can make the user interface look as we want at any time.</i></p>
<p style="font-style:normal;">Ask him oder her:</p>
<ul>
<li>
<p style="font-style:normal;">Can we make this website 	multilingual, once it has become a success?</p>
</li>
<li>
<p style="font-style:normal;">Do we have an Undo function for 	every filter the user applies to the image?</p>
</li>
<li>
<p style="font-style:normal;">Can the user at any time cancel 	the defragmentation of his hard disk?  	</p>
</li>
</ul>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=db645aa1-03e2-8419-b0b0-7f1047bf02c6" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/engineering/'>engineering</a>, <a href='http://ergonomicaldesign.wordpress.com/category/usability/'>Usability</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/44/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/44/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/44/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=44&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/22/dont-get-fooled-by-architects/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=db645aa1-03e2-8419-b0b0-7f1047bf02c6" medium="image" />
	</item>
		<item>
		<title>Exploration, evaluation and applying theories in HCI</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/22/exploration-evaluation-and-applying-theories-in-hci/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/22/exploration-evaluation-and-applying-theories-in-hci/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 12:01:33 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[Homework]]></category>
		<category><![CDATA[Science]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/22/exploration-evaluation-and-applying-theories-in-hci/</guid>
		<description><![CDATA[The first home work in ED was to find two examples of each: A study exploring an innovative technology Applying a psychological theory Evaluating an artefact or a method I will now summarize the solutions to this homework: Exploring innovative technology Originally it was the idea to find studies that explore how people are using [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=42&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p> 	<!-- 		@page { margin: 2cm } 		P { margin-bottom: 0.21cm } 		H1 { margin-bottom: 0.21cm } 		H1.western { font-family: "Frutiger"; font-size: 16pt } 		H1.cjk { font-family: "DejaVu Sans"; font-size: 16pt } 		H1.ctl { font-family: "Tahoma"; font-size: 16pt } 		A:link { so-language: zxx } 	-->The first home work in ED was to find two examples of each:
<ol>
<li>
<p style="margin-bottom:0;">A study exploring an innovative 	technology</p>
</li>
<li>
<p style="margin-bottom:0;">Applying a psychological theory</p>
</li>
<li>
<p style="margin-bottom:0;">Evaluating an artefact or a method</p>
</li>
</ol>
<p>I will now summarize the solutions to this homework:</p>
<h1 class="western">Exploring innovative technology</h1>
<p>Originally it was the idea to find studies that explore how people are using innovative technology, like it was the case with the Thatcher study on search behaviour. Such studies typically employ relatively open experimental settings and use qualitative data analysis in order to describe the variety of behaviour.</p>
<p>Apparently, most of the suggestions focussed on the term „innovative“. However, a study that proves a new technology to work as expected I would classify as exploratory with respect to feasibility („Can we make this work?“). Comparing two artefacts in terms of performance measures instead is  clearly evaluative. It is also something that is seen critical by at least some researchers in HCI. I remember well the provoking talk of Greenberg and Buxton at CH2008. They claimed that usability evaluation can <i>“be ineffective and even harmful if naively done &#8216;by rule&#8217; rather than &#8216;by thought”, </i><span style="font-style:normal;">in particular if </span><i>“done during early stage design” </i><a href="http://doi.acm.org/10.1145/1357054.1357074"><span style="font-style:normal;">(Greenberg and Buxton, 2008).</span></a></p>
<p>Below I list my three favorite examples for exploration studies from your results:</p>
<ul>
<li>
<p>Bailenson <i>et.al. </i><span style="font-style:normal;">(2007), 	Virtual interpersonal touch expressing and recognizing emotions 	through haptic interfaces, Human-Computer Interaction, 22, 325-353</span></p>
</li>
<li>
<p><span style="font-style:normal;">Gaver </span><i>et.al. 	</i><span style="font-style:normal;">(2007), Electronic Furniture 	for the Curious Home: Assessing Ludic Designs in the Field, IJHCI, 	22(1), 119-152.</span></p>
</li>
<li>
<p style="font-style:normal;">Kuber &amp; Yu (2010), Feasibility 	study of tactile-based authentication. IJHCS 68(3), 158-181  	</p>
</li>
</ul>
<h1 class="western">Applying psychological theories</h1>
<p>Compelling examples of applying genuine psychological theories are comparably rare in the HCI literature. On the other hands these articles often have some kind of profoundness and timelessness compared to the many evaluation studies. Thus, authors taking the challenge of applying a theory most likely will name the theory in the title or at least in the abstract. Some of you only found some psychology-sounding phrases in the abstracts and <i>merely assumed</i> that there must be some kind of theory behind it. Without at least naming this theory, these solutions didn&#8217;t meet the requirements.</p>
<p>My top three examples from your results were:</p>
<ul>
<li>
<p>Shin (2009), The Evaluation of User Experience in the Virtual 	World in Relation to Intrinsic and Extrinsic Emotion. IJHCI, 25(6), 	530-553.</p>
</li>
<li>
<p>Anderson, J. R., Matessa, M., and Lebiere, C. 1997. ACT-R: a 	theory of higher level cognition and its relation to visual 	attention. Hum.-Comput. Interact. 12, 4 (Dec. 1997), 439-462. DOI= 	http://dx.doi.org/10.1207/s15327051hci1204_5  	</p>
</li>
<li>
<p>Xu, S. 2005 Development of Dual-Modal Presentations of 	Textual Information. Doctoral Thesis. UMI Order Number: AAI3202828., 	DePaul University, School of Computer Science, Telecommunications, 	and Information Systems.</p>
</li>
</ul>
<h1 class="western">Evaluation studies</h1>
<p>Evaluation studies are probably the most common type of research. Typically, these studies measure outcomes in a lab situation or even a controlled experiment and argue about the benefit of doing a design this way or the other.</p>
<p>My personal top three were:</p>
<ul>
<li>
<p>Wilson, S., Galliers, J. &amp; Fone, J. (2007). Cognitive 	Artifacts in Support of Medical Shift Handover: An In Use, In Situ 	Evaluation. International Journal of Human-Computer Interaction, 	22(1), 59-80. doi:10.1080/10447310709336955</p>
</li>
<li>
<p>Blandford, A. E.; Hyde, J. K.; Green, T. R. G. &amp; Connell, 	I. Scoping Analytical Usability Evaluation Methods: A Case Study. 	Human-Computer Interaction, 2008, 23, 278 &#8211; 327  	</p>
</li>
<li>
<p>Lee, S. and Zhai, S. 2009. The performance of touch screen 	soft buttons. In <i>Proceedings of the 27th international Conference 	on Human Factors in Computing Systems</i> (Boston, MA, USA, April 04 	- 09, 2009). CHI &#8217;09. ACM, New York, NY, 309-318. DOI= 	http://doi.acm.org/10.1145/1518701.1518750  	</p>
</li>
</ul>
<h1 class="western">A good joke</h1>
<p>There is still sth. to add to my personal list of “honorable mention”: One of you found the <i>silliest evaluation study I ever heard of.</i><span style="font-style:normal;"> Btw., here we see such a vague relation to sth. being “psychological”. I wouldn&#8217;t judge this to be about applying a psychological theory, because no such theory is mentioned in the abstract. Still, a really good joke! Enjoy! </span> </p>
<p style="font-style:normal;">Suzuki, N., Kakehi, K., Takeuchi, Y., and Okada, M. 2004. Social effects of the speed of hummed sounds on human-computer interaction. Int. J. Hum.-Comput. Stud. 60, 4 (Apr. 2004), 455-468. DOI= http://dx.doi.org/10.1016/j.ijhcs.2003.09.007  </p>
<p style="font-style:normal;">Our research focuses on the nature of voice interaction and activation of psychological tendencies in humans by the power of prosody sounds. This study examines whether people&#8217;s impressions and behaviours are affected by variations in the speed of hummed sounds. The sounds consist of just prosodic components similar to continuous humming on the open vowel /a/ or /o/ without any language information. In interaction between individuals as well as among animals, temporal structures including voice speed or duration contribute rhythmic interaction and are closely connected to the participants&#8217; dynamics of mental or emotional states. We think that this phenomenon can be applied to human-computer interaction, even through the variation in temporal structures of hummed sounds used to reduce the influence of content or meaning in language. Our interactive system mimics the prosodic features of the human voice by using humming-only sounds under three different voice speed conditions: (a) faster, (b) normal, and (c) slower than the original speaker. We examine whether the variation in the sound&#8217;s speed gives rise to both psychological and behavioural influences in the relationship between the computer and the subject through interaction. Subjects tend to prefer a computer with a normal or faster speaking rate to that with a slower rate on both usefulness and familiarity. Moreover, the speech rate of the subjects changed inversely to the variation in a computer&#8217;s hummed sounds. This study demonstrates the importance of temporal structure and emphasizes the need for an investigation of the fundamentals at work in interaction.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=1a41618f-fd77-846a-8b2b-e814ab486bab" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/homework/'>Homework</a>, <a href='http://ergonomicaldesign.wordpress.com/category/science/'>Science</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/42/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/42/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/42/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=42&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/22/exploration-evaluation-and-applying-theories-in-hci/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=1a41618f-fd77-846a-8b2b-e814ab486bab" medium="image" />
	</item>
		<item>
		<title>A brief comparson of Hicks Law, Card Sorting and SNIF-ACT</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/15/a-brief-comparson-of-hicks-law-card-sorting-and-snif-act/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/15/a-brief-comparson-of-hicks-law-card-sorting-and-snif-act/#comments</comments>
		<pubDate>Mon, 15 Feb 2010 11:58:27 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[Information Design]]></category>
		<category><![CDATA[Web Usability]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/15/a-brief-comparson-of-hicks-law-card-sorting-and-snif-act/</guid>
		<description><![CDATA[Modern cognitive psychology has a strong focus on information processing capabilities. This was to some extent inspired by the mathematical information theory. One of the earliest works in this spirit is Hick&#8217;s law which predicts the time T one needs to decide for one out of n equally likely options. We may use this to [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=28&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Modern cognitive psychology has a strong focus on information processing capabilities. This was to some extent inspired by the <a href="http://en.wikipedia.org/wiki/Information_theory">mathematical information theory</a>. One of the earliest works in this spirit is Hick&#8217;s law which predicts the time <font face="serif">T</font> one needs to decide for one out of <font face="serif">n</font> <i>equally likely </i>options.</p>
<div align="center"><img style="max-width:800px;" src="http://edatut.files.wordpress.com/2010/02/formula.png?w=300" width="300" /></div>
<p>We may use this to predict the time a user needs to make a choice at each level of a hierarchically organized website. First, lets assume there be only one level with 5 choices. The factor <font face="serif">c</font> is a constant for processing speed, for the following examples we take this to be 1.</p>
<div align="center"><img style="max-width:800px;" src="http://edatut.files.wordpress.com/2010/02/navigation-5.png?w=300" width="300" /></div>
<p>Given that A is the correct choice, the time for decision is 
<div align="center"><big><font face="serif"><i>log2(6)=2.58</i></font></big> </div>
<p>In the second example, there are two levels of navigation, which are not equally balanced (one subtree has 3 entries, the second has 2).</p>
<div align="center"><img style="max-width:800px;" src="http://edatut.files.wordpress.com/2010/02/navigation-2-3-22.png?w=300" width="300" /></div>
<p>In order to reach A, two decisions have to be made and the decision time is 
<div align="center"><big><font face="serif"><i>log2(3)+log2(4)=3.58 </i></font></big></div>
<p>For reaching B the total decision time is 
<div align="center"><big><i><font face="serif">log2(3)+log2(3)=3.17</font></i></big></div>
<p>Thus, we can already make two observations on this small example:
<ol>
<li>Comparing the effort of reaching A in both examples, flat hierarchies (i.e. fewer levels of the hierarchy) are preferable.</li>
<li>Comparing the effort to reach A vs B in the second example, fewer entries in a navigation level make a faster decision, meaning less effort.</li>
</ol>
<p>Decision time is effort and remember that in the card sorting method the distance measure between two topics can be defined as effort &#8211; the length of the path between either two topics. In the example below the distance between A and D is 5. But, according to Hicks law, effort for reaching A and D is not the same. Instead we get:
<div align="center"><big><i><font face="serif">T(A) = log2(4)+log2(3)+log2(4) = 5.58</font></i></big><br /><big><i><font face="serif">T(D) = log2(4)+log2(5) = 4.32</font></i></big></div>
<p>However, in total it does not make a difference whether a user wants to reach A but mistakenly arrives at D, or the other way round. He or she has to take both paths anyways.
<div align="center"><img style="max-width:800px;" src="http://ergonomicaldesign.files.wordpress.com/2010/02/example-nested.png?w=300" width="300" />
<div align="left">In contrast, the distance measure of length of paths is questionable when comparing C and D. The distance from A to D and A to C are equal in terms of path length (5). But, according to Hick&#8217;s law, the effort for reaching C is lower than for reaching A, because on the second level there are four choices in the group containing D, but only 3 for C. This is neglected in the distance matrix of card sorting.</p>
<p>The third tool in our inventory for analyzing navigation structures is the SNIF-ACT model that is based on latent semantic analysis (LSA) and information scent theory. This model differs from Hick&#8217;s law in that it does not take the options to be of equal probability. Instead it predicts the salience of a term based on the semantic distance to the users goal.</p>
</div>
</div>
<p>An interesting obervation is that all three models are based on different measures:
<ul>
<li>Hicks law: number of choices</li>
<li>Card Sorting: length of path</li>
<li>SNIF-ACT: semantic distance</li>
</ul>
<p>But, as far as I see, they would all favor flat hierarchies, which is in contrast to the common practice in web design.</p>
<p>To wrap it up, there are two interesting research questions:
<ol>
<li>By combining the three approaches, can we increase the predictive power of how users travel the web and better advice of what makes an optimal design? For example, should we account for the number of choicesin the distance matrix of a card sorting study? </li>
<li>Is a flat hierarchy (e.g. a site map) truly superior. Most radically this means to abandon any hierarchical structures and present a list of all topics to the user. Intuitively this does not make sense, but why?</li>
</ol>
<p>Anybody?!</p>
<p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=3f42a90d-fd93-8cfe-bc25-8523367c316d" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/information-design/'>Information Design</a>, <a href='http://ergonomicaldesign.wordpress.com/category/web-usability/'>Web Usability</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/28/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/28/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/28/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=28&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/15/a-brief-comparson-of-hicks-law-card-sorting-and-snif-act/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://edatut.files.wordpress.com/2010/02/formula.png" medium="image" />

		<media:content url="http://edatut.files.wordpress.com/2010/02/navigation-5.png" medium="image" />

		<media:content url="http://edatut.files.wordpress.com/2010/02/navigation-2-3-22.png" medium="image" />

		<media:content url="http://ergonomicaldesign.files.wordpress.com/2010/02/example-nested.png" medium="image" />

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=3f42a90d-fd93-8cfe-bc25-8523367c316d" medium="image" />
	</item>
		<item>
		<title>Don&#8217;t even look like an Ad!</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/09/dont-even-look-like-an-ad/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/09/dont-even-look-like-an-ad/#comments</comments>
		<pubDate>Tue, 09 Feb 2010 22:19:28 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[Web Usability]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/09/dont-even-look-like-an-ad/</guid>
		<description><![CDATA[As we have learned in the introduction lecture, ad banners are ignored but still induce costs. Performance decreases in presence of ad banners. As Jakob Nielsen found, there is another drawback: Users also ignore elements on a website that are relevant, but look like ads. (Relevance for the user, not the marketing department). Find the [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=15&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>As we have learned in the introduction lecture, ad banners are ignored but still induce costs. Performance decreases in presence of ad banners. As Jakob Nielsen found, there is another drawback: Users also ignore elements on a website that are <b>relevant, but look like ads</b>. (Relevance for the user, not the marketing department). Find <a href="http://www.useit.com/alertbox/fancy-formatting.html">the article on Nielsens bimonthly column Alertbox</a>.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=1fcdd7d7-b48d-84c7-aade-087a440e4244" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/web-usability/'>Web Usability</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/15/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/15/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/15/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=15&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/09/dont-even-look-like-an-ad/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=1fcdd7d7-b48d-84c7-aade-087a440e4244" medium="image" />
	</item>
		<item>
		<title>The role of Applied Science</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2-2/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2-2/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 17:36:37 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[Science]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2-2/</guid>
		<description><![CDATA[The first lecture made a big deal about how fundamental and engineering science are related. The suggestion was that applied science acts as a mediator, in that it helps to understand the problems guides solutions One of the students suggested that applied science also is responsible for transferring empirical methods (e.g. for measurement) from fundamental [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=9&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>The first lecture made a big deal about how fundamental and engineering science are related. The suggestion was that applied science acts as a mediator, in that it 
<ol>
<li>helps to understand the problems</li>
<li>guides solutions</li>
</ol>
<p>One of the students suggested that <b>applied science also is responsible for transferring empirical methods (e.g. for measurement) from fundamental to engineering</b>. This is absolutely the case. Consider eye tracking: First used to study human visual attention, today it is found in many usability labs. Below find an updated diagram.</p>
<p><img style="max-width:800px;" src="http://ergonomicaldesign.files.wordpress.com/2010/02/fae.png?w=454&#038;h=387" height="387" width="454" /></p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=927c04ec-997d-8789-8736-1cd404136127" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/science/'>Science</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/9/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/9/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/9/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=9&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2-2/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://ergonomicaldesign.files.wordpress.com/2010/02/fae.png" medium="image" />

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=927c04ec-997d-8789-8736-1cd404136127" medium="image" />
	</item>
		<item>
		<title>Welcome!</title>
		<link>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2/</link>
		<comments>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2/#comments</comments>
		<pubDate>Sun, 07 Feb 2010 16:54:29 +0000</pubDate>
		<dc:creator>mschmettow</dc:creator>
				<category><![CDATA[ED2010]]></category>
		<category><![CDATA[Science]]></category>

		<guid isPermaLink="false">http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2/</guid>
		<description><![CDATA[Welcome to the Lecture &#8220;Ergonomical Design&#8221; (third quarter 2010) at the Universiteit Twente. During the first lecture I was already impressed by your valuable comments. In this Blog I will reflect upon the things I learnt from you. Furtheron this is the place, where I will summarize results from your homeworks tell you about further [...]<img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=6&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></description>
			<content:encoded><![CDATA[<p>Welcome to the Lecture &#8220;Ergonomical Design&#8221; (third quarter 2010) at the Universiteit Twente. During the first lecture I was already impressed by your valuable comments. In this Blog I will reflect upon the things <i>I learnt from you</i>.</p>
<p>Furtheron this is the place, where I will 
<ul>
<li>summarize results from your homeworks</li>
<li>tell you about further ressources you might find interesting</li>
<li>Answer questions you post here</li>
</ul>
<p>Feel free to visit this blog and leave your comments or questions regarding the lecture! Remind, that this is a very public place, so please respect netiquette. Also, I strongly recommend that you maintain your and your collegues anonymity.</p>
<div class="zemanta-pixie"><img class="zemanta-pixie-img" alt="" src="http://img.zemanta.com/pixy.gif?x-id=66de9cb7-8949-87e2-8ad8-91d38d44ae44" /></div>
<br />Filed under: <a href='http://ergonomicaldesign.wordpress.com/category/ed2010/'>ED2010</a>, <a href='http://ergonomicaldesign.wordpress.com/category/science/'>Science</a>  <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gocomments/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/comments/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godelicious/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/delicious/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gofacebook/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/facebook/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gotwitter/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/twitter/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/gostumble/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/stumble/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/godigg/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/digg/ergonomicaldesign.wordpress.com/6/" /></a> <a rel="nofollow" href="http://feeds.wordpress.com/1.0/goreddit/ergonomicaldesign.wordpress.com/6/"><img alt="" border="0" src="http://feeds.wordpress.com/1.0/reddit/ergonomicaldesign.wordpress.com/6/" /></a> <img alt="" border="0" src="http://stats.wordpress.com/b.gif?host=ergonomicaldesign.wordpress.com&amp;blog=11862026&amp;post=6&amp;subd=ergonomicaldesign&amp;ref=&amp;feed=1" width="1" height="1" />]]></content:encoded>
			<wfw:commentRss>http://ergonomicaldesign.wordpress.com/2010/02/07/welcome-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
	
		<media:content url="http://0.gravatar.com/avatar/ad7ddeac6583074019fd1e12a8a1c7e8?s=96&#38;d=identicon&#38;r=G" medium="image">
			<media:title type="html">mschmettow</media:title>
		</media:content>

		<media:content url="http://img.zemanta.com/pixy.gif?x-id=66de9cb7-8949-87e2-8ad8-91d38d44ae44" medium="image" />
	</item>
	</channel>
</rss>
