<?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>Bokardo &#187; Designing for the Social Web (book)</title>
	<atom:link href="http://bokardo.com/tag/designing-for-the-social-web-book/feed/" rel="self" type="application/rss+xml" />
	<link>http://bokardo.com</link>
	<description>Interface Design &#38; UX by Joshua Porter</description>
	<lastBuildDate>Tue, 08 May 2012 09:53:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.2</generator>
<xhtml:meta xmlns:xhtml="http://www.w3.org/1999/xhtml" name="robots" content="noindex" />
		<item>
		<title>Designing for the Social Web: Signs of Life</title>
		<link>http://bokardo.com/archives/designing-for-the-social-web-signs-of-life/</link>
		<comments>http://bokardo.com/archives/designing-for-the-social-web-signs-of-life/#comments</comments>
		<pubDate>Wed, 28 May 2008 12:12:33 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[Designing for the Social Web (book)]]></category>
		<category><![CDATA[Social Design]]></category>

		<guid isPermaLink="false">http://bokardo.com/?p=772</guid>
		<description><![CDATA[It has long been known that savvy restaurants use a bag of tricks to build buzz and interest. One trick is to seat early customers near windows so that people passing by will think the place is full. This has the effect of making the place seem popular as people usually can&#8217;t see the empty [...]]]></description>
			<content:encoded><![CDATA[<p>It has long been known that savvy restaurants use a bag of tricks to build buzz and interest. One trick is to seat early customers near windows so that people passing by will think the place is full. This has the effect of making the place seem popular as people usually can&#8217;t see the empty seats that are further inside the restaurant. </p>
<p>A second trick restaurants use is to create a line out the door so that people think there is strong demand. This is also often artificial, making us think that many people are waiting to get in. Sometimes they merely create lines by not letting people sit down, making an excuse that the empty seats are &#8220;reserved&#8221;. Other times they simply don&#8217;t let people in. This is often practiced by nightclubs, who rely even more on mystique and exclusivity than restaurants do. </p>
<p>These techniques leverage powerful social behavior. When people are searching for a place to eat, they rely on the behavior of others to help them make their decision. They seek out <strong>signs of life</strong>&#8230;signs that other people are present and already doing something. If they are doing it, it must be worth it, we think. Given the choice between something that nobody has chosen to do and something that many people are doing, it is human nature to gravitate to what others are doing. </p>
<p>On the web, signs of life are extremely important, for several reasons. </p>
<ul>
<li><strong>Too much choice</strong><br />One reason is the sheer amount of choice we face. As the web continues its torrid growth, we simply have too many web sites to sort through, too many places to buy products from, too many software providers to pick from. </li>
<li><strong>Black box of use</strong><br />Another reason signs of life are important is that web applications are like black boxes. Many applications, like Google Docs, for example, require a login to use. Because of this we simply can&#8217;t see what others are doing with the software. We can&#8217;t see if they&#8217;re using it well or not using it at all. </li>
</ul>
<p>When sites leverage signs of life well, it provides welcome direction for folks trying to make a decision. A great example of signs of life is the <a href="http://www.freshbooks.com">Freshbooks home page</a>, which contains an interface element called &#8220;Some of our happy users&#8230;&#8221;. </p>
<p><a href="http://www.flickr.com/photos/bokardo/2531043356/" title="Freshbooks Homepage - Annotated by bokardo, on Flickr"><img src="http://farm3.static.flickr.com/2062/2531043356_01191b965c_o.png" style="width:100%;max-width:662px;" alt="Freshbooks Homepage - Annotated" /></a></p>
<p>The happy users element does many things well. Most importantly, it is authentic. You immediately get the sense that these are real people who actually do like the product. The pictures are decent, but not airbrushed or overly produced. The quotes sound like real people, not infomercial-like. Subtle touches like using people from all over the world and including team size add to the sense that these people are just like you: the intended audience.  </p>
<p>In addition to these testimonials, there are many other ways to leverage signs of life. I describe several more in <a href="http://bokardo.com/archives/designing-for-the-social-web-the-book/">Designing for the Social Web</a>. But though leveraging signs of life in your design is powerful, <em>it must be authentic</em>. You can&#8217;t use stock photography and made-up quotes and expect people to react positively to them&#8230;people can smell fake a mile away. </p>
<p>While the Freshbooks people aren&#8217;t actually standing in line outside the door of a restaurant, they might as well be. They&#8217;re having the same effect: showing others there are people here using this software&#8230;acting as signs of life on what could otherwise be a desolate home page. </p>
]]></content:encoded>
			<wfw:commentRss>http://bokardo.com/archives/designing-for-the-social-web-signs-of-life/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>More on the Usage Lifecycle: Lifecycle Messaging</title>
		<link>http://bokardo.com/archives/more-on-the-usage-lifecycle-lifecycle-messaging/</link>
		<comments>http://bokardo.com/archives/more-on-the-usage-lifecycle-lifecycle-messaging/#comments</comments>
		<pubDate>Fri, 16 May 2008 11:07:18 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[Designing for the Social Web (book)]]></category>
		<category><![CDATA[Social Design]]></category>

		<guid isPermaLink="false">http://bokardo.com/?p=771</guid>
		<description><![CDATA[A great example of the Usage Lifecycle in practice. The other day I wrote about the idea that people go through a progression as they use your software, what I call the Usage Lifecycle. I described how Tripit.com was doing a good job at getting people over the hurdle of Sign-up with several really nice [...]]]></description>
			<content:encoded><![CDATA[<p><em>A great example of the Usage Lifecycle in practice.</em></p>
<p>The other day I wrote about the idea that people go through a progression as they use your software, what I call the <a href="http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/">Usage Lifecycle</a>. I described how <a href="http://tripit.com">Tripit.com</a> was doing a good job at getting people over the hurdle of <em>Sign-up</em> with several really nice features on their site. </p>
<p>Here&#8217;s an example of a design team doing a good job of getting over a different hurdle, the hurdle of <em>Return Visits</em>.  </p>
<div style="float:right;width:270px;"><a href="http://www.flickr.com/photos/bokardo/2496112343/" title="Usage Lifecycle - Hurdle of return visits by bokardo, on Flickr"><img src="http://farm3.static.flickr.com/2364/2496112343_7af29263c0_o.png" width="256" height="157" alt="Usage Lifecycle - Hurdle of return visits" /></a></div>
<p><a href="http://www.half.ebay.com/">Half.com</a> founder Josh Kopelman wrote a great post on what he calls <a href="http://redeye.firstround.com/2008/05/lifecycle-messa.html">lifecycle messaging</a>. He wonders why this technique isn&#8217;t used more: </p>
<blockquote><p>&#8220;I&#8217;m surprised how little pro-active messaging/communication most Internet companies do.  And if they do send me an email, it tends to be a generic weekly promotional email that they send to all users.  One thing that I learned at half.com is the importance of lifecycle messaging &#8212; in which you deliver different messages to different users based on where they are in their lifecycle.&#8221;</p>
</blockquote>
<p>Josh gives several examples of how they used lifecycle messaging at half.com. They paid very close attention to new users, in particular, sending them emails at very specific times in order to keep their attention and time their next action. They found out that two weeks is very important in the lifecycle of book readers: </p>
<blockquote><p>&#8220;The average fiction book is read within two weeks of purchase.  So if you purchased a John Grisham book for $8.75 on Half.com, chances are that you will finish it within 14 days.  We decided to implement an auto-email that was sent 17 days after purchase that said &#8220;Want your $8.75 back, click here to list your Grisham book for sale&#8221;.  We found that the open (and conversion) rate of that email was amazing &#8212; and it greatly added to our ability to &#8220;turn&#8221; the same book multiple times.&#8221;</p>
</blockquote>
<p>This is fascinating in its simplicity. Once you know the day that someone receives a book, you know a lot more about them&#8230;they&#8217;ll probably read that book within two weeks and will be ready to get rid of it after that. And it doesn&#8217;t have to be email-based, either. It could be something embedded right into the dashboard of users that changes based on some metric, say how many times the person has logged in. </p>
<p>As some readers pointed out, the usage lifecycle isn&#8217;t a novel idea. Some industries have been using lifecycle messaging for a long time. Take, for example, this <a href="http://andrewchen.typepad.com/andrew_chens_blog/2008/05/learning-about.html">insightful post by Andrew Chen</a> (both Josh and Andrew are excellent bloggers), who writes about how the casino industry in particular is fond of the lifestyle framework. </p>
<p>Why, then, are web applications so far behind? I think it may have to do with how we&#8217;ve approached web apps. For a long time we treated web applications as products, akin to physical products that are produced and used. We also treated them as publications in a way. But web apps are more like services delivered over time, or perhaps more descriptively <em>tools that talk back</em>. </p>
<p>So the overall value of the usage lifecycle is to really dig into the steps it takes for someone to become a passionate user of your software. The crazy thing is that <em>you probably already have the information you need, but just aren&#8217;t surfacing it in your interface design</em>. The important thing to remember is that people don&#8217;t become passionate overnight or without cause.</p>
<p>And, for the folks who asked why I organized <a href="http://bokardo.com/archives/designing-for-the-social-web-the-book/">my book</a> around the usage lifecycle? Well, that&#8217;s easy. I tried to identify the problems that designers and developers were having over and over and write a book to help address them. The problems I kept seeing became the hurdles in the usage lifecycle: <em>Gaining Awareness</em>, <em>Getting people to Sign-up</em>, <em>Coaxing Return Visits</em>, and <em>Eliciting Emotional Attachment</em>. I&#8217;ll be writing more and more about these things over the coming weeks. </p>
<p>Now that I&#8217;ve fleshed out the usage lifecycle and lived with the idea for a year and I&#8217;m starting to get feedback from folks reading the book, I&#8217;m confident that these are indeed core challenges that many folks are dealing with. They aren&#8217;t easy, but they&#8217;re not black magic either. We simply need a framework that puts them in perspective. That&#8217;s what I&#8217;ve tried to do with the usage lifecycle. </p>
]]></content:encoded>
			<wfw:commentRss>http://bokardo.com/archives/more-on-the-usage-lifecycle-lifecycle-messaging/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Designing for the Social Web: The Usage Lifecycle</title>
		<link>http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/</link>
		<comments>http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/#comments</comments>
		<pubDate>Wed, 14 May 2008 12:23:04 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[Designing for the Social Web (book)]]></category>
		<category><![CDATA[Social Design]]></category>

		<guid isPermaLink="false">http://bokardo.com/?p=768</guid>
		<description><![CDATA[The Usage Lifecycle describes how far a person has progressed in using your web application, helping to identify the hurdles someone needs to overcome to become regular, passionate users. Babycenter.com has a really great newsletter. Once you tell the site when you&#8217;re expecting, it sends you a weekly newsletter targeted at the specific stage of [...]]]></description>
			<content:encoded><![CDATA[<p><em>The Usage Lifecycle describes how far a person has progressed in using your web application, helping to identify the hurdles someone needs to overcome to become regular, passionate users.</em></p>
<p>Babycenter.com has a really <a href="http://www.babycenter.com/newsletters">great newsletter</a>. Once you tell the site when you&#8217;re expecting, it sends you a weekly newsletter targeted at the specific stage of pregnancy you&#8217;re in. At 4.5 months, <a href="http://www.babycenter.com/newsletter-pregnancy-120">for example</a>, it tells you that your baby weighs about 10.5 ounces and is 10 inches long. This information is timely and relevant&#8230;it knows exactly what stage you&#8217;re in and helps you deal with the stresses and questions at that point. </p>
<p>The key to babycenter&#8217;s ability to deliver a relevant newsletter is that they know your delivery date. Once they know that, they know *a lot* about what you&#8217;re going through, as pregnancy is a well-defined process that is mostly the same for everyone. Nine month cycle. Kid. Simple. </p>
<p>Can people designing products of all sorts take advantage of this lifecycle process? Yes, I think they can. One of the primary ideas in my new book, <a href="http://bokardo.com/archives/designing-for-the-social-web-the-book/">Designing for the Social Web</a> is a similar kind of lifecycle, what I call the &#8220;Usage Lifecycle&#8221;. The usage lifecycle isn&#8217;t as clear cut as pregnancy is, but it recognizes that <em>people go through a progression as they use software</em>. They go from not knowing much at all (like parents early on in pregnancy) to feeling comfortable with the product (like, say, when parents become grandparents <img src='http://bokardo.com/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' />  ) to finally being passionate users. </p>
<p><a href="http://www.flickr.com/photos/bokardo/2491352253/" title="Usage Lifecycle by bokardo, on Flickr"><img src="http://farm3.static.flickr.com/2261/2491352253_56cc6675e6_o.png" style="width:100%;max-width:861px" alt="Usage Lifecycle" /></a></p>
<h2>The Stages of the Usage Lifecycle</h2>
<p>The stages of the lifecycle are straightforward and simple. You can dive into lots more depth as your application warrants, and you can add stages, but for the most part these five stages apply to almost all software. </p>
<ul>
<li><strong>Unaware</strong> This isn&#8217;t so much a stage as it is a starting point. Most people are in this stage: completely unaware of your product.</li>
<li><strong>Interested</strong> These people are interested in your product, but are not yet users. They have lots of questions about how it works and what value it provides.</li>
<li><strong>First-time Use</strong> These people are using your software for the first time, a crucial moment in their progression.</li>
<li><strong>Regular Use</strong> These people are those who use your software regularly and perhaps pay for the privilege.</li>
<li><strong>Passionate Use</strong> These people are the ultimate goal: passionate users who spread their passion and build a community around your software</li>
</ul>
<p>Note that each of these stages describes people, as opposed to a product or a market. It describes the different types of relationships people have with your software product. Have they used it yet? Have they even heard about it? What questions do they have? </p>
<p>Each of the stages are separated by hurdles. The hurdle between the &#8220;unaware&#8221; stage and the &#8220;interested&#8221; stage is &#8220;awareness&#8221;. At this stage what you need to do is make people aware of your product. How do you get people aware of what you&#8217;re doing? How do you get them interested and wanting to know more? How do you begin the conversation of what you do and carry that over into a meaningful relationship? </p>
<p>The lifecycle is particularly relevant to web-based software because the product is inextricable from the service. The product <em>is</em> the service. If a person has a question about what your software does, for example, you can literally build that answer into the software itself. One of my favorite examples at the moment is <a href="http://tripit.com">Tripit.com</a>. Tripit&#8217;s design is great at moving people from the &#8220;interested&#8221; stage to the &#8220;first-time use&#8221; stage, getting people over the hurdle of &#8220;sign-up&#8221;. </p>
<p>One of the ways that Tripit does this is by clearly explaining exactly what their service is and does. While this may seem like an easy thing to do, it&#8217;s actually quite hard. To boil the essence of your software down into a handy 3-pane &#8220;how it works&#8221; graphic seems like child&#8217;s-play. But only the resulting graphic is simple.  Creating the simple thing is the difficult part. </p>
<p><a href="http://www.flickr.com/photos/bokardo/2492163600/" title="TripIt | How it Works by bokardo, on Flickr"><img src="http://farm3.static.flickr.com/2144/2492163600_f2c5e2e567_o.png" style="width:100%;max-width:763px" alt="TripIt | How it Works" /></a></p>
<p>Another way that Tripit helps people get over the hurdle of sign-up is to make it super easy to sign up in the first place. They have a great feature that lets you simply forward them an email from a recent flight or hotel booking. They take that booking email and auto-create an account for you. No sign-up page to create an account. All you do is send an email. </p>
<p><a href="http://www.flickr.com/photos/bokardo/2492161810/" title="TripIt | Organize your travel by bokardo, on Flickr"><img src="http://farm4.static.flickr.com/3263/2492161810_e40c0e8b5e_o.png" width="345" height="76" alt="TripIt | Organize your travel" /></a></p>
<p>One of the problems I&#8217;ve seen over and over (and I&#8217;ve been guilty of this myself) is to recognize the stages while talking to people face to face, answering their questions, but then failing to bake that knowledge into the interface itself. By formalizing this conversation with the usage lifecycle, you can begin to set up a process of describing each stage in-depth, and then creating screens with that exact same information placed right on your web site. Just like Tripit does. </p>
<p>The usage lifecycle isn&#8217;t a new idea. It&#8217;s very similar to what a good salesman does when they target customers. They find out where the person is in the purchase lifecycle, and then tailor their message to get people moving along toward purchase. They answer the same questions over and over, point out the same features and benefits over and over. The lifecycle for any particular product or service is remarkably stable&#8230;it&#8217;s only a matter of identifying the lifecycle and designing for it. What babycenter has done with pregnancy, we should all be able to do with the usage lifecycle of our software.</p>
<p>So that&#8217;s an introduction to the usage lifecycle. I&#8217;ll be blogging more about the lifecycle as I work through the sections of my book: <a href="http://bokardo.com/archives/designing-for-the-social-web-the-book/">Designing for the Social Web</a>. </p>
]]></content:encoded>
			<wfw:commentRss>http://bokardo.com/archives/designing-for-the-social-web-the-usage-lifecycle/feed/</wfw:commentRss>
		<slash:comments>34</slash:comments>
		</item>
		<item>
		<title>Douglas Adams on Interactivity</title>
		<link>http://bokardo.com/archives/the-importance-of-quotes-in-books/</link>
		<comments>http://bokardo.com/archives/the-importance-of-quotes-in-books/#comments</comments>
		<pubDate>Mon, 12 May 2008 11:38:54 +0000</pubDate>
		<dc:creator>Josh</dc:creator>
				<category><![CDATA[Designing for the Social Web (book)]]></category>
		<category><![CDATA[quotes]]></category>
		<category><![CDATA[Social Design]]></category>

		<guid isPermaLink="false">http://bokardo.com/?p=767</guid>
		<description><![CDATA[As anybody who has ever read anything knows, the most important part of a book are the quotes sprinkled throughout it. Yes, if you are able to pick the perfect quotes to start your chapters with, then you&#8217;ve done the majority of hard work in writing. The words that you write yourself, the other 50,000 [...]]]></description>
			<content:encoded><![CDATA[<p>As anybody who has ever read anything knows, the most important part of a book are the quotes sprinkled throughout it. Yes, if you are able to pick the perfect quotes to start your chapters with, then you&#8217;ve done the majority of hard work in writing. The words that you write yourself, the other 50,000 or so marks on paper that fill in the spaces between the quotes, well, those are mostly there to give the sense that you did something on your own. But the quotes, the quotes, those are the show! </p>
<p>On that note, I thought I would start talking about my book <a href="http://bokardo.com/archives/designing-for-the-social-web-the-book/">Designing for the Social Web</a> by sharing the first quote in it. It&#8217;s a quote from what is undoubtedly one of the top 5 pieces written by anybody on the subject of the Internet. It&#8217;s from Douglas Adams&#8217; 1999 piece: <a href="http://www.douglasadams.com/dna/19990901-00-a.html">How to Stop Worrying and Learn to Love the Internet</a></p>
<blockquote><p>&#8220;During [the twentieth] century we have for the first time been dominated by non-interactive forms of entertainment: cinema, radio, recorded music and television. Before they came along all entertainment was interactive: theatre, music, sport&mdash;the performers and audience were there together, and even a respectfully silent audience exerted a powerful shaping presence on the unfolding of whatever drama they were there for. We didn&#8217;t need a special word for interactivity in the same way that we don&#8217;t (yet) need a special word for people with only one head.</p>
<p>I expect that history will show &#8220;normal&#8221; mainstream twentieth century media to be the aberration in all this. &#8216;Please, miss, you mean they could only just sit there and watch? They couldn&#8217;t do anything? Didn&#8217;t everybody feel terribly isolated or alienated or ignored?&#8217;</p>
<p>&#8220;Yes, child, that&#8217;s why they all went mad. Before the Restoration.&#8221;</p>
<p>&#8220;What was the Restoration again, please, miss?&#8221;</p>
<p>&#8220;The end of the twentieth century, child. When we started to get interactivity back.&#8221;</p>
</blockquote>
<p>I put this quote at the beginning of the book because it completely rewires the way we think about the Web. It is a new technology, sure, but the primary power of it is to enable interactivity&#8230;a <em>return</em> to interactivity that we&#8217;ve been slowly eroding with other forms of technology. As we design web-based interactive systems, it&#8217;s nice to know that we&#8217;re not conjuring value out of thin air&#8230;we&#8217;re simply returning to tried and true forms of human communication. </p>
]]></content:encoded>
			<wfw:commentRss>http://bokardo.com/archives/the-importance-of-quotes-in-books/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

