<?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>Anna K. Jonsson &#187; HCI</title>
	<atom:link href="http://annakjonsson.com/category/hci/feed/" rel="self" type="application/rss+xml" />
	<link>http://annakjonsson.com</link>
	<description>UX Designer and Daydreamer</description>
	<lastBuildDate>Mon, 09 Jan 2012 18:49:22 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Uncanny Valley and UX Design</title>
		<link>http://annakjonsson.com/2011/10/27/uncanny-valley-and-ux-design/</link>
		<comments>http://annakjonsson.com/2011/10/27/uncanny-valley-and-ux-design/#comments</comments>
		<pubDate>Fri, 28 Oct 2011 01:36:40 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=810</guid>
		<description><![CDATA[Or, how to keep from creating a creepy experience for your audience
I came across the phrase &#8220;Uncanny Valley&#8221; for the first time at South by &#8230;]]></description>
			<content:encoded><![CDATA[<p><strong>Or, how to keep from creating a creepy experience for your audience</strong></p>
<p>I came across the phrase &#8220;Uncanny Valley&#8221; for the first time at South by Southwest last year. It came up in reference to the creepy not-realism of the then-recent Disney production &#8220;<a href="http://disney.go.com/disneypictures/marsneedsmoms/">Mars Needs Moms</a>.&#8221;</p>
<p>And to get up to speed on what that means, the phrase comes from robotics:</p>
<blockquote><p>things that look somewhat human, but are clearly not — such as C-3PO (in <em><a title="http://tvtropes.org/pmwiki/pmwiki.php/Main/StarWars" href="http://tvtropes.org/pmwiki/pmwiki.php/Main/StarWars">Star Wars</a></em>) or a <a title="http://tvtropes.org/pmwiki/pmwiki.php/Main/Golem" href="http://tvtropes.org/pmwiki/pmwiki.php/Main/Golem">Golem</a> — produce an accepting reaction, while things that are very nearly human, but just a little strange — such as a <a title="http://tvtropes.org/pmwiki/pmwiki.php/Main/CreepyDoll" href="http://tvtropes.org/pmwiki/pmwiki.php/Main/CreepyDoll">child&#8217;s doll</a>, a<a title="http://tvtropes.org/pmwiki/pmwiki.php/Main/DemonicDummy" href="http://tvtropes.org/pmwiki/pmwiki.php/Main/DemonicDummy">ventriloquist&#8217;s dummy</a>, or <a title="http://tvtropes.org/pmwiki/pmwiki.php/Main/MonsterClown" href="http://tvtropes.org/pmwiki/pmwiki.php/Main/MonsterClown">a clown</a> — produce a negative response.</p></blockquote>
<p>- <a href="http://tvtropes.org/pmwiki/pmwiki.php/Main/UncannyValley">TV Tropes &amp; Idioms</a></p>
<p>So that&#8217;s uncanny valley. If you plotted this on an X and Y access, X for how human normal-like and Y for how cool you are with that, the valley refers to that acceptance drop&#8211; in other words, how creeped out you are by things that look like humans but are not.</p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2011/10/UncannyValleyChart.jpg"><img class="alignnone size-medium wp-image-813" title="UncannyValleyChart" src="http://annakjonsson.com/wp-content/uploads/2011/10/UncannyValleyChart-300x221.jpg" alt="" width="300" height="221" /></a></p>
<p>In comics, we understand that the greater the detail of the image, the harder it is to relate to personally. Scott McCloud talks about that in <a href="http://www.amazon.com/Understanding-Comics-Invisible-Scott-Mccloud/dp/006097625X">Understanding Comics</a> (still one of my favorites):</p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2011/10/mccloud-closure.png"><img class="alignnone size-medium wp-image-818" title="mccloud-closure" src="http://annakjonsson.com/wp-content/uploads/2011/10/mccloud-closure-300x191.png" alt="" width="300" height="191" /></a></p>
<p>Uncanny valley specifically refers to visual feedback, but I think it goes further, and that it implies to a repulsion for technology that we designers can run the risk of touching on by building in too many personal details.</p>
<p>There&#8217;s something icky about systems that don&#8217;t appreciate that they have waaaay more than enough personal data about you and me at their disposal. Still, I sometimes get wrapped up in what it&#8217;d be cool to do, forgetting that I have an above-average understanding and expectation of technology and what it can know about us and what it can do with that information. So I run the risk of making a Chuck E. Cheese experience (if you had a birthday party as a child in North America during the 80s or 90s, you know what I mean. I swear; I still have nightmares) when what I was going for was Wall-E.</p>
<p><object width="800" height="600">
<param name="movie" value="http://www.youtube.com/v/o5qfXHtkIWM?version=3&#038;feature=oembed"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/o5qfXHtkIWM?version=3&#038;feature=oembed" type="application/x-shockwave-flash" width="800" height="600" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><object width="800" height="450">
<param name="movie" value="http://www.youtube.com/v/eCwCLKOsYLM?version=3&#038;feature=oembed"></param>
<param name="allowFullScreen" value="true"></param>
<param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/eCwCLKOsYLM?version=3&#038;feature=oembed" type="application/x-shockwave-flash" width="800" height="450" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p><strong>Recommend, don&#8217;t infer</strong></p>
<p>When I first discovered Pandora and the Music Genome Project, I was super excited. I was so excited, in fact, that I was inspired to go back to school and learn about what interaction design was and how I could do it too. Recommender systems are great! I am still amazed by the magic of watching a smart system get smarter and get quickly to the heart of your taste preferences with more precision than an old friend.</p>
<p>There&#8217;s something lost in that, though. Recommender systems are pretty arrogant, and they&#8217;re wrong almost as often as they&#8217;re right. We&#8217;ve learned to ignore the static that&#8217;s an Amazon book or music recommendation for something we&#8217;ve already purchased somewhere else.</p>
<p><strong>Respect for boundaries</strong></p>
<p>Everybody has a different threshold for how much technology belongs in their lives. When we create without a healthy respect for those boundaries, we create uncanny interfaces. When I put on my researcher hat, I want to know more about the themes in those boundaries. For me, location based services frequently toe the line of freaky, even though I should be well used to them now. I imagine the boundaries vary and change by culture.</p>
<p>As promoters of technology, we should be aware of those boundaries, and respect them. Unfortunately, the ability to construct and deploy complex systems comes with a lot of power. Respect for boundaries is not frequently enough at the heart of business decisions.</p>
<p><strong>When accessorizing&#8230;</strong></p>
<p>It&#8217;s one of my mental go-to quotes that I picked up somewhere from an unlikely source (I&#8217;d prefer a Timbuk2 messenger bag to Chanel any day). At least, I believe the quote to be attributed to Coco Chanel, basically, that &#8220;when accessorizing always take off the last thing you put on.&#8221; We have to get to know the things that we like. What I&#8217;m thinking is that when I have the impulse to automate, I need to take a step back and think about the reciprocity of the system and the user. Probably one less detail than the one I&#8217;ve added is right. I think it&#8217;s good to establish familiarity, but in steps over time.</p>
<p>Ok, that&#8217;s it. I end with a random google image search for &#8220;Awesome Accessories&#8221; (<a href="http://www.celebrityclothingline.com/giveaways/awesome-accessories-radar-nylon-pink-hello-drama-jewelry/">this</a>):<br />
<a href="http://annakjonsson.com/wp-content/uploads/2011/10/awesome-accessory.jpg"><img class="alignnone size-medium wp-image-828" title="awesome accessory" src="http://annakjonsson.com/wp-content/uploads/2011/10/awesome-accessory-300x300.jpg" alt="" width="300" height="300" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2011/10/27/uncanny-valley-and-ux-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Trust and Design</title>
		<link>http://annakjonsson.com/2010/09/27/trust-and-design/</link>
		<comments>http://annakjonsson.com/2010/09/27/trust-and-design/#comments</comments>
		<pubDate>Tue, 28 Sep 2010 04:52:59 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=622</guid>
		<description><![CDATA[
Trust and design. I&#8217;ve been chewing on that for the past few months. Since we started the contextual inquiry for our CHI project, actually. I&#8217;ve &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://annakjonsson.com/wp-content/uploads/2010/09/scissors.jpg"><img class="aligncenter size-medium wp-image-624" title="scissors" src="http://annakjonsson.com/wp-content/uploads/2010/09/scissors-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p>Trust and design. I&#8217;ve been chewing on that for the past few months. Since we started the contextual inquiry for our CHI project, actually. I&#8217;ve started to think about how there&#8217;s an element of trust to every well designed object, product or service.</p>
<p><a href="http://www.gerardomari.com/projects-twist-scissors.php">Like these scissors.</a></p>
<p>I think about trust a lot.</p>
<p><strong>CHI, Location &amp; Technology for Mediating Trust</strong></p>
<p>Last fall, as part of the CHI Student Design Competition, we started to ask questions about the necessity of meeting strangers in public spaces for the purpose of going for a walk. The line of questioning came from interesting, and often conflicted, anecdotes that walkers had about encountering strangers in public spaces.</p>
<p>To paraphrase a main point of our design (<a href="http://taehok.com/night">Night Beacon</a>, an app that would empower people to walk with confidence at night), the app would lose its purpose without trust. It&#8217;s one reason that though we were approached to develop this app during and following CHI, we held off. I think we chose instead to use our project to chip at some underlying assumptions about the role that technology can play in building trustful relationships between humans, especially in cases where a smart phone with network connectivity can be the most readily available tool in a potentially dangerous or threatening situation.</p>
<p>This project challenge perceptions of danger and threats to safety. Like the rest of my teammates, I found myself thinking constantly about perceived versus real threats as the competition drew near. Who would want to design or build a system that would put someone in harm&#8217;s way? And we met people who passionately warned us that our idea would not work. We also met people who were willing to accept the possibility that it could.</p>
<p>As a CHI side note, I checked in on previous CHI SDC winner Noah Liebman&#8217;s website, and he has a great <a href="http://noahliebman.com/2010/09/so-you-want-to-compete-at-chi/">post on competing at CHI</a>. His first piece of advice: <strong>Trust the Process</strong>. His teammate, Deb Lauterbach, also has some sage <a href="http://www.debralauterbach.com/blog/2010/09/advice-to-chi-student-design-competition-participants/">advice for competitors</a>. These posts both incidentally fell in line with this post, but it might have something to do with the fact that the SDC, for competitors, becomes a big part of your life. And if done well (ie the way Noah and Deb describe), you will be intellectually challenged to the point where you may not really feel aptly prepared to reflect on it until things die down a little bit.</p>
<p>And one more piece of advice for the competition: know your project&#8217;s weaknesses better than anyone else. Poke your own holes so you can patch &#8216;em up (a messy metaphor, but you know what I mean).</p>
<p><strong>Trust &amp; Automobiles</strong></p>
<p>I think a lot about the future of cars now. Trust is an essential element of getting in a giant hunk of metal that we propel, with the assistance of the machine itself, at speeds approaching 100 miles per hour. Since I work at GM now, I think about that every day. I think about the effective application of information systems to the driving experience. When you routinely trust that a car will work, that helps you get back in a car every time you get in a car. I bet people who have been in major accidents have much different relationships with their vehicles than those of us who haven&#8217;t [yet].</p>
<p><strong>Data Packets: Trusting it Will Get There, What Should We Do Now?</strong></p>
<p>And on another, somewhat more abstract level, I was just thinking about how I think that our trust level has reached a fair saturation point in the few years or so, at least in places of relative advantage. For a system predicated on sending a bunch of packets of data, on repeat if necessary, until they reach their source, we certainly have every expectation that the system will work quickly and seamlessly.</p>
<p>In his book, Emotional Design, Don Norman points out</p>
<blockquote><p>Much of modern technology is really the technology of social interaction: it is the technology of trust and emotional bonds. But neither social interaction nor trust were designed into the technology or even thought through: they came about through happenstance, through the accidental byproducts of deployment (157).</p></blockquote>
<p>Wired editor Chris Anderson proclaimed last month that <a href="http://www.wired.com/magazine/2010/08/ff_webrip/all/1">The Web is Dead</a>.  Whether or not this statement was meant to provoke and/or bait, Anderson discussed the shift from &#8216;the world wide web&#8217; to API-driven applications, that is, applications away from a browser (like Netflix Streaming on your TV). The academic in me has me thinking about how deep-rooted our trust has gotten: enough that we are willing to get our data from device and application-specific filters and views instead of from a trusty old browser window.</p>
<p>The designer in me is picturing a game of catch. It&#8217;s a game of catch between you and your closest friends, and some of your friends who you aren&#8217;t that close with, but who you like to play catch with anyway. The passing back and forth of pieces of data between yourself and the people you trust, that is a big part of day-to-day life that I see coming. So what might that look like? What can we do with that?</p>
<p>Trust is something I&#8217;ve repeated 20 times over the course of this post because it speaks to a larger ethics of design that&#8217;s easy enough to overlook. But I think a basic principle is that good design doesn&#8217;t hide its intentions. So as far as CHI goes, I am so pleased that Noah says &#8216;trust the process&#8217; around the time I&#8217;m thinking about the role of trust in design. So as far as your or my desire to be a creative professional, let&#8217;s keep thinking about this trust thing, okay?</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2010/09/27/trust-and-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>FIELD TRIP! Hamilton Wood Type Museum</title>
		<link>http://annakjonsson.com/2010/09/17/field-trip-hamilton-wood-type-museum/</link>
		<comments>http://annakjonsson.com/2010/09/17/field-trip-hamilton-wood-type-museum/#comments</comments>
		<pubDate>Fri, 17 Sep 2010 22:51:51 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=619</guid>
		<description><![CDATA[photo courtesy of erin borreson
Question: what do interaction designers in the automotive industry do for fun? Answer: pile into a coupe and drive 8 hours &#8230;]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_620" class="wp-caption alignright" style="width: 730px"><a href="http://annakjonsson.com/wp-content/uploads/2010/09/erins_type.jpg"><img class="size-full wp-image-620" title="erins_type" src="http://annakjonsson.com/wp-content/uploads/2010/09/erins_type.jpg" alt="" width="720" height="537" /></a><p class="wp-caption-text">photo courtesy of erin borreson</p></div></p>
<p>Question: what do interaction designers in the automotive industry do for fun? Answer: pile into a coupe and drive 8 hours until they reach Two Rivers, WI, home of the <a href="http://www.woodtype.org/index.shtml">Hamilton Wood Type Museum</a>. Or at least, that&#8217;s what I did last weekend.</p>
<p>The website <a href="http://quitestrong.com/work-blog/a-visit-to-hamilton/">Quite Strong</a>, run by some of my workshop peers, describes the experience and has some fantastic photos. I regret that I didn&#8217;t have much of a chance to chat with the ladies of Quite Strong&#8230; I was a tag-along, but my attention was largely deeply focused on the experience setting and printing with wood type.</p>
<p>My professional world is largely lived in wireframes. And for this reason, the day-long workshop was an essential reminder of the materiality of spatial relationships. For wood typesetting (if you&#8217;ve never done it), you have to brace every section of your type, either with magnets, lead or wood. They call this stuff &#8220;furniture.&#8221; Jim Moran, the museum director observed my setup by saying: &#8220;Not that it&#8217;s necessarily a bad thing, but you&#8217;ve created an interesting problem for yourself there&#8230;&#8221;. And my first setup, which couldn&#8217;t have consisted of more than 30 letters (and a healthy sprinkling of ampersands), took over two hours to set up.</p>
<p>I tried doing a lot of things with layering that didn&#8217;t really work, and for my 2nd setup I decided to simplify. 8 hours wasn&#8217;t nearly enough to get a good sense for what the <a href="http://www.fiveroses.org/vander15.gif">Vandercook</a> press, which I was set up on, could do.</p>
<p>I can&#8217;t really say what happened to the time. All of a sudden I looked up and it was time to go. But I left feeling a new respect for design and how space informs perception, and I left bringing that back to work on Monday. Back to wireframes.</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2010/09/17/field-trip-hamilton-wood-type-museum/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Night Beacon</title>
		<link>http://annakjonsson.com/2010/02/22/night-beacon/</link>
		<comments>http://annakjonsson.com/2010/02/22/night-beacon/#comments</comments>
		<pubDate>Mon, 22 Feb 2010 20:00:43 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=523</guid>
		<description><![CDATA[
Update: Night Beacon is the winner of the 2010 CHI Student Design Competition.
Night Beacon is a project developed during my Interaction Design course as part &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://annakjonsson.com/wp-content/uploads/2010/02/Picture-4.png"><img class="alignright size-medium wp-image-526" title="Picture 4" src="http://annakjonsson.com/wp-content/uploads/2010/02/Picture-4-150x300.png" alt="" width="150" height="300" /></a><a href="http://taehok.com/night"></a></p>
<h3>Update: <a href="http://taehok.com/night">Night Beacon</a> is the winner of the 2010 CHI Student Design Competition.</h3>
<p><a href="http://taehok.com/night">Night Beacon</a> is a project developed during my Interaction Design course as part of a team of five. As part of the <a href="http://www.chi2010.org/authors/cfp-sdc.html#prob">CHI student design competition</a>, our team was challenged to think about the problem of walking. Early in the process, we decided to narrow the problem of walking into that of walking at night. By narrowing the problem, the potential solution could tackle the reconstruction of notions about trust and safety in city spaces. We completed a contextual inquiry, created personas, conducted field research with paper prototypes, and came up with lo-fi and hi-fi prototypes for an Android application that included user testing for feedback.</p>
<p>The paper we wrote drew on this design experience, and was named as a finalist to be presented in the April at the <a href="http://www.chi2010.org/">CHI 2010 ACM conference</a> (along with our peer group, <a href="http://katiemccurdy.com/walk/">mibo</a>).</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2010/02/22/night-beacon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Re-imagining to Curate</title>
		<link>http://annakjonsson.com/2010/01/05/re-imagining-to-curate/</link>
		<comments>http://annakjonsson.com/2010/01/05/re-imagining-to-curate/#comments</comments>
		<pubDate>Tue, 05 Jan 2010 18:25:48 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=437</guid>
		<description><![CDATA[Starting this month, I am going to be re-designing some websites for the organization I&#8217;ve been working with for about a year now.
Re-imagining the site(s) &#8230;]]></description>
			<content:encoded><![CDATA[<p>Starting this month, I am going to be re-designing some websites for the organization I&#8217;ve been working with for about a year now.</p>
<p>Re-imagining the site(s) comes at a time of change for our organization, which records and archives lecture materials, making new kinds of knowledge available to the public. The availability of these resources invites predictions and visions for how it may be used. </p>
<p>In initiating this kind of site redesign, <a href="http://www.alistapart.com/">A List Apart&#8217;s</a> <a href="http://www.alistapart.com/articles/content-strategist-as-digital-curator/">&#8220;The Content Strategist as a Digital Curator&#8221;</a> is a good place to start, and it addresses the relationship between digital space and physical space that has become more and more important for content specialists to understand.</p>
<p>Without diverging too much, let me say that my field jump into HCI started as my fascination with a troubling metaphor back in my new media studies classes in undergrad. At the time, digital media theory introduced the idea that digital space <em>is like</em> physical space, and must be navigated in cognitively similar ways. I noticed a conflict in treating the relationship of digital space to physical space as a metaphor and a reality, and I wanted to investigate further.</p>
<p>I didn&#8217;t know then that Information Architecture was a burgeoning field, and it bears mentioning that I once saw the relationship as a metaphor, and now, as a practitioner, I see digital space as a real, albeit different kind of space. Much like the terms &#8220;calculator&#8221; and &#8220;computer&#8221; once referred to the clerical professions of people and used those models for building the machines we use today, digitization has created a vast information landscape that exceeds the human resource of attention. The limitation of attention makes the problem of getting through information a problem of navigation (among many other kinds of problems).</p>
<p>So in re-imagining the archive, I decided to visit the newly expanded <a href="http://www.umma.umich.edu/">University of Michigan Museum of Art</a>, this time while thinking about its goal to present and preserve a collection within the limitations of a physical space. </p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2010/01/umma2.jpg"><img src="http://annakjonsson.com/wp-content/uploads/2010/01/umma2.jpg" alt="umma2" title="umma2" width="800" height="600" class="alignnone size-full wp-image-458" /></a></p>
<p>In doing so, I realized that UMMA <a href="http://www.umma.umich.edu/news/archives/building_design.html">recently solved a problem of limited space</a> for a too-large collection by doubling the size of the exhibition space with the Maxine and Stuart Frankel Wing.<br />
<a href="http://annakjonsson.com/wp-content/uploads/2010/01/umma3.jpg"><img src="http://annakjonsson.com/wp-content/uploads/2010/01/umma3.jpg" alt="umma3" title="umma3" width="800" height="600" class="alignnone size-full wp-image-459" /></a></p>
<p><strong>Physical space directs attention.</strong> When inside the UMMA, you see doorways leading to rooms, and in those rooms you can <em>actually see </em>the exhibition&#8217;s contents. While a user landing on a website can judge in a very short time about if they will stay or where they will go next (well under a second), and will not likely scroll down to do so, in a physical space a visitor can make that kind of decision just by looking through a doorway. UMMA augments this by providing information on the walls, guiding the way from exhibit to exhibit.<br />
<a href="http://annakjonsson.com/wp-content/uploads/2010/01/umma6.jpg"><img src="http://annakjonsson.com/wp-content/uploads/2010/01/umma6.jpg" alt="umma6" title="umma6" width="800" height="600" class="alignnone size-full wp-image-462" /></a><br />
It&#8217;s a totally common strategy, but the limitation of information (only the nearby wings are shown, and information is reduced relative to the user&#8217;s position in the museum) within the physical space helps people get through it. And these decisions have been made in part by my SI colleagues, so you can bet they were well considered.</p>
<p><strong>Physical space can hint at what&#8217;s next door.</strong> One interesting update to the museum were the &#8220;open storage&#8221; galleries. In these galleries, related objects were placed together on shelves with much less context than the exhibited objects. The related objects were sorted by collection on different shelves. And the structure of the shelves was suggestive of how physical space enables perception&#8211; the shelves were lit and separated by door dividers with opaque, vertical beams. However, when leaning in close to see the objects, you can still see into the adjoining shelf space, perceiving both separation and relationship at the same time. I took a picture:<br />
<a href="http://annakjonsson.com/wp-content/uploads/2010/01/umma5.jpg"><img src="http://annakjonsson.com/wp-content/uploads/2010/01/umma5.jpg" alt="umma5" title="umma5" width="800" height="600" class="alignnone size-full wp-image-460" /></a></p>
<p>When designing, a digital space must provide relationship cues in places that are available to the user to understand. Finding meaningful relationships between stored objects&#8211; in my case, lecture objects&#8211; and presenting them as neighbors may make an archive more browseable. What I&#8217;m talking about is grounding what we call recommender systems in a navigation scheme that takes its cognitive cues from physical space.</p>
<p>I&#8217;m a brand new designer, and it&#8217;s therefore just the time to wax philosophical in order to create extraordinary future design. How do we imagine our ability, as humans, to see and understand our vast landscape of information? If we best extend our ability to do so, what will we see? What will we learn? The question precedes understanding the difference between seeing the information landscape from a horse and buggy and seeing it from an airplane. And yes, that&#8217;s a metaphor.</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2010/01/05/re-imagining-to-curate/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Affordances!</title>
		<link>http://annakjonsson.com/2009/11/08/affordances/</link>
		<comments>http://annakjonsson.com/2009/11/08/affordances/#comments</comments>
		<pubDate>Sun, 08 Nov 2009 19:00:34 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Affordances]]></category>
		<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://annakjonsson.com/?p=248</guid>
		<description><![CDATA[Game Boy Classic
The past few weeks I&#8217;ve been getting an education in affordances. This is not to be confused with having Norman&#8217;s Design of Everyday &#8230;]]></description>
			<content:encoded><![CDATA[<p><div id="attachment_258" class="wp-caption alignright" style="width: 154px"><a href="http://annakjonsson.com/wp-content/uploads/2009/11/Gameboy.jpg"><img class="size-medium wp-image-258 " title="Game Boy Classic" src="http://annakjonsson.com/wp-content/uploads/2009/11/Gameboy-180x300.jpg" alt="Game Boy Classic" width="144" height="240" /></a><p class="wp-caption-text">Game Boy Classic</p></div></p>
<p>The past few weeks I&#8217;ve been getting an education in affordances. This is not to be confused with having Norman&#8217;s <a href="http://www.amazon.com/Design-Everyday-Things-Donald-Norman/dp/0465067107">Design of Everyday Things</a> assigned, followed by a brief discussion, conclusion and let&#8217;s move on. Rather, we&#8217;ve been getting into the nitty-gritty details of why affordances matter, and how they work.</p>
<p>Two weeks ago, we were asked to make an affordance matrix and bring it into class. We took pictures of everyday objects that afford pushing, squeezing and twisting and arranged the pictures into a matrix.</p>
<p>I decided that a good place to start was with the very classic and tactilely pleasing Game Boy. Yes, because I am old school.</p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2009/11/affordance_matrix.png"><img class="alignnone size-full wp-image-469" title="affordance_matrix" src="http://annakjonsson.com/wp-content/uploads/2009/11/affordance_matrix.png" alt="affordance_matrix" width="481" height="688" /></a></p>
<p>It&#8217;s hard to find objects whose interactions rely solely on pushing, squeezing or twisting. More often, we interact with objects on a procedural basis. For example, think of a wheelbarrow. We squeeze the handles, then pull up, then continue to squeeze in order to push. We could think about the interactions procedurally, or we could think about the sum combination of interactions in terms of accomplishing the object&#8217;s desired function. This is what got me to the triad&#8211; the desire to try to introduce a new scale to our perception of affordances.</p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2009/11/affordance_triad.png"><img class="alignnone size-full wp-image-470" title="affordance_triad" src="http://annakjonsson.com/wp-content/uploads/2009/11/affordance_triad.png" alt="affordance_triad" width="548" height="703" /></a></p>
<p>There are some problems with the triad&#8211; the concentric circles imply continuity between interaction styles, and the styles themselves are nominal. In other words, the interactions don&#8217;t flow into each other. However, if we think about the overall object in terms of task, the triad works better.</p>
<p>Yesterday I met with two classmates in order to brainstorm an affordance device. That is, we have to plan and build a cube-shaped device that affords pushing, squeezing and pulling and that disregards outcome. Pictures are forthcoming, pending completion of the assignment.</p>
<p><strong>Update</strong>: here&#8217;s some pictures of our &#8220;affordance cube.&#8221; We chose to work with soft and tactile materials. Sponges fit the bill. Other materials we used include paint, pink duct tape, a child&#8217;s tile, and &#8230;glue!</p>
<p><a href="http://annakjonsson.com/wp-content/uploads/2009/11/photo-8.jpg"></a><a href="http://annakjonsson.com/wp-content/uploads/2009/11/photo-9.jpg"><img class="alignnone size-medium wp-image-535" title="photo-9" src="http://annakjonsson.com/wp-content/uploads/2009/11/photo-9-300x225.jpg" alt="" width="300" height="225" /></a><img class="alignnone size-medium wp-image-534" title="photo-8" src="http://annakjonsson.com/wp-content/uploads/2009/11/photo-8-300x225.jpg" alt="" width="300" height="225" /></p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2009/11/08/affordances/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mozilla Labs University Design Challenge: Clothing/Closet Metaphor</title>
		<link>http://annakjonsson.com/2009/09/18/mozilla-labs-university-design-challenge-clothingcloset-metaphor/</link>
		<comments>http://annakjonsson.com/2009/09/18/mozilla-labs-university-design-challenge-clothingcloset-metaphor/#comments</comments>
		<pubDate>Fri, 18 Sep 2009 02:58:46 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://serialanna.wordpress.com/?p=198</guid>
		<description><![CDATA[Tonight was the U-M SOCHI kickoff for the Mozilla Labs University Design Challenge, a challenge wherein Mozilla encourages students to innovate and experiment in user &#8230;]]></description>
			<content:encoded><![CDATA[<p>Tonight was the U-M SOCHI kickoff for the <a href="http://design-challenge.mozilla.com/uni-fall09/">Mozilla Labs University Design Challenge</a>, a challenge wherein Mozilla encourages students to innovate and experiment in user interface design. After some rapid sketching, we quickly formed teams and developed some of the concepts that had been sketched out.</p>
<p>My teammates and I decided to focus on the problem of &#8220;bad&#8221; links&#8211; links you want to purge from history. During this process, I began thinking about the metaphor of clothing storage. To some extent, I hypothesized, link storage is like storing clothes in a closet&#8211; some you use every day, some you never pull out, some you want to get rid of, or never wanted in the first place.</p>
<p>This falls in line with the research that says frequency of visitation falls into 3 categories (described in <a href="http://www.slideshare.net/katiemccurdy/mozilla-browsing-history-design-challenge">This Presentation by U-M SOCHI</a>, Slide 9):</p>
<ul>
<li>Fast (short term, high volume, sites like shopping)</li>
<li>Medium (regular hourly checking, Gmail, Facebook)</li>
<li>Slow (rare but regular visits, personal interest sites)</li>
</ul>
<p>I did some sketching to see how useful the clothing storage metaphor might be use for browser history interactions. Here&#8217;s what I came up with:</p>
<p><div id="attachment_199" class="wp-caption alignnone" style="width: 408px"><img class="size-large wp-image-199    " title="mozilla_browing_history_drawing_1" src="http://serialanna.files.wordpress.com/2009/09/mozilla_browing_history_drawing_1.jpg?w=768" alt="Clothing storage sketch" width="398" height="530" /><p class="wp-caption-text">Clothing storage sketch</p></div></p>
<p>Ultimately, I&#8217;d like to work with my group a little more to see if the metaphor is useful. We want to find a meaningful way to get &#8220;bad&#8221; or unwanted links out of the browsing history.</p>
<p>A major problem of this design is a lack of parameters around &#8220;Fast,&#8221; &#8220;Medium&#8221; and &#8220;Slow&#8221; interactions.</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2009/09/18/mozilla-labs-university-design-challenge-clothingcloset-metaphor/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Personas: Good Man, Bad Man, Funnyman, Chick</title>
		<link>http://annakjonsson.com/2009/08/28/personas-good-man-bad-man-funnyman-chick/</link>
		<comments>http://annakjonsson.com/2009/08/28/personas-good-man-bad-man-funnyman-chick/#comments</comments>
		<pubDate>Fri, 28 Aug 2009 19:57:44 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Film and Media]]></category>
		<category><![CDATA[HCI]]></category>

		<guid isPermaLink="false">http://serialanna.wordpress.com/?p=170</guid>
		<description><![CDATA[Personas by Aaron Zinman is an online component of the Metropath(ologies) exhibit put on by the Sociable Media Group at the  MIT Media Lab. The &#8230;]]></description>
			<content:encoded><![CDATA[<p><a href="http://personas.media.mit.edu/">Personas</a> by Aaron Zinman is an online component of the <a href="http://techtv.mit.edu/genres/25-humanities-arts-and-social-sciences/videos/3315-metropathologies">Metropath(ologies) exhibit</a> put on by the <a href="http://smg.media.mit.edu/">Sociable Media Group</a> at the  <a href="http://www.media.mit.edu/">MIT Media Lab</a>. The installation crawls the web and aggregates a bunch of data, which it then turns into the color/word bars that you see below.</p>
<p>After an initial obligatory self-searching, I noted that part of what makes the installation so intriguing is the flow of crawled text as it builds into a final representation. The installation displays partial stories before pushing the information derived into a category.</p>
<p>Here&#8217;s Nelson Mandela:</p>
<p><div id="attachment_171" class="wp-caption alignnone" style="width: 392px"><img class="size-large wp-image-171   " title="nelson_mandela" src="http://serialanna.files.wordpress.com/2009/08/nelson_mandela.png?w=1024" alt="Nelson Mandela Personas" width="382" height="94" /><p class="wp-caption-text">Nelson Mandela Persona</p></div></p>
<p>And here&#8217;s Nelson Mandela being built by Personas (to get a good look, you might want to watch the video full-screen):</p>
<p><span style="display:block;width:425px;margin:0 auto;"> [vodpod id=ExternalVideo.865893&amp;w=425&amp;h=350&amp;fv=i%3D8079]</span></p>
<div style="font-size:10px;">more about &#8220;<a href="http://vodpod.com/watch/2120843-screenr-annakjonsson-nelson-mandela-on-personas-part-of-metropathologies-at-mit-media-lab?pod=">Screenr &#8211; @annakjonsson: Nelson Mande&#8230;</a>&#8220;, posted with <a href="http://vodpod.com/?r=wp">vodpod</a></div>
<p>Okay, so we have one interesting public figure who became the President of post-Apartheid South Africa and who arguably was a positive force for change in the world. So what about the baddest of the bad?</p>
<p>Charles Manson:</p>
<p><div id="attachment_172" class="wp-caption alignnone" style="width: 392px"><img class="size-large wp-image-172" title="charles_manson" src="http://serialanna.files.wordpress.com/2009/08/charles_manson.png?w=1024" alt="Charles Manson Persona" width="382" height="96" /><p class="wp-caption-text">Charles Manson Persona</p></div></p>
<p>It&#8217;s reassuring to see that &#8220;Illegal&#8221; is the largest category for Manson, but &#8220;social&#8221; is among the second largest category, and prominent categories like Sports and Management are downright confusing. Furthermore, it is strange to see the name Manson afforded categories like &#8220;art&#8221; and &#8220;professional&#8221; at all.</p>
<p><span style="display:block;width:425px;margin:0 auto;"> [vodpod id=ExternalVideo.865895&amp;w=425&amp;h=350&amp;fv=i%3D8086]</span></p>
<div style="font-size:10px;">more about &#8220;<a href="http://vodpod.com/watch/2120852-screenr-annakjonsson-charles-manson-on-personas-part-of-metropathologies-at-mit-media-lab?pod=">Screenr &#8211; @annakjonsson: Charles Mans&#8230;</a>&#8220;, posted with <a href="http://vodpod.com/?r=wp">vodpod</a></div>
<p>Okay, we&#8217;ve done good man and bad man now. I decided to try out my current favorite comic (<a href="http://twitter.com/rustyrockets">and person to follow on Twitter</a>), Russell Brand. Here he is:</p>
<p><div id="attachment_173" class="wp-caption alignnone" style="width: 392px"><img class="size-large wp-image-173" title="russell_brand" src="http://serialanna.files.wordpress.com/2009/08/russell_brand.png?w=1024" alt="Russell Brand Persona" width="382" height="76" /><p class="wp-caption-text">Russell Brand Persona</p></div></p>
<p>Here his largest categories make sense; online, movies and social. But Sports and Military make less sense.</p>
<p><span style="display:block;width:425px;margin:0 auto;"> [vodpod id=ExternalVideo.865897&amp;w=425&amp;h=350&amp;fv=i%3D8089]</span></p>
<div style="font-size:10px;">more about &#8220;<a href="http://vodpod.com/watch/2120863-screenr-annakjonsson-russell-brand-on-personas-part-of-metropathologies-at-mit-media-lab?pod=">Screenr &#8211; @annakjonsson: Russell Bran&#8230;</a>&#8220;, posted with <a href="http://vodpod.com/?r=wp">vodpod</a></div>
<p>And finally, I didn&#8217;t have any girls. <a href="http://jezebel.com/">Jezebel</a> did a nice piece a little while back about <a href="http://jezebel.com/5341909/what-do-peoples-online-personas-say-about-them">prominent women in the Media (What Do People&#8217;s Online Personas Say About Them?)</a>, which offers more visualizations if you don&#8217;t want to DIY. But I decided to try out Gwen Stefani, general rad chick and lead singer of No Doubt since as long as I can remember.</p>
<p>Here&#8217;s Gwen:</p>
<p><div id="attachment_174" class="wp-caption alignnone" style="width: 392px"><img class="size-large wp-image-174" title="gwen_stefani" src="http://serialanna.files.wordpress.com/2009/08/gwen_stefani.png?w=1024" alt="Gwen Stefani Persona" width="382" height="73" /><p class="wp-caption-text">Gwen Stefani Persona</p></div></p>
<p><span style="display:block;width:425px;margin:0 auto;"> [vodpod id=ExternalVideo.865898&amp;w=425&amp;h=350&amp;fv=i%3D8096]</span></p>
<div style="font-size:10px;">more about &#8220;<a href="http://vodpod.com/watch/2120865-screenr-annakjonsson-gwen-stefani-on-personas-part-of-metropathologies-at-mit-media-lab?pod=">Screenr &#8211; @annakjonsson: Gwen Stefani&#8230;</a>&#8220;, posted with <a href="http://vodpod.com/?r=wp">vodpod</a></div>
<h4>Conclusions</h4>
<p>After watching the growth of these fine (well, 3/4ths of them) folks, as well as observing the construction of my own persona, I recognized that the project might show just as much, if not more, about the body of data from which the personas are derived. For example, all of these personas, none of whom are athletes, include substantial sports sections. Maybe this has to do with the way that language is constructed to organize information about sports. For example, many sites have sports pages or sections, and there are many opportunities for vocabulary that falls within the umbrella of sports.</p>
<p>I&#8217;m actually not trying to go into deep analysis mode, so I guess I&#8217;ll leave it at that. It&#8217;s hard not to draw some conclusions. But if you found this post in the least bit interesting, you&#8217;ll want to read up on <a href="http://personas.media.mit.edu/personasWeb.html">Personas</a>. The explanation of the installation notes that the project was &#8220;not supposed to be utilitarian. Instead, it was meant to expose a process that often happens behind the scenes.&#8221;</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2009/08/28/personas-good-man-bad-man-funnyman-chick/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>I love Netflix, but&#8230;</title>
		<link>http://annakjonsson.com/2009/07/23/i-love-netflix-but/</link>
		<comments>http://annakjonsson.com/2009/07/23/i-love-netflix-but/#comments</comments>
		<pubDate>Thu, 23 Jul 2009 23:47:00 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[Film and Media]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[dance movies]]></category>
		<category><![CDATA[genre]]></category>
		<category><![CDATA[Netflix]]></category>
		<category><![CDATA[on demand]]></category>

		<guid isPermaLink="false">http://serialanna.wordpress.com/2009/07/23/i-love-netflix-but/</guid>
		<description><![CDATA[I think Netflix has a really good user interface. I even sang its praises in a short paper I wrote for my Fundamentals of Human &#8230;]]></description>
			<content:encoded><![CDATA[<p>I think Netflix has a really good user interface. I even sang its praises in a short paper I wrote for my Fundamentals of Human Behavior class last spring. They take the elements of what is fun about picking out a video from a video store and transfer it to an online portal. I especially love the funny little genres from which they cull their recommendations for me. Some examples:</p>
<blockquote><p><strong>Witty Comedies Featuring a Strong Female Lead</strong> (a la Baby Mama and Juno)</p>
<p><strong>Ballet &amp; Modern Dance </strong><strong><br />
</strong></p>
<p><strong>Dysfunctional-Family TV Dramas</strong> (a la Dexter, Six Feet Under and I imagine Arrested Development)</p></blockquote>
<p>However, when I browse on demand movies, I often begin watching as a form of browsing. If I don&#8217;t like a movie, I stop it and look for something else, usually within the first 5 minutes or so. However, my recommender system thinks I watched the entire movie, and provides recommendations based on movies I flat-out didn&#8217;t like. Usually I end up disliking them for reasons that can&#8217;t be described with text&#8211; for example, I don&#8217;t like the lighting, the acting is bad or it isn&#8217;t what I thought it would be based on the description. Furthermore, upon login, Netflix tells me:</p>
<p>&#8220;You watched: [title of the movie I didn't actually watch]&#8221;</p>
<p>This is both inaccurate and annoying. Netflix should keep track of whether or not people finish on demand movies, perhaps by finding a sweet spot at which most people continue or navigate away.</p>
<p>But that&#8217;s just my two cents. Netflix can, of course, do what they want.</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2009/07/23/i-love-netflix-but/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Oh, and did I mention Information Visualization?</title>
		<link>http://annakjonsson.com/2009/05/24/oh-and-did-i-mention-information-visualization/</link>
		<comments>http://annakjonsson.com/2009/05/24/oh-and-did-i-mention-information-visualization/#comments</comments>
		<pubDate>Sun, 24 May 2009 17:17:05 +0000</pubDate>
		<dc:creator>Anna</dc:creator>
				<category><![CDATA[Blog]]></category>
		<category><![CDATA[HCI]]></category>
		<category><![CDATA[InfoVis]]></category>

		<guid isPermaLink="false">http://serialanna.wordpress.com/?p=56</guid>
		<description><![CDATA[Last semester I took a course in InfoVis with an interesting bunch of folks who produced an impressive set of projects. My classmate, Katie McCurdy, &#8230;]]></description>
			<content:encoded><![CDATA[<p>Last semester I took a course in InfoVis with an interesting bunch of folks who produced an impressive set of projects. My classmate, <a href="http://sensical.wordpress.com/">Katie McCurdy</a>, did the footwork of blogging about each of the projects, her entry about which can be found <a href="http://sensical.wordpress.com/2009/05/07/information-visualization-projects-so-awesome-theyll-turn-your-hair-gray-overnight/">here</a>.</p>
<p>You can go to <a href="http://annakjonsson.appspot.com/giantbomb.htm">my portfolio page about the project</a> to read more about our project, The CVGA Archive Visualization, which used data from the GiantBomb website as the backbone for an interface design that allowed for the exploration of video games in new and meaningful ways.</p>
]]></content:encoded>
			<wfw:commentRss>http://annakjonsson.com/2009/05/24/oh-and-did-i-mention-information-visualization/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

