<?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>It Could Be Worse &#187; socialwebdesign</title>
	<atom:link href="http://www.timandkathy.co.uk/journal/tag/socialwebdesign/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.timandkathy.co.uk/journal</link>
	<description>Because every silver lining has a cloud. Or something.</description>
	<lastBuildDate>Tue, 10 Aug 2010 09:29:41 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>dConstruct 2008: part three</title>
		<link>http://www.timandkathy.co.uk/journal/2008/09/11/dconstruct-2008-part-three/</link>
		<comments>http://www.timandkathy.co.uk/journal/2008/09/11/dconstruct-2008-part-three/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 12:31:17 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[bokardo]]></category>
		<category><![CDATA[brighton]]></category>
		<category><![CDATA[dconstruct08]]></category>
		<category><![CDATA[joshuaporter]]></category>
		<category><![CDATA[socialwebdesign]]></category>

		<guid isPermaLink="false">http://www.timandkathy.co.uk/journal/?p=878</guid>
		<description><![CDATA[(See part one for some fascinating travel and eating anecdotes, and part two for the first half of Joshua Porter&#8217;s workshop) Designing for sign-up Contrary to what I (and presumably others) thought, this isn&#8217;t about the sign-up form! It&#8217;s more &#8230; <a href="http://www.timandkathy.co.uk/journal/2008/09/11/dconstruct-2008-part-three/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>(See <a href="http://www.timandkathy.co.uk/journal/2008/09/08/dconstruct-2008-part-one/">part one</a> for some <em>fascinating</em> travel and eating anecdotes, and <a href="http://www.timandkathy.co.uk/journal/2008/09/10/dconstruct-2008-part-two/">part two</a> for the first half of Joshua Porter&#8217;s workshop)</p>

<h3>Designing for sign-up</h3>

<p>Contrary to what I (and presumably others) thought, this isn&#8217;t about the sign-up <em>form</em>! It&#8217;s more to do with the need to <strong>articulate the core value of what&#8217;s being offered to the user</strong>. In pseudo-physics terms, it&#8217;s about converting potential energy into kinetic energy.</p>

<p>Research has been done that suggests that <strong>sign-up is nine times harder than we think it is</strong>:</p>


<ul>
<li>users overvalue their current solution by three times, and</li>
<li>providers overvalue their offering by three times</li>
</ul>



<p>Getting from interested to sign-up &#8211; <strong>there are three types of visitors</strong>:</p>


<ol>
<li>I know I want to sign up</li>
<li>I need to know more</li>
<li>I&#8217;m sceptical</li>
</ol>



<p>To meet those three visitor types where they are, there are three strategies for sign-up:</p>


<ul>
<li>immediate engagement &#8211; you can use the site and still see what&#8217;s in it for me (WIIFM) without signing up</li>
<li>articulate benefits and features</li>
<li>use levels of description, e.g.
<ul>
<li><a href="http://www.netflix.com/">Netflix.com sign-up screen</a></li>
<li><a href="http://www.tripit.com/">Tripit.com</a></li>
</ul>
</li>
</ul>



<p><strong>The carrot vs. the stick</strong>: <a href="http://netvibes.com/">Netvibes</a> lets you do stuff first, without signing up. If you want to <em>save</em> your stuff, though, you have to register. This is a stick, rather than carrot, approach but it can work well.</p>

<p><a href="http://www.lukew.com/">Luke Wroblewski</a> calls this &#8220;progressive engagement&#8221;, though Joshua prefers the term &#8220;instant engagement&#8221;. Some examples are <a href="http://www.slide.com/">Slide.com</a> and <a href="http://freshbooks.com/">Freshbooks</a></p>

<h3>Reputation</h3>

<blockquote><p>&#8220;Social problems don&#8217;t have technical solutions&#8221;</p></blockquote>

<p>The Yahoo Developer Network have some <a href="http://developer.yahoo.com/ypatterns/parent.php?pattern=reputation">design patterns for reputation</a> in their <a href="http://developer.yahoo.com/ypatterns/">pattern library</a>.</p>

<p>Reputation rewards need to be tied to quality as well as quantity; you need to reward (and highlight) desired behaviour. The example given was that of Heidi Klausner, a reviewer on <a href="http://www.amazon.com/">Amazon</a> whose number of reviews equates to &gt;5.5 <strong>per day</strong> since 2001. There is some speculation out there about her authenticity (i.e. whether she&#8217;s actually a team of reviewers) but her reviews seem to contain nothing that can&#8217;t be gleaned from the back cover of the books in question.</p>

<p>What&#8217;s interesting is that, while no-one will get anywhere near Ms. Klausner in raw number of reviews, other reviewers perform better using other, more intelligent metrics. Some have a much better ratio of helpful reviews to total reviews; others have more reviews marked as helpful.</p>

<p>Reputation isn&#8217;t just about people&#8217;s behaviour and actions; personal profiles contribute as well. &#8220;The profile must fit the domain&#8221;, however, so don&#8217;t ask users for the name of their dog on a business-focused site, for instance. <a href="http://yelp.com/">Yelp.com</a> is a good example of a site that combines lots of different reputation patterns.</p>

<blockquote><p>&#8220;Optimise for value-added behaviour&#8221;</p></blockquote>

<h3>Reciprocity</h3>

<p>On <a href="http://linkedin.com/">LinkedIn</a>, when someone recommends a colleague they&#8217;ve worked with, it&#8217;s very rare indeed that the recommended person doesn&#8217;t return in kind with a recommendation (so much so, that a failure to return the compliment is seen as an insult). This feeling of indebtedness can also apply to websites that users place value on, e.g. Amazon (again!).</p>

<p>Amazon now order their reviews by most helpful, not by date, and they display the rating spread (i.e. how many of each star rating), not just the average rating. 1-star reviews are important because people want to know the <em>worst</em> experience people have had, as well as the best, so they don&#8217;t buy a bad product.</p>

<p>eBay&#8217;s feedback profile contains lots of data. The join date is a very important piece of information; a longer membership period increases trust. eBay removed reciprocity from seller/buyer feedback as it created a toxic relationship between the two parties: sellers wouldn&#8217;t leave feedback until a buyer left <em>positive</em> feedback; if a buyer left negative feedback, the seller would respond in kind. Ultimately, who needs to know how good a buyer is? Apparently, eBay had wanted to remove the seller-&gt;buyer feedback for a few years but eventually bit the bullet and did it.</p>

<h3>What <em>can&#8217;t</em> you do?</h3>


<ul>
<li>Amazon.com: you can&#8217;t rate a review as helpful (or not) from a reviewer&#8217;s list of reviews. If possible, this would allow bulk, targeted fanning or hating of specific reviewers, taking the focus away from the review and onto the reviewer. An <em>ad hominem</em> form of rating, if you like.</li>
<li>You can&#8217;t Digg someone&#8217;s Diggs on your Digg friends&#8217; activity or profile page &#8211; again, this would make it about the person, not what they had Dugg.</li>
<li>Facebook&#8217;s newsfeed had users up-in-arms when it launched, as they saw it as an invasion of privacy. None of it was data that was new or previously unavailable; it was just aggregated in one place for the first time. Facebook&#8217;s response was to introduce fine-grained privacy controls, which apparently no-one really uses but their mere existence pacifies people, making them feel in control.</li>
</ul>



<h3>Metrics (for pirates &#8211; <span class="caps">AARRR</span>!)</h3>

<p>The usage lifecycle goes like this:</p>

<pre><code>Unaware -&gt; Interested -&gt; First-time use -&gt; Regular use -&gt; Passionate use</code></pre>

<p>Compare to this metrics scheme: <span class="caps">AARRR, </span>which stands for:</p>


<ul>
<li>*A*cquisition</li>
<li>*A*ctivation</li>
<li>*R*etention</li>
<li>*R*eferral, leading to&#8230;</li>
<li>*R*evenue (<a href="http://bydanielvictor.com/2008/09/02/keeping-online-journalism-away-from-the-underpant-gnomes/">profit!</a>)</li>
</ul>



<p>Your sign-up process is a funnel; it&#8217;s very likely that, of 100 people who hit a landing page, only 60 will make it to the sign-up form, and only 20 will complete sign-up and hit the confirmation page. <strong>All funnels are leaky</strong>. [It's possible to track funnels in Google Analytics, though better solutions exist, apparently]</p>

<p><strong>However</strong>, number of users is <strong>not a valuable metric</strong> (take note, sales and marketing!). What is important is <strong>engagement</strong>, but how do we measure that?</p>

<h3>Engagement analysis</h3>

<p>Retention is a good measure of engagement. If people keep coming back, you&#8217;re doing something right.</p>


<ul>
<li>Do a <a href="http://en.wikipedia.org/wiki/Cohort_study">Cohort Analysis</a> on registered users who visit or do some other activity on the site.</li>
</ul>



<h3>The Viral Loop</h3>

<p>How well are users bringing new users into the system?</p>


<ul>
<li>Word of mouth</li>
<li>Embed a widget</li>
<li>Mimic an action (e.g. Facebook apps)</li>
<li>Forced sign-up</li>
<li>Direct invite</li>
</ul>



<h3>The problem with Metrics</h3>

<blockquote><p>&#8220;You get what you optimise for&#8221;</p></blockquote>

<blockquote><p>&#8220;At <a href="http://www.blogger.com/">Blogger</a>, we determined that our most critical metric was number of posts. An increase in posts meant that people were not just creating blogs, but updating them, and more posts would drive more readership, which would drive more users, which would drive more posts.&#8221; &#8212; Evan Williams, founder of Blogger.com (and Twitter)</p></blockquote>

<h3>Fin</h3>

<p>That&#8217;s the end of the workshop notes &#8211; check back for the conference write-up!</p>

<p><strong>To be continued&#8230;</strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.timandkathy.co.uk/journal/2008/09/11/dconstruct-2008-part-three/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>dConstruct 2008: part two</title>
		<link>http://www.timandkathy.co.uk/journal/2008/09/10/dconstruct-2008-part-two/</link>
		<comments>http://www.timandkathy.co.uk/journal/2008/09/10/dconstruct-2008-part-two/#comments</comments>
		<pubDate>Wed, 10 Sep 2008 09:01:52 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[Design]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[bokardo]]></category>
		<category><![CDATA[brighton]]></category>
		<category><![CDATA[dconstruct08]]></category>
		<category><![CDATA[joshuaporter]]></category>
		<category><![CDATA[socialwebdesign]]></category>

		<guid isPermaLink="false">http://www.timandkathy.co.uk/journal/?p=863</guid>
		<description><![CDATA[(If you&#8217;re short on things to do, part one contains fascinating details of my journey and dinner) Thursday morning brought a slight respite from the high winds and torrential rain of the previous night. Breakfast in the hotel was really, &#8230; <a href="http://www.timandkathy.co.uk/journal/2008/09/10/dconstruct-2008-part-two/">Continue reading <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>(If you&#8217;re short on things to do, <a href="http://www.timandkathy.co.uk/journal/2008/09/08/dconstruct-2008-part-one/">part one</a> contains <em>fascinating</em> details of my journey and dinner)</p>

<p>Thursday morning brought a slight respite from the high winds and torrential rain of the previous night. Breakfast in the hotel was <em>really, really good</em>: muesli/dried cranberries and yoghurt followed by my choice of Eggs Benedict. Oh, and the Smoothie of the Day.</p>

<p>Looking at the map, I reckoned that <a href="http://www.clearleft.com/">Clearleft&#8217;s</a> offices (the location of the workshops) were about half a mile away &#8211; I estimated a 10 minute walk. The slightly less-than-crow-flying route meant that I breezed in the door on the dot of 9.30, the stated start time. But lo! That&#8217;s just the coffee and pastries; no need to panic.</p>

<p>After signing in and obtaining my badge-cum-programme, I was waved at by none other than <a href="http://twitter.com/the_eggwhite">Adrian Long</a>, who I&#8217;d not seen since leaving Uni in 1999. <em>C&#8217;est un monde petit</em>.</p>

<h3>The actual workshop: Social Web Design &#8211; From Strategy to Interface.</h3>

<p>The workshop was led by <a href="http://bokardo.com/">Joshua Porter</a>, who&#8217;s ex-<acronym title="User Interface Engineering">UIE</acronym> but now runs his own business, specialising in the design of social web apps. He famously (well, in web design terms) wrote <a href="http://bokardo.com/archives/the-delicious-lesson/">The Del.icio.us Lesson</a> blog post, defining how &#8220;personal value precedes network value&#8221; or, basically, a site needs to be useful to <strong>one</strong> person over just being useful to <strong>many</strong> people; it will become useful to many people if people use it because it&#8217;s useful to them.</p>

<p>A few aphorisms to start with:</p>


<ul>
<li>&#8220;What worked in the Industrial Age doesn&#8217;t work in the Information Age&#8221; i.e. where once each user of a mass-produced product had essentially the same experience, now each user&#8217;s experience is highly individual.</li>
<li>&#8220;Your audience is the only thing that matters&#8221;
<ul>
<li>in-house designers have a massive advantage over consultants: domain knowledge</li>
<li>there should be no barrier between the design team and the audience</li>
</ul>
</li>
<li>The recent focus on usability is great, but &#8220;if ease of use were the only requirement, we would all be riding tricycles&#8221; (Douglas Englebart, creator of the computer mouse)</li>
</ul>



<p>We need <strong>usable</strong> <em>plus</em> <strong>useful</strong>. How are we providing <strong>daily value</strong> to our users?</p>

<h3>Strategy: finding focus</h3>

<p>There have been countless Web sites whose strategy is mashing up two other Web sites; this is a strategy of mashing up two other strategies and, as a result, is not really a strategy.</p>

<p>Over time, it is likely that your audience tends towards being made up of 15-year-old girls who, because of their lack of inhibition, will sign up for <em>anything</em>. <a href="http://members.boston.com/reg/login.do?dispatch=loginpage">Boston.com&#8217;s registration page</a> was cited as an example of a site that, like our own Community Websites, expect sign-up before giving very much value to the user. The big problem is that, if you make people sign up before doing anything, you&#8217;ll end up with the <strong>wrong audience</strong> (the aforementioned 15-year-old girls).</p>

<p><strong>This is a Fuzzy Strategy</strong> or, putting it bluntly, &#8220;Old-school business thinking&#8221;: where making money is the primary goal; the goal influences strategy and therefore influences design.</p>

<p>If the user activity is &#8220;create a widget&#8221;, the old-school, fuzzy approach can be shown like this:</p>

<pre><code>Landing page -&gt; Sign-up ($) -&gt; User creates widget</code></pre>

<p>In the rearranged, activity-centred approach, it goes like this:</p>

<pre><code>Landing page -&gt; User creates widget -&gt; Sign-up ($)</code></pre>

<p>In the second model, money-making is less of a focus than meeting user needs. [These principles are very much in line with the philosophy of <a href="http://www.johnkay.com/strategy/317">Obliquity</a>, though the word was never mentioned. Obliquity is the idea that "overcoming geographic obstacles, winning decisive battles or meeting global business targets are the type of goals often best achieved when pursued indirectly".]</p>

<h3>Design Strategy</h3>

<p>Moving to a model of &#8220;user-value first, money second&#8221; requires long-term thinking, as value is created over time. If we do this, User Experience (UX) must be primary, and drives all other strategies.</p>

<p>To do this, we must optimise for use. If we create something that people love to use, <strong>the business will be fine</strong>. [<strong><span class="caps">N.B.</span></strong> <span class="caps">IOPP </span>has a stated aim to be customer-focused]</p>

<p><strong>Why are we still struggling with this stuff?</strong></p>


<ul>
<li>competing interests</li>
<li>political infighting</li>
<li>short-term thinking</li>
<li>buzzword bingo</li>
<li>no ongoing evaluation</li>
<li>fake strategies</li>
</ul>



<blockquote><p>&#8220;Software doesn&#8217;t usually fail because of a lack of programming talent&#8230; it usually fails because the talent is not pointed in the right direction&#8221; &#8212; Joshua Porter</p></blockquote>

<p>Joshua then asked us &#8220;what&#8217;s your favourite software&#8221;. The answers were all applications that are very focused on a very specific activity, and do that one thing well. This is consistent with both Unix and the Web: <a href="http://www.smallpieces.com/">small pieces, loosely joined</a>.</p>

<p>Advocates of User-centred Design often suggest asking &#8220;Who are your users?&#8221; In social software design, though, it&#8217;s better to ask &#8220;what are your users doing?&#8221; [<strong><span class="caps">N.B.</span></strong> On our sites, once upon a time, the answer to that question would have been "reading", but the list of activities is now much, much longer]. This is <strong>Activity-centred Design</strong>, or&#8230;</p>


<ul>
<li>What do people have to do to make you successful?</li>
<li>What are you making people better at?</li>
<li>What are your users passionate about?</li>
</ul>



<p>An interesting comparison was made between &#8220;traditional&#8221; bulletin boards (giving discussion &amp; support in an unstructured way) with social networking sites (with specific, aggregated data) e.g. <a href="http://www.patientslikeme.com/">Patients Like Me</a> &#8211; users input very specific details of their illness and symptoms, and over time the system determines who their &#8220;neighbours&#8221; are).</p>

<p><strong>Lessons from <a href="http://www.madetostick.com/"><em>Made to Stick</em></a> by Chip and Dan Heath</strong></p>


<ul>
<li>The Commander&#8217;s Intent: &#8220;if we do nothing else, we must&#8230;&#8221;</li>
<li>Feature Creep can kill strategy</li>
</ul>



<h3>Social Objects</h3>

<p>Social Objects are the things that users work/play with on any given site, e.g.:</p>


<ul>
<li>Flickr -&gt; photos</li>
<li>Upcoming -&gt; events</li>
<li>Last.fm -&gt; music</li>
<li>YouTube -&gt; videos</li>
</ul>



<p>On YouTube, greater than 50% of the page real-estate is taken up by these social objects.</p>

<p>To find out what your objects are and the activities users carry out on them, it&#8217;s often necessary to conduct structured research. When you&#8217;ve discovered your objects (nouns), you need to find your verbs (actions). Social features are verbs that involve more than one person.</p>

<p><strong>To be continued&#8230;</strong></p>]]></content:encoded>
			<wfw:commentRss>http://www.timandkathy.co.uk/journal/2008/09/10/dconstruct-2008-part-two/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
