<?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>Johnny Holland &#187; Stephen Anderson</title>
	<atom:link href="http://johnnyholland.org/author/stephen-anderson/feed/" rel="self" type="application/rss+xml" />
	<link>http://johnnyholland.org</link>
	<description>It&#039;s all about interaction</description>
	<lastBuildDate>Wed, 23 May 2012 04:58:59 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Designing a Reason to Come Back</title>
		<link>http://johnnyholland.org/2011/02/designing-a-reason-to-come-back/</link>
		<comments>http://johnnyholland.org/2011/02/designing-a-reason-to-come-back/#comments</comments>
		<pubDate>Tue, 01 Feb 2011 22:00:21 +0000</pubDate>
		<dc:creator>Stephen Anderson</dc:creator>
				<category><![CDATA[Methods & theory]]></category>
		<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=9892</guid>
		<description><![CDATA[In a few months, Rockhopper will be coming to the island again.]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/stephen-drive.jpg" class="attachment-index-categories wp-post-image" alt="stephen-drive" title="stephen-drive" /><p>No, this isn&#8217;t another reference to the TV series LOST. This is the online world of Club Penguin, where millions of young children waddle around as cartoon penguin-avatars in a winter-set virtual world. You can play games, earn points and decorate your igloo. And the imminent arrival of pirate penguin Rockhopper is all my boys can talk about. Apparently with each arrival he brings rare new gifts (once he introduced a new breed of red Puffles, the fluffy little creatures you take care of). He&#8217;s a seafaring Santa Clause to the world of <a href="http://www.clubpenguin.com/">Club Penguin</a>.</p>
<div id="attachment_9941" class="wp-caption alignright" style="width: 310px"><img class="size-medium wp-image-9941" title="club-penguin-2" src="http://johnnyholland.org/wp-content/uploads/club-penguin-2-300x225.jpg" alt="" width="300" height="225" /><p class="wp-caption-text">Disney&#39;s Club Penguin</p></div>
<p>Plenty could be said here about self-expression, scarcity, achievements or other psychological principles which–trust me–work just as well on adults as they do on penguin playing kids. Instead, let&#8217;s focus on one idea I’ve never seen discussed: periodic events. Why is the Rockhopper narrative, and dozens of similar storylines, so enthralling? And what does this kind of a recurring event do for a community?</p>
<h2>The significance of rituals</h2>
<p>Think of the shared, recurring events you celebrate. Perhaps Christmas with family? A Tuesday afternoon happy hour with friends from work? Maybe there&#8217;s a birthday next month or a monthly book club discussion. Our lives are filled with these recurring beats. There is a rhythm to our lives. From the natural (breathing, seasons, menstrual cycles) to the invented (Summer break, national holidays, new movie releases), we are entertained by these periodic events. Rituals and tradition give our lives momentum. Why is this important, psychologically? These events unite people. They are a shared experience through which people can gather together. They are a chance for similar people to congregate. And even if we have very little in common with the other people, the rituals offer something to do together. Through shared, recurring events, we feel a sense of belonging. And there&#8217;s more, these rituals give us something to look forward to. There is variety in an otherwise repetitive routine. From week to week, or year after year, there is continuity, comfort, and heightened anticipation.</p>
<h4>Business Rituals</h4>
<p>Businesses are no exception. You have quarterly earnings reports. There’s also an annual review. Blood drives come around from time to time. There&#8217;s the annual holiday party in December. Budgets are set on a yearly basis. Even the work day is punctuated by regular breaks. Maybe there&#8217;s a team lunch on Fridays. Periodic events are present in just about every area of our lives. And all these things work in a subtle way to unite us. The events I share at one company may not translate to another office, but within that one company, they are something we can share. These recurring events create sustained interest, anticipation and a sense of belonging.</p>
<h4>MIA Online?</h4>
<p>So now, let me ask this question: What do people have to look forward to on your site? Or in the software we use? Or in the community you’ve built? For most of us, launching and maintaining a Web site is enough of a chore. But what change is there to look forward to? Once a year, a number of sites participate in a CSS reboot, where all the styles are dropped. Some sites even commit to refresh their look on this day. This gives casual visitors&#8211; especially those who rarely visit a site, reason to come back&#8211; to see what&#8217;s new. Department stores regularly have sales, seasonal offerings and other events, yet the only online equivalent seems to be cyber Monday. Excluding scheduled maintenance outings, what do your users have to look forward to or reminisce about? Are there regular, recurring events enjoyed by all? Like Rockhopper in Club Penguin, many kids games, use a narrative structure to create events, why aren’t we doing the same in our business applications and public websites?</p>
<h2>Some (perhaps crazy) ideas</h2>
<p>Consider some ways that all users or groups within a system could enjoy shared recurring experiences.</p>
<div id="attachment_9942" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/quora.jpg"><img class="size-medium wp-image-9942" title="quora" src="http://johnnyholland.org/wp-content/uploads/quora-300x165.jpg" alt="" width="300" height="165" /></a><p class="wp-caption-text">Quora</p></div>
<ul>
<li>One company I worked for had a monthly speaker series that brought in such luminaries as Brian Eno, Scott McCloud and John Maeda. What if a Q&amp;A site like <a href="quora.com">Quora.com</a> made an event out of regularly hosting recognized expert, available for an afternoon to answer any questions within their area of expertise?;</li>
<li>eCommerce sites routinely offer sales, but the only shared community event is cyber Monday. What about hiding surprises at Easter? Or setting up a themed specials every few weeks? Instead of a time-based event, maybe every ‘x’ sale resulted in a discount for everyone online at the same time;</li>
<li>What if my time tracking app rewarded everyone on my team with a fun, bi-weekly report on how we’re doing? Instead of a chore, time tracking could become more like the <a href="http://en.wikipedia.org/wiki/Wii_Fit">Wii Fit</a> with regular check ins, goals and feedback;</li>
<li>In ancient Israel, debts were dropped during the Jubilee year. Maybe internal organizations could declare one day of the year a <em>&#8220;reset your inbox to zero&#8221;</em> day. All employees email inboxes would automatically empty and you&#8217;d have a clean start (don’t freak out&#8211; this could be limited to internal emails only). Much of the group pressure that results from mounting email could be removed, as this would be a shared experience for everyone;</li>
<li>Imagine a hot new startup that only allowed new members to sign up at a designated time, in pairs! If you’re friend didn’t also sign up within an hour window, both of you would have to wait until the next opportunity.</li>
</ul>
<p>Perhaps some of these ideas sound a bit far fetched? The point of all of this isn’t utility, but engagement&#8211;with each other and with a service. We’re talking about creating delightful experiences through shared events. Consider some services that have made periodic events core to their experience:</p>
<h4>Daily Deals</h4>
<div id="attachment_9943" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/woot-screenshot.jpg"><img class="size-medium wp-image-9943" title="woot-screenshot" src="http://johnnyholland.org/wp-content/uploads/woot-screenshot-300x155.jpg" alt="" width="300" height="155" /></a><p class="wp-caption-text">Woot.com</p></div>
<p>What would you think of an eCommerce site that only sells one item at a time? No inventory. No catalog to browse. Sound silly? Services such as <a href="http://www.groupon.com">Groupon</a> and <a href="http://www.woot.com">Woot</a> have made the daily event a core part of their business. One deal. One day only. That’s it. We may rarely make a purchase from these sites, but we can’t stop coming back, you know, just in case. We’re <a href="http://johnnyholland.org/2009/08/24/curiosity-and-interaction-design/">curious</a>&#8211; what will tomorrow’s deal be? And this approach to business leverages variable rewards; just as with slot machines, all it takes is a great deal every now and then keep us coming back to these sites (or subscribing to their daily emails).</p>
<h4>Monthly Challenges</h4>
<p>&nbsp;</p>
<div id="attachment_9944" class="wp-caption alignright" style="width: 284px"><a href="http://johnnyholland.org/wp-content/uploads/750words1.jpg"><img class="size-medium wp-image-9944" title="750words1" src="http://johnnyholland.org/wp-content/uploads/750words1-274x300.jpg" alt="" width="274" height="300" /></a><p class="wp-caption-text">750words.com</p></div>
<p><a href="http://750words.com/">750words.com</a> is founded on one simple idea: Write at least 750 words every day for one month. The site tracks your progress with simple row of boxes, one for each day of the month. Writing at least 750 words earns you an “X” for that day. In doing so, you compete against your own best streak. How many consecutive days can you write 750 words? So where’s the periodic event? It’s the monthly reset. If you fail to write for 30 consecutive days, you can alwasy look forward to “a clean bowling-esque score card” next month. We nearing the end of January, when most of our New Year’s resolutions start to fall to the wayside. But why wait until next year to take up running or jogging again? <a href="http://healthmonth.com/">HealthMonth</a>(also from the same brilliant mind behind 750words.com) encourages you to make personal health goals (in the form of “do more of&#8230;” or “do less of&#8230;.”) for a period of one month. You’re allowed a bit of grace and backsliding before you are out of “the game” for that month. And if you don’t succeed, don’t worry. Everyone starts over again at the 1st of the month. Why wait until next year give losing weight another shot?</p>
<h4>Community Events</h4>
<p>We’ve also seen periodic events emerge from community groups. Think of the #followfriday hashtag on Twitter. Or the CSS resets I mentioned earlier.</p>
<h4>Shared TV Programming</h4>
<p>In the era of Tivo and on-demand programming, the communal bonding around “last nights episode” seems to be waning. Time shifting TV has fragmented our conversations. But perhaps this communal relic can be brought into 21st century. I recently read about a startup that wants to “connect friends in real time while watching their favorite TV shows.” A periodic event once set at a national level by broadcasters may now be agreed upon by friends.</p>
<h2>A (real-time) challenge:</h2>
<p>The sites that have introduced periodic events are few and far between. Here’s my challenge: Are you giving your users a reason to come back? If not, how might you build periodic events into the systems you design or use? We’d love to hear <strong>your ideas</strong> on this concept could be applied to online interactions. Here’s what we’re going to do:<strong> All your comments and ideas will be held in a queue.</strong> One week from today, we’ll publish all your suggestions. <strong> See you in a week?</strong></p>
<h2>UX Lisbon 2011</h2>
<p><img class="alignright size-full wp-image-9686" title="uxlx2011" src="http://johnnyholland.org/wp-content/uploads/uxlx2011.jpg" alt="" width="180" height="48" />Stephen Anderson will be a keynote speaker at UX Lx: User Experience Lisbon, one of Europe&#8217;s premier user experience events. The second annual UX Lx conference takes place May 11-13, 2011 in Lisbon, Portugal.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2011/02/designing-a-reason-to-come-back/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>&quot;What Are You Suggesting?&quot; Using Images to Influence</title>
		<link>http://johnnyholland.org/2010/03/what-are-you-suggesting-using-images-to-influence/</link>
		<comments>http://johnnyholland.org/2010/03/what-are-you-suggesting-using-images-to-influence/#comments</comments>
		<pubDate>Wed, 10 Mar 2010 14:00:40 +0000</pubDate>
		<dc:creator>Stephen Anderson</dc:creator>
				<category><![CDATA[Digital UX]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[experiment]]></category>
		<category><![CDATA[images]]></category>
		<category><![CDATA[interaction design]]></category>
		<category><![CDATA[language]]></category>
		<category><![CDATA[metaphor]]></category>
		<category><![CDATA[persuasion]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=6194</guid>
		<description><![CDATA[As interaction designers, we're keenly aware of the <em>explicit</em> meanings in words and images. But how many of us also focus on the what is <em>suggested</em> by our words and images? Whether we're aware of it or not, these elements all work on a suggestive level that affects recall, judgment and decision making.]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/stephen-car.jpg" class="attachment-index-categories wp-post-image" alt="stephen-car" title="stephen-car" /><a href="http://johnnyholland.org/wp-content/uploads/car-face.jpg"><img class="alignnone size-full wp-image-6441" title="car-face" src="http://johnnyholland.org/wp-content/uploads/car-face.jpg" alt="" width="416" height="160" /></a>
<p>As interaction designers, we&#8217;re keenly aware of the <em>explicit</em> meanings in words and images. But how many of us also focus on the what is <em>suggested</em> by our words and images?<br />
<span id="more-6194"></span></p>
<div id="attachment_6200" class="wp-caption alignright" style="width: 260px"><img class="size-full wp-image-6200 " title="basecamp-logo" src="http://johnnyholland.org/wp-content/uploads/basecamp-logo.png" alt="basecamp logo" width="250" height="147" /><p class="wp-caption-text">What does a &quot;base camp&quot; make you think of?</p></div>
<p>Consider <a href="http://basecamphq.com/">Basecamp</a>. For a project management tool aimed at &#8220;the Fortune 5,000,000,&#8221; it would be difficult to find a better a product name than &#8220;Basecamp.&#8221; With one simple word, so much is suggested: A base camp is the safe place from which to plan your trek to the summit. Base camps are positioned to be safe from the harsher conditions above. It&#8217;s where you return to. And think of the folks who&#8217;d be staying in a base camp—likely a small, adventurous team. It&#8217;s the perfect product name to appeal to the small businesses who use 37 Signals&#8217; project management tool.</p>
<p>We&#8217;re all keenly aware of the <em>explicit</em> meanings in words and images—we talk ad nauseam about everything from clean button labels to accessible content. But how many of us also focus on what is <em>suggested</em> by our words and images?</p>
<p>Great poets are masters of imagery. Skilled speakers know how to phrase and frame their arguments in a way that is difficult for their listeners to resist. Artists and comedians thrive or fail based on our ability to connect the dots. Words, images, animations—these elements all work on a suggestive level that (whether we&#8217;re aware of it or not) affects our recall, judgment, and decision making.</p>
<h2>A Little Psychology</h2>
<p>Here&#8217;s a little trick from psychology. Let&#8217;s say we&#8217;re having a conversation and I want to nudge the conversation in a certain direction; I want to influence what comes to mind for you. To do this, I might try using <a href="http://en.wikipedia.org/wiki/Priming_%28psychology%29" target="_blank">associative priming</a>. Basically, I&#8217;ll tell a few stories or inject specific language into our conversation that your brain will pick up on, bringing associated mental objects into short term memory. A few minutes later, I might ask you a certain question. If I&#8217;ve done a good job at priming, there&#8217;s a good chance I can predict how you might respond (I suspect this is one way magicians are able to predict what someone is thinking!).</p>
<p><img class="size-full wp-image-6195 alignright" title="Blue_Boxes" src="http://johnnyholland.org/wp-content/uploads/Blue_Boxes.jpg" alt="Tiffany's Blue Box and the Tardis from Doctor Who" width="300" height="233" />For example, let&#8217;s suppose I asked you to name some kinds of &#8220;blue boxes.&#8221; If a few minutes earlier we had been talking about wedding bands and jewelry, you&#8217;re much more likely to think of Tiffany&#8217;s blue box. If instead we were talking about science fiction and time travel, you&#8217;re much more likely to think of Doctor Who&#8217;s iconic telephone box, the Tardis. Our brains are constantly working to make associations. Assuming you&#8217;re familiar with Tiffany&#8217;s or (a riskier assumption) Doctor Who, our earlier discussion would have &#8220;primed&#8221; your brain, making it much easier for you to recall a thought or idea not entirely of your own choosing.</p>
<p>Here&#8217;s a simpler example: If I was to say <em>&#8220;the dog was chasing the ____,&#8221;</em> what word comes to mind? If you said &#8220;cat,&#8221; that&#8217;s consistent with most of the population. Our brains think and learn by associations and analogies. Even if the rest of that sentence was &#8220;squirrel&#8221; or &#8220;piece of trash being blown by the wind,&#8221; our brains are primed to think &#8220;cat&#8221; is what comes next. If you can make a reasonable guess about the associations your audience might make, priming can be a powerful tool, as evidenced by politicians and other kinds of persuasive speakers.</p>
<p>Most studies I&#8217;ve seen focus on linguistic priming, but what about ways we can use visuals to prime an audience?</p>
<h2>Visual Priming and Semiotics</h2>
<div id="attachment_6196" class="wp-caption alignright" style="width: 129px"><a href="http://johnnyholland.org/wp-content/uploads/panzani2.jpg"><img class="size-full wp-image-6196" title="panzani2" src="http://johnnyholland.org/wp-content/uploads/panzani2.jpg" alt="Classic advertisement for Panzani pasta" width="119" height="197" /></a><p class="wp-caption-text">Classic advertisement for Panzani pasta</p></div>
<p>Our brains are trained to make associations. This is a basic way we learn and acquire knowledge, leveraging what we already know to make sense of new information. Just as specific words or phrases might trigger an association, images can do the same thing. This idea is nothing new to advertisers.</p>
<blockquote><p>Our brains are trained to make associations. This is a basic way we learn and acquire knowledge, leveraging what we already know to make sense of new information. Just as specific words or phrases might trigger an association, images can do the same thing.</p></blockquote>
<p>In 1964, the French philosopher Roland Barthes published his paper &#8220;The Rhetoric of Image,&#8221; which deconstructs an ad into three messages: the &#8220;linguistic&#8221; message, the &#8220;coded iconic&#8221; message and the &#8220;non-coded iconic&#8221; message. What we&#8217;re talking about here are the &#8220;coded iconic&#8221; messages associated with specific images, that is, those things suggested or associated with the literal objects pictured. In Barthes&#8217; example, he discusses how the choice to show beautiful, fresh vegetables (and a box of pasta displaying a brand name) in a mesh grocery bag suggests freshness, plenty, and even &#8220;Italianicity&#8221; (in the yellow, green, and red of the tomato and peppers). A certain still-life aesthetic is also suggested. All in all, these are very positive brand associations. That&#8217;s nice for selling things. But how might we use this idea help us design better<em> interactions</em>?</p>
<h2>When Decoration Isn&#8217;t</h2>
<p>I&#8217;ve been working on an <a href="http://www.afterthemeeting.com" target="_blank">application focused on <em>formal</em> businesses meetings</a>. I emphasize formal, as you might find this a bit burdensome for things like lunch meetings or daily standups.</p>
<div id="attachment_6197" class="wp-caption aligncenter" style="width: 650px"><img class="size-full wp-image-6197" style="border: 1px solid black;" title="After the Meeting - Add Meeting Form" src="http://johnnyholland.org/wp-content/uploads/After-the-Meeting-Add-Meeting-Form.jpg" alt="Add New Meeting form screen for the Web application After the Meeting" width="640" height="318" /><p class="wp-caption-text">&#39;Add Meeting&#39; form</p></div>
<p style="text-align: left;">To clearly communicate this intent, we&#8217;ve chosen design elements that evoke a more formal business atmosphere. The most overt of these is the background image used on the form page where a new meeting is added:</p>
<p>Although this boardroom image might be viewed as texture or decorative ornamentation, it serves a functional role in this application.</p>
<p>First, we&#8217;re hoping people have a favorable response to the overall feel, as this is one of the first pages encountered by new users. But beyond any perceived attractiveness, we need to communicate the <em>intent</em> of this Web app. Chances are, most people will skip past all but the shortest of written explanations. In the same way that microcopy, clear labels, and icons are explicit cues to help out users, we are using this image to suggest—through <em>connotation</em>—the kinds of meetings where we think this tool will be most valuable. We use this specific image to suggest board meetings, staff meetings, presentations to a VP, planning sessions—the kinds of formal meetings that would take place in that conference room.</p>
<p>Additionally, this imagery was included as a prime for the &#8220;meeting type&#8221; form field. In the event that people don&#8217;t read the microcopy that cues people as to kinds of meetings you can create, this image is our backup. It&#8217;s <em>decoration that suggests usage</em>. Or at least that is the intent.</p>
<p>Elsewhere in the same application we use a more subtle cue to suggest a degree of formality:</p>
<div id="attachment_6198" class="wp-caption aligncenter" style="width: 630px"><img class="size-full wp-image-6198" title="After-the-Meeting-Accept-Request" src="http://johnnyholland.org/wp-content/uploads/After-the-Meeting-Accept-Request.jpg" alt="Screenshot from After the Meeting where you are asked to accept a request" width="620" height="295" /><p class="wp-caption-text">Accepting a request</p></div>
<p>What does the ornamental border bring to mind? Perhaps a certificate or legal contract? This is a key area of the application—asking people to accept a request made of them during the meeting. We want everything about this page, from the literal language to the associative visual elements to suggest the seriousness of this moment: You are about to make a commitment to another person, a commitment that will be visible to everyone in that meeting. Do you intend to follow through on this commitment?</p>
<p>To be clear, these are subtle nudges. And they may be difficult to quantify. But there&#8217;s good reason to justify these aesthetic choices, for what they say <em>and</em> what they suggest.</p>
<h2>Avoiding Negative Associations</h2>
<div id="attachment_6408" class="wp-caption alignright" style="width: 310px"><a href="http://johnnyholland.org/wp-content/uploads/Groupon-aesthetic.jpg"><img class="size-medium wp-image-6408" title="Groupon-aesthetic" src="http://johnnyholland.org/wp-content/uploads/Groupon-aesthetic-300x108.jpg" alt="the layout used by groupon brings to mind high-end catalogs" width="300" height="108" /></a><p class="wp-caption-text">The layout and photography used by Groupon bring to mind high-end catalogs (click for a larger image)</p></div>
<p>Here&#8217;s another example from the <a href="http://www.groupon.com">Groupon</a> site. For the uninitiated, Groupon offers &#8220;one ridiculously huge coupon each day, on the best things to eat, see, do and buy in [your city].&#8221; I&#8217;ve purchased gift cards for everything from a favorite Thai restaurant to an artisan cheese shop. Their daily deals are typically on the classier side—think salons, fancier restaurants and shopping. These are not closeout deals like you&#8217;d find on other &#8220;deal&#8221; sites. In fact, I believe Groupon wants to avoid any suggestion of a &#8220;cheap&#8221; deal. Consider the photography and layouts they use in their daily deals. The photography is usually top notch. And the layout style brings to mind high end catalogs.</p>
<p>That&#8217;s an example of <em>positive</em> associative priming. But here&#8217;s an interesting discovery I made while researching the site: in earlier versions of the site, Groupon used the familiar dotted line or scissor clipping design element to border their deals, a design choice that has since been dropped for a simpler solid border.</p>
<div id="attachment_6410" class="wp-caption aligncenter" style="width: 528px"><img class="size-full wp-image-6410" title="Old and new versions of Groupon, where border has been changed" src="http://johnnyholland.org/wp-content/uploads/Groupon-2borders1.gif" alt="and older and" width="518" height="96" /><p class="wp-caption-text">Why do you think Groupon dropped the coupon style border?</p></div>
<p>Why did they lose the scissors and the association with coupon clipping? I suspect this goes back to communicating a &#8220;value&#8221; message versus one that suggests cheap clearance. This would be an example of avoiding what for them would be a negative (cheap) association.</p>
<p>On that note, have you ever wondered why the original iPod Nano resembled (<a href="http://www.poetpainter.com/thoughts/article/the-ipod-shuffle-and-wrigleys-doublemint-gum">and was compared to</a>) a stick of gum? Think about how that association might have shaped perceptions.</p>
<h2>Concept Models and Metaphors</h2>
<p>Visual priming is also a powerful tool in print contexts. Below is a poster I created to explain <a href="http://www.poetpainter.com/thoughts/article/ia-summit-2009-the-fundamentals-of-experience-design-">The Fundamentals of Experience Design</a>. The content of the model should, in and of itself, be fascinating, but that&#8217;s not what attracted people to this poster. No, what people found most striking about this was the floating chunk of earth.</p>
<p style="text-align: center;"><a href="http://www.poetpainter.com/thoughts/article/ia-summit-2009-the-fundamentals-of-experience-design-"><img class="aligncenter size-full wp-image-6199" style="border: 1px solid black;" title="Fundamentals-of-Experience-Design-Model" src="http://johnnyholland.org/wp-content/uploads/Fundamentals-of-Experience-Design-Model.jpg" alt="Poster explaining the Fundamentals of Experience Design" width="620" height="380" border="1" /></a></p>
<p>On the surface, it is a fairly intriguing image. But what <em>associations</em> come to mind? Conceptually, this functions the same way as the cliché <a href="http://images.google.com/images?hl=en&amp;client=firefox-a&amp;hs=skl&amp;rls=org.mozilla:en-US:official&amp;q=%22iceberg+model%22&amp;oq=&amp;um=1&amp;ie=UTF-8&amp;ei=-9qAS_nEKpS0tgez5aj-Bg&amp;sa=X&amp;oi=image_result_group&amp;ct=title&amp;resnum=4&amp;ved=0CB4QsAQwAw">iceberg model</a> we see everywhere—there is the obvious stuff everyone sees, and below that the critical stuff that gets overlooked. But if we consider this visual metaphor a bit more, we might also think about the roots. An experience (the grass above) that has no roots is likely to result in tumbleweeds. However, the deeper our roots go, the stronger our foundation. These are good associations. Beyond the conceptual suggestions, though, consider the style of the illustration. Does it resemble technical illustrations you might find in an academic textbook? Not a bad association if you wanted your ideas to be taken seriously!</p>
<p>I could go on, but you get the idea: The images we use, the words we choose&#8211; whether we&#8217;re aware of it or not, they function at an associative level that can (if given conscious attention) work in our favor. What are you suggesting?</p>
<h2>UX London 2010</h2>
<p><a href="http://johnnyholland.org/wp-content/uploads/uxlondon.gif"><img class="alignright size-full wp-image-6334" title="uxlondon" src="http://johnnyholland.org/wp-content/uploads/uxlondon.gif" alt="" width="67" height="57" /></a>This is just one of many such ideas from psychology that Stephen will be sharing at <a href="http://www.uxlondon.com">the UX London conference</a> (May 19-21), in both his Seductive Interactions talk and his Concept Models Workshop.</p>
<div>Header image by <a href="http://www.flickr.com/photos/baylorbear78/" rel="cc:attributionURL">baylorbear7</a> / <a href="http://creativecommons.org/licenses/by-sa/2.0/" rel="license">CC BY-SA 2.0</a></div>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2010/03/what-are-you-suggesting-using-images-to-influence/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>When Data Gets Up Close and Personal</title>
		<link>http://johnnyholland.org/2010/01/when-data-gets-up-close-and-personal/</link>
		<comments>http://johnnyholland.org/2010/01/when-data-gets-up-close-and-personal/#comments</comments>
		<pubDate>Wed, 27 Jan 2010 12:57:00 +0000</pubDate>
		<dc:creator>Stephen Anderson</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Observed]]></category>
		<category><![CDATA[Psychology]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=5173</guid>
		<description><![CDATA[People love statistics, especially about themselves. How can we use this?]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/stephen-email.jpg" class="attachment-index-categories wp-post-image" alt="stephen-email" title="stephen-email" /><p><img class="alignnone size-full wp-image-5685" src="http://johnnyholland.org/wp-content/uploads/emailgame.png" alt="" width="416" height="160" /><br />
People love statistics, especially about themselves. With the rise of personal informatics we see the question &#8220;How am I doing?&#8221; getting ever more popular. I was wondering if we could use this to create a game out of email that would make life easier and happier at the same time.<span id="more-5173"></span><img class="alignright size-full wp-image-5383" title="rypple-stats1" src="http://johnnyholland.org/wp-content/uploads/rypple-stats1.gif" alt="" width="248" height="408" />I’ve recently become interested in sites that answer the question:<br />
<strong>“How am I doing?”</strong> Apparently so have a few other people&#8230;</p>
<p>New startups offer to help individuals improve their performance— in a variety of areas: Rypple helps individuals improve themselves professionally through peer feedback. <a href="http://klout.com/">Klout</a> helps people realize the effect and reach of their tweets. <a href="http://johnnyholland.org/2009/04/29/personal-informatics-polite-pertinent-pretty-and%E2%80%A6-persuasive/">Dopplr</a> lets us track our travels (and our carbon footprint). iPhone apps like <a href="https://www.trackyourhappiness.org/">trackyourhappiness.org</a> produce a happiness report based on simple self-reporting. According to <a href="http://hunch.com/">Hunch</a>, I’m “an optimist” (based on answers to hundreds of microquestions). And, <a href="http://afterthemeeting.com/">the app I’m currently working</a> on is designed to help people follow through on commitments.</p>
<p>But what about business applications like email, time tracking or  business intelligence applications? Is there a place in this “buttoned-up” world for these same kinds of personal feedback loops?</p>
<h3>A little perspective</h3>
<p>If we step back from software and Web apps, the idea of tracking performance is nothing new. Baseball cards reveal every numeric detail of player&#8217;s performance. Schools grade students&#8217; performance. And many people routinely track their diets and workouts. Even in an agricultural society, having a good or bad harvest is the ultimate comment on how well a farmer did that season. But technology is making it easier to passively monitor personal details we couldn’t monitor just a few decades ago.</p>
<p>Where games like Pac Man rewarded us with various fruits, more intricate games like Guitar Hero break down our every action: percentage of correct notes, longest streak, breakdown of success by parts of a song&#8211; the list goes on! Through this report, you quickly learn&#8211;or confirm&#8211;which sections you need to work more on (and you can find out just how close you are to being a rock deity). But those are games, right?</p>
<p>What about <a href="http://en.wikipedia.org/wiki/Hypermiling">hypermiling</a>? For the first time in my life, I&#8217;m conscientiously tracking my gas mileage. I&#8217;m really curious to see if my diesel car can attain the advertised 56 MPG (or at least something in the 40ish range). Thanks to a couple of iPhone apps, I can track any number of automotive details. This is also the first car I&#8217;ve owned that displays real-time MPG feedback. The result? I&#8217;m learning to adjust my street driving (slower starts, coasting at times) to improve overall gas mileage.</p>
<div id="attachment_5363" class="wp-caption aligncenter" style="width: 630px"><img class="size-full wp-image-5363" title="167-mpg1" src="http://johnnyholland.org/wp-content/uploads/167-mpg1.jpg" alt="167 miles per gallon?! (Some coasting may have been involved...)" width="620" height="110" /><p class="wp-caption-text">167 miles per gallon?! (Some coasting may have been involved...)</p></div>
<p>Is hypermiling a game? Does this really even matter?</p>
<h2>&#8220;Serious Games&#8221;</h2>
<p>What we’re really talking about is setting up systems whereby individuals can (1) <em>see</em> in a tangible way (2) <em>reflect on</em>, and (3) <em>learn from</em> their past behaviors. Think about what <a href="http://www.mint.com/">Mint</a> is doing for personal finances, or <a href="http://nikerunning.nike.com/nikeos/p/nikeplus/en_US/plus/#//dashboard/">Nike+</a> for workouts.</p>
<p>From report cards to Pac Man&#8211; we&#8217;re talking about the same thing: <em>feedback loops that affect future performance. </em></p>
<p>Through <a href="http://johnnyholland.org/2009/04/19/the-power-of-personal-informatics/">personal informatics</a> or competitive scoreboards, when someone (or something) holds up a mirror to our behaviors, we gain information to help us improve in that area. Consider twitter. I think it’s something as simple as twitter&#8217;s follower count (and now list count) that has made this “How am I doing?” concept top of mind for many people. I mentioned hypermiling earlier. And we&#8217;re seeing <a href="http://architectures.danlockton.co.uk/2009/04/06/lens-persuasive/">new devices to help us monitor energy usage in the home</a>. But why aren&#8217;t these same kinds of feedback loops more common in everything from invoicing tools to email apps? Why doesn’t email have a scoreboard? Seem far fetched? We’re talking about individuals&#8211; we respond to the same <a href="http://nudges.wordpress.com/">psychological nudges</a>, whether we’re working or playing.</p>
<h2>Making a game out of email</h2>
<p>“Okay,” you’re saying, “interesting ideas but how might we apply these ‘numeric nudges’ apply to a more serious subject?</p>
<p>To test my hypothesis&#8211; that yes, “serious” applications can be playful&#8211; let’s go through the process I’d use to transform email. Starting with the stated goal of “inbox zero,” let’s design a system that might help us become better email players. Let’s create The Game of Email.</p>
<p><strong>1. Identify specific behavior patterns to encourage (or discourage)</strong></p>
<p>What behaviors do you want to change? Is there a behavior you want to see more? Maybe it’s a bad habit you’d like to eliminate? For some applications, identifying this can be challenging. Fortunately with our example, thousands of bloggers and self-help gurus have already identified both good and bad email habits and translated these into helpful tips like:</p>
<ul>
<li>Never open an email twice;</li>
<li>Read emails in the order they were received;</li>
<li>Answer briefly;</li>
<li>Respond in a timely manner;</li>
<li>Only check email twice a day (or once an hour);</li>
<li>&#8230;and so on.</li>
</ul>
<p>We’ll build on these tips for our little email game.</p>
<p><strong>2. Translate desired behavior patterns into data that can be passively tracked and measured</strong></p>
<p>Once you’ve identified (and prioritized) specific behaviors to influence, let’s see if these can translate into specific data that can be passively monitored by the system. Sometimes, translating an idea is straightforward: With something like “respond in a timely manner” we can start a timer from either the moment an email is received or opened for the first time. Be careful though, depending on your context, even a simple translation like this may need to factor in things like business days or adjusting what “timely manner” means to various people.</p>
<div id="attachment_5364" class="wp-caption aligncenter" style="width: 616px"><a href="http://johnnyholland.org/wp-content/uploads/email-game-timer-countdown.gif"><img class="size-full wp-image-5364" title="email-game-timer-countdown" src="http://johnnyholland.org/wp-content/uploads/email-game-timer-countdown.gif" alt="gmail shown with countdown timer" width="606" height="83" /></a><p class="wp-caption-text">You don</p></div>
<p>The biggest challenge you’ll find is with tracking qualitative behaviors. For example, if I wanted to know how clearly I’m communicating in my emails&#8211; that is much more difficult to measure compared to simply tracking if or when I responded to an email. That said, tracking qualitative achievement is possible when we introduce a social layer, something I’ll mention below.</p>
<p><strong>3. Attach points to these behaviors</strong><br />
Now that we’ve identified the behaviors we want to encourage, and determined how to track those behaviors, let’s recognize them. We’re going to award and deduct points for the behaviors listed above; points earned will form the basis of our scoring system.</p>
<p>Using “never open an email twice” as an example, a good system would encourage you to:</p>
<ul>
<li>Read and delete;</li>
<li>Read and respond;</li>
<li>Read and file, or;</li>
<li>discard (without reading).</li>
</ul>
<p>So, we offer helpful text to remind people of these 4 options (think of this message as training wheels that eventually go away) and then we award points based on behavior:</p>
<ul>
<li><strong><em> </em></strong>+10 points for taking action when you open email;</li>
<li>0 points for opening an email a second time;</li>
<li>- 5 points for opening it a 3rd time (and so on).</li>
</ul>
<p>If we were to create a similar point scale for the other behaviors we identified, you end up with a total number of possible points and actual points earned. So, for a specific email exchange, you might get something like this:</p>
<a href="http://johnnyholland.org/wp-content/uploads/email-game-total-points.gif"><img class="aligncenter size-full wp-image-5366" title="email-game-total-points" src="http://johnnyholland.org/wp-content/uploads/email-game-total-points.gif" alt="" width="500" height="76" /></a>
<p><strong>4. Translate points into a periodic score and other useful information</strong><br />
While tracking performance per email exchange is kind of interesting the first few times, this novelty gets old quickly. Think about ways you can introduce cycles into the system&#8211; an end of month reports is a great idea to see how we’re doing overall. By slicing the data in different ways, we could also learn what our average response time is to specific individuals. Or maybe we might learn what time of day (or night) is best for us to respond to emails. The possible types of reports are limited only by what you can imagine: just don’t lose sight of what is interesting and worthwhile to people.</p>
<a href="http://johnnyholland.org/wp-content/uploads/email-game-avg-response-times.png"><img class="aligncenter size-full wp-image-5367" title="email-game-avg-response-times" src="http://johnnyholland.org/wp-content/uploads/email-game-avg-response-times.png" alt="" width="500" height="150" /></a>
<p><strong>5. Display the score in a fun way</strong><br />
<a href="http://johnnyholland.org/wp-content/uploads/balloon-losing-air.gif"><img class="alignright size-full wp-image-5379" title="balloon-losing-air" src="http://johnnyholland.org/wp-content/uploads/balloon-losing-air.gif" alt="" width="113" height="207" /></a>Far too often, we have interesting data, but it’s not displayed in a way that is compelling. In this discussion of numbers and data, it’s easy to lose site of the fact that we are emotional beings; there’s a growing body of research exploring how our affect governs everything from decision making to memory. Make the time to look at the what you are revealing and determine if there is a more compelling or emotional way to present that information. Dopplr chose to represent “<a href="http://blog.dopplr.com/2008/06/26/dopplr-copenhagen-release-public-profiles/">personal velocity</a>” (distance traveled in a year) not as a number, but as animal that moves at approximately the same velocity. What if credit scores where represented as a hot air balloon? Or a measure of collaboration might be represented as a bee hive? Get creative with how you represent the data&#8211; our brains will thank you for that with extra attention.</p>
<p><strong>6. Create Rules to Translate Data into Helpful Information</strong><br />
While cumulative scores and fun representations are somewhat useful, think about how you can turn specific activity patterns into helpful tips. This can be a tedious process of defining the rules and correlating messages, but the resulting personalized tips can be quite helpful:</p>
<blockquote><p>“Ouch! You only responded to 38% of your emails in a timely fashion. This may be due to your lengthy (avg 17.4 sentences) replies. For next month, focus on shorter responses in a shorter timeframe.”</p></blockquote>
<p>If our “score” hinted at a story, the story is explained in this text.</p>
<p><strong>7. Set Challenges</strong><br />
Competing with oneself is a powerful motivator&#8211; if you provide something to compete against. This can be a best “winning streak,” a “top score,” the allure of “the next level” of mastery&#8211; the possibilities are endless. A boring game is one that doesn’t offer me ever increasing challenges. While mastery of email may be a challenge for some, up the ante for those who are at 100%. Decrease the time allowed to respond to incoming emails or introducing new barriers&#8211; you can no longer check emails as frequently as you did.</p>
<p>One interesting note here, while many games are built on a system that encourages you to “level up” as you increase experience (think Karate belts and most videogames, etc.), this assumes a beginner level. In business contexts I’ve found the analogy of a “credit score” to be more often the case; that is, you want to maintain the highest level possible, which you may or may not have been when the “game” began.</p>
<p><strong>8. Add social cues</strong><br />
While competing against your own best score is a powerful motivator, social cues are much more powerful. “How do I compare to my peers?” What’s an “avalanche” for other people? 30 emails? 500 emails? How does their situation compare to mine and are they any better?</p>
<p>Imagine disclosing your “email ninja” score with others (and likewise). While there has been some heated debate about the use and abuse of leaderboards, we do like to know how we’re performing relative to other friends who are also “playing the game.” In a somewhat quantified way (or maybe something more playful, like Dopplr’s personal velocity), you could discover those folks in a similar situation to you who seem to have their act together. Maybe a “privilege” of the game is earning the status to share a tip or two with others in your “game of email” network.<br />
<a href="http://johnnyholland.org/wp-content/uploads/email-game-ninja-badge.png"><img class="aligncenter size-full wp-image-5369" title="email-game-ninja-badge" src="http://johnnyholland.org/wp-content/uploads/email-game-ninja-badge.png" alt="" width="463" height="56" /></a></p>
<p><strong>9. Have fun. Make it interesting</strong><br />
This is a catch all for all the other fun things we haven’t even discussed! Think about pleasant surprises. Or ways to create <a href="http://en.wikipedia.org/wiki/Scarcity">scarcity</a> (<a href="http://www.seriosity.com/attent.html">Attent™ with Serios™</a> has introduced scarcity by creating a virtual economy where you earn and spend points to increase the importance of an outbound email). In a previous article, I discussed how <a href="http://johnnyholland.org/2009/08/24/curiosity-and-interaction-design/">curiosity can motivate people to action</a>&#8211; how could we arouse some curiosity here? What about earning privileges, such as new features or the customization opportunities that tap into our desire for self-expression. What about exchanging <a href="http://www.slideshare.net/amyjokim/virtual-goods-why-how-they-work">virtual gifts</a>? What about injecting some humorous language&#8230;</p>
<a href="http://johnnyholland.org/wp-content/uploads/email-game-back-too-soon.gif"><img class="aligncenter size-full wp-image-5370" title="email-game-back-too-soon" src="http://johnnyholland.org/wp-content/uploads/email-game-back-too-soon.gif" alt="" width="298" height="193" /></a>
<h2>Closing</h2>
<p>We could go on specifying the details of <strong>The Game of Email</strong>. But you get the idea. We’re introducing feedback loops that tell me &#8212; in objective terms &#8212; how I’m performing. Not just at periodic intervals, but along the way with tight feedback loops that indicate how I’m doing now, so I can adjust and change course.</p>
<p>The rules are up to us. The game can be personal or social. We can layer on tons of other game mechanics (challenges, levels, variable rewards, prizes and what have you). But underneath it all, there’s a system offering me reflection on my behaviors.</p>
<p>Could business applications benefit from this kind of thinking? Would these numbers change anything? It’s a nudge in the right direction.</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2010/01/when-data-gets-up-close-and-personal/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Applying Curiosity to Interaction Design: Tell Me Something I Don&#039;t Know</title>
		<link>http://johnnyholland.org/2009/08/curiosity-and-interaction-design/</link>
		<comments>http://johnnyholland.org/2009/08/curiosity-and-interaction-design/#comments</comments>
		<pubDate>Mon, 24 Aug 2009 11:36:49 +0000</pubDate>
		<dc:creator>Stephen Anderson</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Psychology]]></category>
		<category><![CDATA[curiosity]]></category>
		<category><![CDATA[story telling]]></category>

		<guid isPermaLink="false">http://johnnyholland.org/?p=3457</guid>
		<description><![CDATA[Curious?]]></description>
			<content:encoded><![CDATA[<img width="220" height="160" src="http://johnnyholland.org/wp-content/uploads/2011/12/stephnen-hurdle.jpg" class="attachment-index-categories wp-post-image" alt="stephnen-hurdle" title="stephnen-hurdle" /><img class="alignnone size-full wp-image-3490" title="curiosity" src="http://johnnyholland.org/wp-content/uploads/curiosity.png" alt="" width="416" height="160" />
<p>Given just a bit of information, we naturally crave more. Given a puzzle, we have to solve it. So, as interaction designers, how are we using this bit of insight into human behavior?</p>
<p><span id="more-3457"></span></p>
<h2>The hook</h2>
<p>My wife is an expert conversationalist and master of &#8220;the hook.&#8221; By hook, I mean that simple statement, skillfully dropped in a conversation, and so intriguing you cannot help but want to know more. We can be sitting with friends discussing any topic. If the conversation begins to wane, she&#8217;ll casually work in some phrase like &#8221;<em>When I worked at a prison</em>, blah blah blah&#8230;&#8221; When you did <em>what?!</em> And there it is: A hook so captivating you just have to know more!</p>
<p>Great storytellers know exactly how to turn the ordinary—a trip to the grocer—into a suspenseful story by withholding information. In new relationships, flirtation often involves some element of playful teasing, whether through conversation or more sensual revelations. And newsrooms have made a science out of crafting irresistible headlines—<em>&#8220;Your PC might be infected!&#8221;</em> or <em>&#8220;Are you prepared for the tax law changes?&#8221;</em></p>
<p>We are captivated by the unanswered question. To quote JJ Abrams, creator of TV Series <em>Lost</em>, &#8221;mystery demands that you stop and consider—or, at the very least, slow down and discover.&#8221;</p>
<h2><strong>Curious Marketing</strong></h2>
<p>In recent years, Hot Wheels has begun including a &#8220;mystery car&#8221; in their store shipments. Unlike all the other cars encased in clear plastic, this car is shielded by an opaque black plastic—you have no idea what kind of car is in there:<br />
<img class="aligncenter size-full wp-image-3458" title="hot-wheels-curosity" src="http://johnnyholland.org/wp-content/uploads/hot-wheels-curosity.jpg" alt="" width="640" height="360" /><br />
With two or three dozen hot wheels to choose from, guess which one the kids go after? Given the choice of all these &#8220;known&#8221; cars, the one that—in my experience—gets attention (and allowances) is the Mystery Car—the one that is &#8220;unknown.&#8221;</p>
<p>Crazy? Perhaps.  But this same bit of psychology also works on grownups.</p>
<p>Here is a rather interesting promotion from California Pizza Kitchen. At the end of my dinner (along with the bill) I was given the &#8220;The &#8217;Don&#8217;t Open It&#8217; CPK Thank You Card.&#8221;</p>
<a href="http://johnnyholland.org/wp-content/uploads/cpk-card-curiosity1.jpg"><img class="alignright size-medium wp-image-3460" title="cpk-card-curiosity1" src="http://johnnyholland.org/wp-content/uploads/cpk-card-curiosity1.jpg" alt="" width="210" height="152" /></a>
<p>It&#8217;s a coupon, with an interesting twist: You bring this with card you next time you come back to CPK. You&#8217;ve already won something, from a free appetizer up to $50 dollars (or more). But you don&#8217;t know what you&#8217;ve won until your next visit (see where this is going?).  The instructions are pretty clear: Whatever you do, do NOT open this or whatever you&#8217;ve won is null and void! A manager has to open this for you <em>when you return</em>. You are guaranteed to get something worthwhile—and this is a critical part or arousing curiosity. Coupons are too explicit—&#8221;here is your 20% off.&#8221; Scratch offs and lottery tickets are most likely to reveal nothing. Here, the fine print teases you with a list of the possible prizes. Now I&#8217;m curious: <em>which prize have I won?</em> This is a mystery that needs closure.</p>
<p>So back to my question: How are we—as interaction designers—leveraging curiosity in our designs?</p>
<h2><strong>A Venture into the Unknown</strong></h2>
<p>In writing this, I’ve been thinking about two kinds of information: “known” and “unknown” information.</p>
<p>As UX professionals, we excel at making things known. If it’s unknown, it’s unclear and likely to be confusing. A puzzling button label? Make it clear. An unclear process? Make it more familiar. For good reasons, we value things like (user) control, clarity and consistency. We remove uncertainty in interfaces.</p>
<p>But once we’ve removed all the usability potholes from a particular path, how can we reintroduce the simple thrill of driving? How can interactions be made more effective—and fun—by introducing a bit of (controlled) uncertainty?</p>
<p>Let’s go back to our Hot Wheels and CPK examples. Did you notice these things?</p>
<ol>
<li><strong>Some tiny bit of information makes us aware of something that is unknown.</strong> Black plastic packaging hides a toy inside, or we are presented with a mysterious card.</li>
<li><strong>Context provides some relevance.</strong> These are kids, shopping for a toy. I’m found eating at a restaurant I presumably like.</li>
<li><strong>Enough clues are given to help us make a judgement about the personal value of  that unknown information. </strong>Kids who like Hot Wheels can infer that this car will be similar in quality and possibilities as the surrounding options. The fine print on the back of the card explains the range of possible options.  Value can come in many forms: the winning lottery ticket; the satisfaction of solving a puzzle; being entertained by a story.</li>
</ol>
<p>Information can be presented in a manner that is straightforward or curious. If we opt for the latter, we are guaranteed not only attention, but likely higher engagement as well—curiosity demands we know more! What was known information (a simple coupon or another toy car option) that might have been ignored has been converted into something unknown, something mysterious, something that demands resolution.</p>
<h2><strong>&#8220;Information-Gap Theory&#8221;</strong></h2>
<p>When we become aware of this missing information- when something changes from being known (or so we thought) to an unknown state—we become curious. This is the explanation of curiosity posed by behavioral economist  George Loewenstein in his Information-Gap Theory. Loewenstein says “curiosity happens when we feel a gap in our knowledge.”</p>
<p>The feeling we get from these information gaps is best described as deprivation, which is critical to understanding why it is we are motivated by curiosity. In order to “eliminate the feeling of deprivation,” we seek out the missing information. This is of course ironic, considering that we routinely seek out puzzles, mystery novels and other curious situations that create this sense of deprivation. However, it’s important to note that many researchers once viewed curiosity as something aversive; a decision-theoretic view suggests we should only want to know something if it helps us make more informed decisions. Why would be attracted to something that offers no extrinsic benefit? Many other debates have surrounded curiosity: Is curiosity internally or externally stimulated? Is curiosity a primary drive, like hunger or fear? Is curiosity a state or trait? And this one: “If people like positive levels of curiosity, why do they attempt to resolve the curiosity?”</p>
<p>In his 1994 publication “The Psychology of Curiosity,” Lowenstein surveys the body of curiosity research, much of which occurred in the early 1960s and 70s. In doing so, he provides and backdrop by which to understand his own research and how it resolves many of the debates surrounding curiosity. Simply stated: I’m curious because there’s a gap between “what I know and what I want to know.” Two notable implications come from this perspective:</p>
<ol>
<li>The intensity of curiosity correlates to the likelihood of certain information to resolve the information-gap. Loewenstein’s own tests confirmed that subjects were more curious when given parts of a greater whole—the need to complete enough of a picture puzzle in order to determine what it was (a picture of an animal) resulted in more interaction than a scenario where each block was a discrete picture.</li>
<li>Curiosity correlates with our own understanding of particular domain. The more we know about some topic, the more likely we are to focus on our own information-gaps. If I know 8 of 10 items, I’m more curious about the remaining 2 than if I only know 2 of 10 things.</li>
</ol>
<h2><strong>Business Application?</strong></h2>
<p>Given that curiosity reflects a desire to close information gaps, how can we apply this to interaction design?</p>
<p>First, consider some business situations where you might want to motivate people through curiosity.</p>
<ul>
<li> You have a great product, but low adoption</li>
<li> You need to get the attention of the casual visitor—you operate in a crowded space and aren’t perceived as having any differentiated value</li>
<li>You’re trying to increase the number of registered users</li>
<li>You have a high bounce rate—visitors aren’t coming back to your site</li>
</ul>
<p>In each of these cases, no matter how good (or bad) you product is, people aren’t giving it the time of day. You need ways to get people’s attention—and to “nudge” their behaviors. Below are a few examples of companies making effective use of curiosity for just such a purpose:</p>
<h3>LinkedIn</h3>
<p>Let’s illustrate this “gap”  in knowledge with a look at the professional networking site LinkedIn. One of their business goals? Sell paid accounts. Like most businesses, they have a generic description of the benefits you receive with a paid account. Think of this as “general known” information. While this information could certainly be compelling, there’s a population for whom the cost may not be worth the perceived value.<br />
<img class="alignnone size-full wp-image-3461" title="curiosity-visual-thinking-1" src="http://johnnyholland.org/wp-content/uploads/curiosity-visual-thinking-1.gif" alt="" width="640" height="157" /><br />
Of course, those customers with paid memberships have access to specific known information:<br />
<img class="alignnone size-full wp-image-3462" title="curiosity-visual-thinking-2" src="http://johnnyholland.org/wp-content/uploads/curiosity-visual-thinking-2.gif" alt="" width="640" height="157" /></p>
<p>This is how most businesses run: <em>“Cross the [registration / paid account / personal information ] threshold and you can have all this!”</em> Unfortunately, this generic description of benefits is often not enough for many people.</p>
<p>One (of many!) things LinkedIn has done is to give you a personalized glimpse at what could be known:</p>
<img class="aligncenter size-full wp-image-3463" title="linkedin-curiosity" src="http://johnnyholland.org/wp-content/uploads/linkedin-curiosity.gif" alt="" width="491" height="335" />
<p>Essentially, LinkedIn is teasing us with bits of relevant information: <em>“Someone at this [specific company].”  “A [specific role] at x company.”</em> They move us into an unknown state by sharing bits of knowledge that could be fully known, as a paid member. Nothing has been given away for free—I still don’t know who looked at my profile, but I am aware of some partial knowledge that might be worthwhile to know in full. As one friend said, “If I know someone from Apple has been looking at my profile, you can bet I want to know who!”</p>
<p>If this partial information proves relevant and valuable, you’ll want to know more, right? In essence, they’ve created a zone of curiosity between two previously known  states.</p>
<a href="http://johnnyholland.org/wp-content/uploads/curiosity-visual-thinking-3.gif"><img class="alignnone size-full wp-image-3464" title="curiosity-visual-thinking-3" src="http://johnnyholland.org/wp-content/uploads/curiosity-visual-thinking-3.gif" alt="" width="640" height="196" /></a>
<h3>Quantcast</h3>
<p>Quantcast does something similar, only they’ve created a much larger “zone of curiosity.” You can, with nothing required of you, get a ton of free and quite useful site metrics: traffic stats, demographic information, lists of similar sites and so on. The value to a site owner is obvious. But there’s a bit of information withheld: to get Business Activity data, you must “Get Quantified.”<br />
<img class="alignnone size-full wp-image-3465" title="quantcast-curiosity" src="http://johnnyholland.org/wp-content/uploads/quantcast-curiosity.jpg" alt="" width="640" height="300" /><br />
What’s nice about this version of Quantcast’s call to action is what we our brains see: something being hidden from us. You can almost see through the sticker covering some data! Obviously, this is a static image—there is no live data there beneath a sticker. But we think in images and this visual affordance registers as: “Here’s a sticker. We need to know what’s underneath it. We can’t allow this knowledge to remain unknown!”</p>
<h3>Netflix</h3>
<p>Netflix leverages these same ideas when returning a movie rental. For Netflix, the data from your movie rental preferences is gold. Rating a movie not only improves your recommendations, but we as a collective improve the entire recommendation system. Consequently, the site is built around this idea of rating movies. So why then, would they ask you “Rate your recent return to reveal 2 movies you’ll love?”<br />
<img class="aligncenter size-full wp-image-3466" title="netflix-curiosity" src="http://johnnyholland.org/wp-content/uploads/netflix-curiosity.jpg" alt="" width="500" height="261" /><br />
There is an immediacy to this request—we see the empty slots where two movies will be revealed. Sure, I can rate movies and get recommendations all over the site, but there is something more immediate (and novel) about how this presented.<br />
As with Quantcast, I see the thing I want to take action on; I’m presented—visually—with two unknowns. For the “cost” of rating this movie, I can reveal two more (hopefully interesting) movies. I can make the unknown known.</p>
<h2><strong>Specific Motivation</strong></h2>
<p>It is human to be curious. And human to pursue a mystery until it is resolved. This has motivated scientists and explorers for centuries. If teased with a bit of interesting information, we want to know more. But to be clear, what we’re talking about here is a very specific kind of curiosity.</p>
<p>In the early 1950s, D. E. Berlyne was one of the first researchers to propose a categorization of different types of curiosity: He identified two dimensions of curiosity: one extending between perceptual and epistemic curiosity; the other spanning specific and diversive curiosity. I’ve plotted these below with a few of examples based on my own understanding of his research.<br />
<img class="alignnone size-full wp-image-3467" title="berlyne-curiosity-dimensions" src="http://johnnyholland.org/wp-content/uploads/berlyne-curiosity-dimensions.gif" alt="" width="640" height="378" /><br />
Although Berlyne&#8217;s conception of curiosity has been challenged, it still remains the backdrop against which many subsequent curiosity studies have defined their research. I’ve found this model useful for thinking about different kinds of curiosity and clarifying which flavor of curiosity is most easily applied to interaction design.</p>
<p>In the context of this article, I’m referring to a perceptual-specific curiosity, one in which we confront people with very specific gaps in their knowledge in a novel manner or context. While you can certainly create “gaps” in knowledge in a variety of ways, the examples in this article are more concerned with a variety of curiosity akin to teasing.</p>
<h2><strong>Now what?</strong></h2>
<p>If you want to make someone curious, make them aware of something they don’t know. Find that information you can use to tease people. Chances are, you&#8217;re either withholding all the specific information or giving it all away. To get attention and engage the senses, look for ways to turn these direct messages into a quest to be completed. A few tips:</p>
<ul>
<li>Your “tease” needs to be interesting, or at least proportionate in appeal to the cost required</li>
<li>Strive to make this personally relevant to your target user</li>
<li>Make the promise of something worthwhile—what’s it going to cost people?</li>
<li>Establish trust through other givens and context clues</li>
<li>Use visuals suggest or create the immediate perception of mystery</li>
<p><em>and,</em></p>
<li>if you’re trying to lure me with something that is given away freely elsewhere—don’t.</li>
</ul>
<p>With that, I’m curious to see how you work these ideas into your interactions!</p>
]]></content:encoded>
			<wfw:commentRss>http://johnnyholland.org/2009/08/curiosity-and-interaction-design/feed/</wfw:commentRss>
		<slash:comments>24</slash:comments>
		</item>
	</channel>
</rss>

