<?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>Letters from the Equator &#187; cognition</title>
	<atom:link href="http://boonyew.com/blog/category/cognition/feed/" rel="self" type="application/rss+xml" />
	<link>http://boonyew.com/blog</link>
	<description>Maybe.</description>
	<lastBuildDate>Thu, 05 Jan 2012 21:47:01 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Why we use images on the Internet</title>
		<link>http://feedproxy.google.com/~r/boon/interaction/~3/wBy2dHv67Co/</link>
		<comments>http://feedproxy.google.com/~r/boon/interaction/~3/wBy2dHv67Co/#comments</comments>
		<pubDate>Thu, 28 Oct 2010 09:05:31 +0000</pubDate>
		<dc:creator>boon</dc:creator>
				<category><![CDATA[cognition]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[usability]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://boonyew.com/interaction/?p=404</guid>
		<description><![CDATA[I gave a presentation a few weeks ago at the NordiCHI 2010 research conference, based on some workI did about a year ago about how people use images on the internet. It was a diary study involving nine participants and I sought out to understand the motivations behind their image use activities. Most of the [...]]]></description>
			<content:encoded><![CDATA[<p>I gave a presentation a few weeks ago at the NordiCHI 2010 research conference, based on some workI did about a year ago about how people use images on the internet. It was a diary study involving nine participants and I sought out to understand the motivations behind their image use activities.</p>
<p>Most of the research that&#8217;s been done around images is centered around the technology itself, rather than the behavior. Alas, there&#8217;s not much we know about why images are important to people apart from what we can already assume.</p>
<p>The study wasn&#8217;t meant to be exhaustive, but it does provide a framework for understanding why we use images on the Internet. Essentially, it comes down to the four categories below:</p>
<ul>
<li>Learning/Research</li>
<li>Being Objects of Communication</li>
<li>Connecting with Remote Experiences</li>
<li>Supporting Other Goals</li>
</ul>
<p>These four categories explain at a very high level why images are important to people, but this alone is not enough. Let&#8217;s take a deeper look:</p>
<h4>Learning and Research</h4>
<p><a href="http://boonyew.com/interaction/wp-content/uploads/2010/10/Picture-1.png"><img title="Stuff we love to look at" src="http://boonyew.com/interaction/wp-content/uploads/2010/10/Picture-1.png" alt="" width="473" height="384" /></a></p>
<p>Images are highly valued for their visual qualities. Without words, you can gain so many insights just by looking at something. However, in my study, I noticed four very clear patterns of image use related to learning/research. And they were all driven by slightly different motivations:</p>
<p><strong>Supporting an interest or hobby</strong>: Sometimes images are the best medium to showcase the things that we love so much, from sports to books to photos of interesting pigs.</p>
<p><strong>To satisfy curiousity: </strong>Some users did just that &#8211; search for photos because they wanted to know what something <em>looked</em> like (what does pelt look like?).</p>
<p><strong>For discovery of new facts:</strong> This is when we learn new things just by seeing them and making sense out of the visual information (e.g. learning that there are two types of meat mincers from product photos on Amazon).</p>
<p><strong>For ideas:</strong> And this is when we want to get inspired by looking at things in lots of different ways (one participant spent 2 hours looking at birthday cakes on Flickr just to get ideas).</p>
<h4>Objects of Communication</h4>
<p>Images are not just used for learning. They are artifacts in and of themselves, and are used in many ways to support social interaction. In the study, participants not only used <strong>images as ways to communicate</strong> (e.g. smileys, showing a photo of something without using the words), but they were also <strong>used for social activities</strong>, like games (e.g. name-this-person).</p>
<p>We&#8217;re extremely natural at collaborating with each other using visual things, as opposed to just words alone. Images weren&#8217;t just used as talking pieces &#8211; sometimes, they were the message themselves! It was quite funny to see how people loved to use photos to replace words.</p>
<p>Maybe that&#8217;s why LOLcats is funny &#8211; it&#8217;s like having an invisible 3rd person giving an odd punchline.</p>
<p><a href="http://boonyew.com/interaction/wp-content/uploads/2010/10/sandwich.jpg"><img class="size-medium wp-image-406 alignnone" title="sandwich" src="http://boonyew.com/interaction/wp-content/uploads/2010/10/sandwich-300x199.jpg" alt="" width="300" height="199" /></a></p>
<h4>Connecting to Remote Experiences</h4>
<p>Our brains are hardwired to visual and auditory stimuli, so sometimes images (especially really large, high-resolution photos) act as windows to places and experiences we want to connect to -  our memories and our imaginations.<strong> </strong>The study showed how large photos were used to connect people to <strong>physical locations</strong>, <strong>past experiences</strong>, to <strong>connecting with friends and family, </strong>and even with<strong> personalities </strong>(e.g. celebrities &#8211; Michael Jackson died in about the same time the study was carried out).<strong><br />
</strong></p>
<h4>Supporting other Goals</h4>
<p><a href="http://boonyew.com/interaction/wp-content/uploads/2010/10/Picture-2.png"><img title="Finding the right DVD is better with images" src="http://boonyew.com/interaction/wp-content/uploads/2010/10/Picture-2-300x261.png" alt="" width="300" height="261" /></a></p>
<p>One of the most insightful things I&#8217;ve learnt is how people use images as sort of a swiss-army knife of the web. It&#8217;s used as a replacement for text, for getting past poor text search results, for sorting out navigation in a geographical space.</p>
<p><strong>Alternative Answers:</strong> Images can be used to get around the limitations of text, language, and meaning. One participant was searching for an authentic Mexican dish, but Google search is awash with American renditions of the dish, which of course, wasn&#8217;t authentic. Google Images to the rescue &#8211; she found the recipe she wanted instantly because she knew what she was looking for.</p>
<p><strong>Indexes: </strong>Have you ever tried searching for a music album that was a Japanese  import, that was only distinguishable by the way the album cover looked?  Some search results don&#8217;t reveal those things, and sometimes you just  want the exact one you saw in the store. Thankfully, most e-commerce sites feature a screenshot of the product, and users do rely on that for efficiency and accuracy.</p>
<p><strong>Maps and more: </strong>Sometimes, maps aren&#8217;t enough. Users are smart enough to look for visual cues like landmarks, photos of store entrances, the location of potential parking spaces (StreetView), and so on. Sometimes, if an image doesn&#8217;t provide enough information, look for another image.</p>
<h4>More than meets the eye</h4>
<p>I think we&#8217;ve only just begun to understand that behavior, while complex and sometimes idiosyncratic, doesn&#8217;t just happen without a reason. The purpose of this study isn&#8217;t about predicting behavior &#8211; it&#8217;s about understanding why something might be likely to happen, so that we can make the right design decisions to anticipate for those behaviors if they do happen.</p>
<p>It&#8217;s also about testing our own assumptions about how people use images on the Internet. The model presented here is only a starting point. I believe that as interactions become more complex and multi-modal, this may well change and evolve over time.</p>
<p>Note: here are the <a title="My Image Presentation" href="http://www.slideshare.net/jaremfan/boon-nordichi-fpresentationv52">slides for the presentation</a> I gave at NordiCHI 2010.</p>
<img src="http://feeds.feedburner.com/~r/boon/interaction/~4/wBy2dHv67Co" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://gluethink.com/2010/10/28/why-we-use-images-on-the-internet/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Review: Visual Thinking for Design by Colin Ware</title>
		<link>http://feedproxy.google.com/~r/boon/interaction/~3/a8jwkIltToY/</link>
		<comments>http://feedproxy.google.com/~r/boon/interaction/~3/a8jwkIltToY/#comments</comments>
		<pubDate>Fri, 04 Sep 2009 22:20:06 +0000</pubDate>
		<dc:creator>boon</dc:creator>
				<category><![CDATA[books]]></category>
		<category><![CDATA[cognition]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[user experience]]></category>

		<guid isPermaLink="false">http://boonyew.com/interaction/?p=293</guid>
		<description><![CDATA[
Visual Thinking for Design (Morgan Kaufmann Series in Interactive Technologies)
I was one of the lucky winners of this book from Morgan Kaufmann after I donated some money to the IxDA fundraising initiative. After turning in my MSc Project dissertation, I finally had some time to catch a breath. You&#8217;d think that reading a book on [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.amazon.co.uk/gp/product/0123708966?ie=UTF8&amp;tag=interactions-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0123708966"><img class="alignnone" title="Visual Thinking for Design by Colin Ware (Morgan Kaufmann)" src="https://images-na.ssl-images-amazon.com/images/I/51x8zqgLqBL._SL160_.jpg" alt="" width="128" height="160" /></a></p>
<p><a href="http://www.amazon.co.uk/gp/product/0123708966?ie=UTF8&amp;tag=interactions-21&amp;linkCode=as2&amp;camp=1634&amp;creative=6738&amp;creativeASIN=0123708966">Visual Thinking for Design (Morgan Kaufmann Series in Interactive Technologies)</a><img style="border:none !important; margin:0px !important;" src="http://www.assoc-amazon.co.uk/e/ir?t=interactions-21&amp;l=as2&amp;o=2&amp;a=0123708966" border="0" alt="" width="1" height="1" /></p>
<p>I was one of the lucky winners of this book from Morgan Kaufmann after I donated some money to the <a href="http://www.ixda.org/blog/2009/06/giveback/">IxDA fundraising initiative</a>. After turning in my MSc Project dissertation, I finally had some time to catch a breath. You&#8217;d think that reading a book on Visual Thinking would be the last thing on my mind after losing weeks of sleep to writing&#8230; I&#8217;m surprised myself.</p>
<p>Anyway, at a glance, this book is about understanding how we as humans interpret and interact with objects and environments visually. It&#8217;s written mostly from a psychologist&#8217;s perspective, and provides useful references to the theory and science of visual perception, cognition, attention, etc.</p>
<p>Colin starts off talking about how the eye and brain processes and perceives visual stimuli, and each chapter concludes with a set of design recommendations. He gradually works upwards the abstraction layer, dealing with topics like color and shapes, the relationship between visual and verbal processing, the process of &#8220;seeing&#8221; or &#8220;thinking&#8221; by sketching, leading up towards how we perceive meaning in a visual world.</p>
<p>I felt that I understood the subject matter a little better because I learned about cognitive science during the HCI course, so readers who are new to psychology may initially find it slightly alienating. I also feel that designers who are looking for design ideas may not find this book as an inspirational resource. I see this as reference material &#8211; something you pull out to make sure you&#8217;re doing things right, like getting more substantial evidence to support design ideas in problem solving.</p>
<p>It&#8217;s also a fairly easy book to read. Despite references to psychology terms like V1, V2 and top-down/bottom-up, the author succeeds in explaining things in simple language, and provides good examples of how the science of visual perception is linked to visual design.</p>
<p>The best parts of the book lie towards the end, and I think that the early chapters act as building blocks that support the overall perspective summarized in the last few chapters. The gist of it is that our mind, eye and body works together to look for patterns in the world, and that understanding how this takes place can aid designers in helping users to make sense of things more clearly and easily.</p>
<p>The implications on p. 172 are a key takeaway:</p>
<blockquote>
<ol>
<li>to support the pattern-finding capability of the brain; that is, to turn information structures into patterns</li>
<li>to optimize the cognitive process as a nested set of activities</li>
<li>to take the economics of cognition into account, considering the cost of learning new tools and ways of seeing</li>
<li>to think about attention at many levels and design for the cognitive thread.</li>
</ol>
</blockquote>
<p>(The word &#8216;cognition&#8217; refers to the &#8220;process of thought&#8221;, i.e. thinking.)</p>
<p>In summary, this book is worth an investment. It&#8217;s one of those resources I will occasionally refer to for clear, evidence-based recommendations for visual design.</p>
<img src="http://feeds.feedburner.com/~r/boon/interaction/~4/a8jwkIltToY" height="1" width="1"/>]]></content:encoded>
			<wfw:commentRss>http://boonyew.com/interaction/2009/09/04/reviewvisual-thinking-for-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

