<?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>Tiffany B. Brown &#187; delicious.com</title>
	<atom:link href="http://tiffanybbrown.com/tag/deliciouscom/feed/" rel="self" type="application/rss+xml" />
	<link>http://tiffanybbrown.com</link>
	<description>A web log about web development and internet culture with frequent detours into other stuff.</description>
	<lastBuildDate>Fri, 10 Feb 2012 23:35:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Dear Delicious: Please change your delete tags interface</title>
		<link>http://tiffanybbrown.com/2008/10/27/dear-delicious-please-change-your-delete-tags-interface/</link>
		<comments>http://tiffanybbrown.com/2008/10/27/dear-delicious-please-change-your-delete-tags-interface/#comments</comments>
		<pubDate>Mon, 27 Oct 2008 09:00:16 +0000</pubDate>
		<dc:creator>tiffany</dc:creator>
				<category><![CDATA[General]]></category>
		<category><![CDATA[Usability]]></category>
		<category><![CDATA[delicious.com]]></category>
		<category><![CDATA[user interface design]]></category>
		<category><![CDATA[yahoo]]></category>

		<guid isPermaLink="false">http://tiffanybbrown.com/?p=1535</guid>
		<description><![CDATA[A couple of mornings ago, I made the bold decision to going to clean up my Delicious bookmark tags. I&#8217;m not particularly good at creating my own taxonomy. As a result, I have a lot of stray and barely used tags floating around. Imagine my horror, when I went to the delete tags page and [...]]]></description>
			<content:encoded><![CDATA[<p>A couple of mornings ago, I made the bold decision to going to clean up my <a href="http://delicious.com/">Delicious</a> bookmark tags. I&#8217;m not particularly good at creating my own <a href="http://en.wikipedia.org/wiki/Taxonomy">taxonomy</a>. As a result, I have a lot of stray and barely used tags floating around. </p>
<p>Imagine my horror, when I went to the delete tags page and found &#8230; a <em>pull down menu</em>! (Click to view a larger version of the image).</p>
<div class="video">
<a href="http://files.tiffanybbrown.com/DeleteTagDelicious.png"><img src="http://files.tiffanybbrown.com/DeleteTagDelicious.png" width="500" height="314" /></a>
</div>
<p><span id="more-1535"></span><br />
Yes, that&#8217;s right: <b>Delicious uses a pull down menu for its delete tag page</b>. It&#8217;s a bad UI choice for a few reasons:</p>
<ul>
<li><b>It hides critical content.</b> You can&#8217;t easily see which tags you&#8217;d like to delete. You have to scroll through a tiny menu in order to find the tag you want to remove.</li>
<li><b>Tags are sorted alphabetically, but not really.</b> Most of your tags are <a href="http://files.tiffanybbrown.com/menu.png">sorted in alphabetical order</a>, except if it&#8217;s a &#8216;for:username&#8217; tag. Those are sorted by user name, rather than by &#8216;for:&#8217;. I was expecting to see my for:allboutgeorge tag grouped with the Fs, not the As.</li>
<li><b>Pulldowns = Can only delete one tag at a time.</b> No batch for you! If you want to remove more than one tag &#8212; because like me, you are the type to let your bad tags pile up &#8212; you have to do it one-by-one. Worse yet, you have to confirm each deletion. That&#8217;s entirely too much work.</li>
</ul>
<h3>A better approach</h3>
<div class="video">
<a href="http://files.tiffanybbrown.com/DeleteTagDeliciousBetter.png"><img src="http://files.tiffanybbrown.com/DeleteTagDeliciousBetter.png" width="500" height="314" /></a>
</div>
<p>A better approach would be to use a series of checkboxes. This way the user can quickly scan and check which tags s/he wants to remove. Multiple tags can be removed at once, and the user can confirm the deletion in one batch rather than for every tag.</p>
<h3>An even better approach</h3>
<p>Better still? Use <a href="http://en.wikipedia.org/wiki/AJAX">Ajax</a> to provide a one-click tag deletion feature. </p>
<div class="video">
<a href="http://files.tiffanybbrown.com/DeleteTagDeliciousBest.png"><img src="http://files.tiffanybbrown.com/DeleteTagDeliciousBest.png" width="500" height="314" /></a>
</div>
<p>In this scenario, tags are displayed in rows of text. To remove, just click the tag. An expanded version could allow you to un-delete by clicking on the tag a second time. At the end, users could save their changes. </p>
<p>If memory serves me correctly, this is precisely how the tag management worked in the previous version of the site.</p>
<h3>Even mo&#8217; better still</h3>
<p>I think the best approach, however, would be a simple drag-and-drop feature. </p>
<div class="video">
<a href="http://files.tiffanybbrown.com/DeleteTagDeliciousBester.png"><img src="http://files.tiffanybbrown.com/DeleteTagDeliciousBester.png" width="500" height="314" /></a>
</div>
<p>Users could mark a tag for deletion by dragging it to the trash. Undo a deletion by dragging it from the trash can to the tag pile. Here too, the user could all of her changes in one batch.</p>
<p>All of these alternatives are relatively easy to implement and provide the user with a faster, easier way to manage their own taxonomies. Delicious&#8217; current tag management interface works just fine for deleting single tags. But if multiple tag removal is your goal &#8212; and I suspect that&#8217;s the case for most delicious users &#8212; the UI is far clunkier than it needs to be.</p>
<p>At the very least, Delicious should offer a batch option &#8212; a way to remove multiple tags in one go. Here&#8217;s hoping they hear me.</p>
]]></content:encoded>
			<wfw:commentRss>http://tiffanybbrown.com/2008/10/27/dear-delicious-please-change-your-delete-tags-interface/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
	</channel>
</rss>

