<?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>UX nerd &#187; tabbed browsing</title>
	<atom:link href="http://uxnerd.com/tag/tabbed-browsing/feed/" rel="self" type="application/rss+xml" />
	<link>http://uxnerd.com</link>
	<description></description>
	<lastBuildDate>Thu, 20 May 2010 13:02:21 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>An idea for the future of tabbed browsing</title>
		<link>http://uxnerd.com/2009/11/an-idea-for-the-future-of-tabbed-browsing/</link>
		<comments>http://uxnerd.com/2009/11/an-idea-for-the-future-of-tabbed-browsing/#comments</comments>
		<pubDate>Thu, 05 Nov 2009 15:11:42 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[my projects]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[projects]]></category>
		<category><![CDATA[tabbed browsing]]></category>

		<guid isPermaLink="false">http://uxnerd.com/?p=846</guid>
		<description><![CDATA[After analyzing the results from the survey, we decided to create a concept that would afford piler and filer styles. We had to create a 3 minute video and a prototype. I think I&#8217;ll post the prototype, for which we made a comic, just because we had to scrape so much off the concept to [...]]]></description>
			<content:encoded><![CDATA[<p><a rel="attachment wp-att-865" href="http://uxnerd.com/2009/11/an-idea-for-the-future-of-tabbed-browsing/idea-2/"><img class="alignleft size-full wp-image-865" title="idea" src="http://uxnerd.com/wp-content/uploads/2009/11/idea1.gif" alt="idea" width="154" height="162" /></a>After <a href="http://uxnerd.com/2009/11/tabbed-browsing-usage-results/" target="_blank">analyzing the results</a> from the <a href="http://uxnerd.com/2009/05/some-research-about-tabbed-browsing/">survey</a>, we decided to create a concept that would afford piler and filer styles. We had to create a <a href="http://www.youtube.com/watch?v=fMRWV-DXGOY">3 minute video</a> and a <a href="http://mozilladesignchallenge.uxnerd.com/">prototype</a>. I think I&#8217;ll post the prototype, for which we made a comic, just because we had to scrape so much off the concept to make it to the required video length that I don&#8217;t think the video does a great job portraying the idea :S</p>
<p>I would have preferred to have a working mock up, but as we were all doing this as a side project and we had so many features, this proved impossible. So a comic had to do.  Should we have done something simpler which was easier to convey? Well, time was a constraint, there were no clear guidelines, no client, nothing at stake, so I think we just indulged: it&#8217;s a lot more fun to develop an idea than a prototype. And even if the philosophy behind the group of features we presented wasn&#8217;t explicit and we could be accused of lack of cohesion, the audience were experts in the industry, we expected them to be knowledgeable enough and trend-aware enough to put the pieces together and see the concept behind :)</p>
<p>You can see the prototype <a href="http://mozilladesignchallenge.uxnerd.com/" target="_blank">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://uxnerd.com/2009/11/an-idea-for-the-future-of-tabbed-browsing/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Tabbed browsing usage results</title>
		<link>http://uxnerd.com/2009/11/tabbed-browsing-usage-results/</link>
		<comments>http://uxnerd.com/2009/11/tabbed-browsing-usage-results/#comments</comments>
		<pubDate>Wed, 04 Nov 2009 18:39:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[my projects]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[data analysis]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[tabbed browsing]]></category>

		<guid isPermaLink="false">http://uxnerd.com/?p=235</guid>
		<description><![CDATA[
Some months ago, I asked you to complete a questionnaire about your tabbed browsing habits. Thanks! I got 99 responses. What follows is a brief summary of how I analyzed the data, the results I got and some analysis. Later we used the results to design an alternative to tabs for the Mozilla Labs Design [...]]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><a rel="attachment wp-att-240" href="http://uxnerd.com/2009/11/tabbed-browsing-usage-results/tabs1/"><img class="size-full wp-image-240 aligncenter" style="border: 0px none #000000;" title="tabs1" src="http://uxnerd.com/wp-content/uploads/2009/05/tabs1.png" alt="tabs1" width="500" height="16" /></a></p>
<p>Some months ago, I asked you to complete a questionnaire about your tabbed browsing habits. Thanks! I got 99 responses. What follows is a brief summary of how I analyzed the data, the results I got and some analysis. Later we used the results to design an alternative to tabs for the Mozilla Labs Design Challenge summer 09 (with <a href="http://usi.tm.tue.nl/pub/people_std.php?gen=15" target="_blank">Maria</a> and some help from <a href="http://blog.thejit.org" target="_blank">Nico</a>), but I&#8217;ll write about that later.</p>
<p><span id="more-235"></span> <strong>First things first: where did the data come from?</strong></p>
<ul>
<li>I posted a link to the questionnaire on <a href="http://reddit.com/" target="_blank">reddit</a></li>
<li>The link was sent to the mailing list of a software company</li>
<li>Some of my colleagues also answered the questionnaire</li>
</ul>
<p>So you can expect my data to be biased towards the savvy user&#8217;s experience, which is also something I appreciate given the nature of my research. I would like to use these results to guide me through a redesign of the current browsing paradigm (tabs). As far as I could read, there is (or there was) nothing wrong with tabs themselves; however, as people start to simultaneously open an increasingly large number of tabs and their browsing becomes more complex, tabs become simply not enough. It&#8217;s savvy users who are pushing the envelope here, and it&#8217;s them whom I mostly want to listen to this time.</p>
<p><strong>How I analized the data:</strong></p>
<p>To analyze the data I used <a href="http://www.cs.waikato.ac.nz/ml/weka/" target="_blank">Weka</a>.  Weka is an open source software for data mining tasks, which I used in it&#8217;s GUI-like form. It contains tools for data pre-processing, classification, regression, clustering, association rules, and visualization. With it, I tried to find some patterns in my data. I don&#8217;t really believe in averaging user data, so I clustered my users/participants to find several user profiles. The idea is then to try to come up with a browsing paradigm that is flexible enough to cater, ideally, to all groups.</p>
<p>I used  <a href="http://en.wikipedia.org/wiki/Kmeans" target="_blank">k-means</a> and got 4 clusters, representing 4 kinds of users (39%, 26%, 22% and 12% of participants in each respective cluster).</p>
<p><strong>This is what my clusters look like:</strong></p>
<p style="text-align: center;"><a rel="attachment wp-att-265" href="http://uxnerd.com/2009/11/tabbed-browsing-usage-results/clusters/"><img class="aligncenter size-full wp-image-265" style="margin: 0px; border: 0px none #000000;" title="clusters" src="http://uxnerd.com/wp-content/uploads/2009/05/clusters.png" alt="clusters" width="500" height="633" /></a></p>
<p>Or, into words:</p>
<ul>
<li><strong>Cluster 0</strong>: users that have mostly a limited number of tabs, 6 to 12, of which some are permanently open. Some of the organize tabs, some don&#8217;t, but overall there is no preferred organizing method for this group (methods vary across users). They mostly rely on visual cues to locate tabs, which makes sense given that the limited number of tabs enhances title legibility and increases the chance that favicons will be easily discriminable (less chance that any two or more favicons are alike).</li>
<li><strong>Cluster 1</strong>: users that have mostly more than 12 open tabs, of which some are permanently open. Some of them organize their tabs, some don&#8217;t. The ones who do seem to have a combination of methods, although they can be singled out for their preference for read/unread organization (is this because opening new tabs on the right end is a default in many browsers?). They largely rely on visual cues and trial and error to locate tabs, and (as opposed to the other group with a large number of tabs) the lack of a single/fixed/permanent semantic structure in their organization seems to hinder their ability to use associative memory for retrieval.</li>
<li><strong>Cluster 2</strong>: they use a very limited number of tabs (up to 6) and don&#8217;t have permanently opened tabs. They don&#8217;t organize their tabs and retrieve them using various methods (mostly visual cues, sequential search and localized trial and error). They don&#8217;t rely on memory, but probably they don&#8217;t need it (searching through 6 items can&#8217;t take so long).</li>
<li><strong>Cluster 3</strong>: users with more than 12 open tabs, of which some are permanently open. They all organize tabs and create a semantic structure: by subject and by same parent are very popular choices. They also organize their tabs according to frequency of use. Their use of arbitrary and associative memory is a lot higher than that of the other groups, which seems to correlate to their fixed/permanent structuring (frequency of use) and semantic structuring (by subject, by parent).  However, they also rely heavily on visual cues. Going back to the original data, everyone who listed using visual cues in this group also listed some other method, so it looks like visual has a supporting function helping the user refine the search (first letters of the title, thumbnail, favicon, etc) once memory has made the first approach.</li>
</ul>
<p><strong>Finally: What do I think this means?</strong><strong> </strong></p>
<p>There&#8217;s an interesting 1983 paper called &#8220;How do people organize their desks?&#8221; by Thomas Malone from the Xerox Palo Alto Research Center. This paper explores how people organize their documents (not only in their desks but also tables, shelves, cabinets, etc.) and the strategies they use to find them. Two extremes were identified. Some people just had stacks of things to do arranged in ill-defined groups, their main criteria was things that require an action of their part (and the priority of this action) vs. other things. Other people relied on information organizing and stored documents in clearly defined and titled files. This is what Malone called, respectively, <strong>piles</strong> (groups of elements arranged in no particular order) and<strong> files</strong> (groups of elements arranged with systematic order). Files are titled and things are found by looking for them in the category where they belong. Pile identification is aided by their spatial location.</p>
<p>Now I&#8217;m going a bit into my own interpretation of some of the things he found (like doing some unorthodox rephrasing), I think they&#8217;re definitely interesting but some of the notions need updating to fit digital platforms:</p>
<ul>
<li>People organize their desks so they can find things, but an equally important function of the organization is <em>reminding</em>. If <em>I see it I&#8217;ll attend to it</em>. People with messy offices do indeed have more problems finding information and remembering tasks.</li>
<li>Items related to pending tasks are singled out.</li>
<li> Classifying information is cognitively taxing and this difficulty is one of the forces leading the creation of loosely defined piles.</li>
<li>Thinking of the <em>context</em> in which you last saw something helps remembering where it is. Context can be many things: who was I working with, when, what was I also working on at the time?</li>
<li>Even if you organized stuff really well, that doesn&#8217;t mean that you&#8217;ll be able to find it right away: the criteria used to file it somewhere may not be the same criteria you may want to use to retrieve it (let&#8217;s say you filed according to the project the document belongs to but the want to find everything one particular person worked on). Malone found this occurred in 2/3 of the cases he analyzed. This means that organizing things doesn&#8217;t always pay, and this is why Google changed our lives at the time Yahoo was a web directory.</li>
</ul>
<p>So, the takeaways are, basically: organizing into categories (even tagging) is hard and doesn&#8217;t always pay, users should not be forced to do it; visibility, visualization and spatial arrangeability are the killer features providing reminding power, context awareness and findability; items with pending actions should be somehow singled out; and, finally, a flexible search that does not rely on tags, labels or categories is a must.</p>
<p>Looking closely at clusters 1 and 3, the ones with an amount of tags that merits some organization, there&#8217;s a strange effect. The tab bar is is an unfriendly environment to organize stuff because of it&#8217;s unidimensionality, and because it does not facilitate absolute spatial arrangements at all: some wrap around creating a second/third/fourth line of tabs drastically changing a tabs position as you add more and, even worse, some extend infinitely into an imaginary space on the right outside the browser window hiding some tabs and then you navigate this macabre strip back and forth never knowing where you are. So, why am I saying this? Because it looks to me, that if technology allowed it, cluster 1 would be pilers and cluster 3 would be filers, and this, sprinkled with the joy of a flexible search engine, could be as close to browser Disneyland as it gets for tab management. Why do I think this? Well, cluster 1 people have a loose organization, based mostly on read/unread and a clearly visual in their location strategy preferences, however piles are not afforded by the current interfase so there&#8217;s no explicit grouping and no way to spatially arrange tabs so they don&#8217;t really meet the exact definiton of pilers (yet). On the other hand, cluster 2 people do organize tabs into categories in meaningful ways but this organization is not currently supported by the browser so all the labelling and category delimitation is just kept in their minds so they are not <em>real</em> filers (yet). And the Disneyland bit? Well, not being a cognitive psychologist or qualified in any formal way, I&#8217;m just guessing that this piler/filer stuff and the preference to spend time puting things where they belong so you know where to find them vs. to spend time searching for them is just something wired into people&#8217;s brains. I have no hard evidence, but my intuition and the fact that my results pretty much match Malone&#8217;s (in a different domain) point this way. And, wouldn&#8217;t the best interfase be the one that affords the users&#8217; natural preferences and behavior? And, wouldn&#8217;t this be the case more so when we&#8217;re talking about preferences and behaviors that are wired into the user&#8217;s brain?</p>
<p><strong>So, for the Mozilla Labs Design Challenge, our goals are:</strong></p>
<ul>
<li>To build an interfase that caters to pilers and filers alike: a flexible interfase, just like Malone&#8217;s observed offices, that will afford the strategies of pilers, filers and everyone in between.</li>
<li>To use the digital world&#8217;s capabilities to solve the shortcomings that these strategies have in real life.</li>
<li>To use the information gathered in this study to intoduce features relevant to user preferences (permanently opened tabs, visual search, etc.)</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://uxnerd.com/2009/11/tabbed-browsing-usage-results/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Some research about tabbed browsing</title>
		<link>http://uxnerd.com/2009/05/some-research-about-tabbed-browsing/</link>
		<comments>http://uxnerd.com/2009/05/some-research-about-tabbed-browsing/#comments</comments>
		<pubDate>Mon, 25 May 2009 12:20:29 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[my projects]]></category>
		<category><![CDATA[browsers]]></category>
		<category><![CDATA[research]]></category>
		<category><![CDATA[tabbed browsing]]></category>

		<guid isPermaLink="false">http://uxnerd.com/?p=214</guid>
		<description><![CDATA[I want to find out how people use and manage tabbed browsing. To do it, I need your help answering this questionnaire. It has only 7 questions and shouldn&#8217;t take you more than 10 minutes to answer. Thanks for your time :)
THIS SURVEY IS NO LONGER ACTIVE
 
]]></description>
			<content:encoded><![CDATA[<p>I want to find out how people use and manage tabbed browsing. To do it, I need your help answering this questionnaire. It has only 7 questions and shouldn&#8217;t take you more than 10 minutes to answer. Thanks for your time :)</p>
<p><span style="color: #ff0000;">THIS SURVEY IS NO LONGER ACTIVE</span></p>
<p style="text-align: center;"><span id="more-214"></span> <a rel="attachment wp-att-747" href="http://uxnerd.com/2009/05/some-research-about-tabbed-browsing/tabbed_browsing/"><img class="aligncenter size-full wp-image-747" style="margin: 0px; border: 0px none #000000; padding: 0px;" title="tabbed_browsing" src="http://uxnerd.com/wp-content/uploads/2009/05/tabbed_browsing.png" alt="tabbed_browsing" width="509" height="526" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://uxnerd.com/2009/05/some-research-about-tabbed-browsing/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
	</channel>
</rss>
