<?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>The Bloj &#187; UI Design</title>
	<atom:link href="http://blog.strafenet.com/category/product-design/ui-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.strafenet.com</link>
	<description>is a GLOBAL mission focused, values based and demographics driven organization.</description>
	<lastBuildDate>Tue, 10 Aug 2010 04:27:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Patterns to the rescue again.</title>
		<link>http://blog.strafenet.com/2008/06/22/patterns-to-the-rescue-again/</link>
		<comments>http://blog.strafenet.com/2008/06/22/patterns-to-the-rescue-again/#comments</comments>
		<pubDate>Sun, 22 Jun 2008 19:50:57 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[Politics]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2008/06/22/patterns-to-the-rescue-again/</guid>
		<description><![CDATA[Reddit linked to an interesting article in the Economist:
Americans are increasingly choosing to live among like-minded neighbours. This makes the culture war more bitter and politics harder
The
most interesting thing I discovered about it though, was not the article&#8217;s basic conceit
- that Americans are being subdivided into different cultures, but how it was discussed. Naturally on [...]]]></description>
			<content:encoded><![CDATA[<p>Reddit <a href="http://www.reddit.com/info/6of5a/comments/">linked</a> to an <a href="http://www.economist.com/world/na/displayStory.cfm?source=hptextfeature&amp;story_id=11581447">interesting article</a> in the Economist:</p>
<blockquote><p>Americans are increasingly choosing to live among like-minded neighbours. This makes the culture war more bitter and politics harder</p></blockquote>
<p>The</p>
<p>most interesting thing I discovered about it though, was not the article&#8217;s basic conceit</p>
<p>- that Americans are being subdivided into different cultures, but how it was discussed. Naturally on Slashdot, Reddit, MetaFilter, and others, you have certain standards of discussion. I generally find Reddit to be the most politically confrontational.</p>
<p>You could</p>
<p>argue</p>
<p>that it&#8217;s the community&#8211;</p>
<blockquote><p>the people in it</p></blockquote>
<p>that decide whether a website will be a <a href="http://www.youtube.com/watch?v=a_-Eigd7RbU">meeting of parliament</a> or a <a href="http://www.fanpop.com/spots/hello-kitty/forum">Hello Kitty fan club</a>. But I think there are other things to look at.</p>
<p><strong>Interestingly:</strong></p>
<p>I was also recently looking at a Yahoo! blog on <a href="http://yuiblog.com/blog/2008/06/10/patterns-for-designing-a-reputation-system/">patterns for designing a reputation system</a>. Basically, a pattern is a recognizable formula that a lot of sites use. For example, both Digg and Reddit use a &#8220;points&#8221; system. Users can award each other points when they like each other&#8217;s posts.</p>
<p>The most interesting thing,</p>
<p>however,</p>
<p>was taking Yahoo!&#8217;s reputation systems and using them to</p>
<p><em>reverse engineer</em> sites like Reddit,</p>
<p>Digg, Slashdot, etc. and see the results.</p>
<p>From <a href="http://developer.yahoo.com/ypatterns/pattern.php?pattern=points">http://developer.yahoo.com/ypatterns/pattern.php?pattern=points</a>:</p>
<p>(Emphasis <strong>Theirs</strong>.)</p>
<blockquote>
<h2>Problem Summary</h2>
<p>In some communities, participants want a tangible measurement of their accomplishments for personal satisfaction and to make comparisons with other competitors.</p>
<h4>EXAMPLE:</h4>
<p class="img"><img src="http://developer.yahoo.com/ypatterns/images/pattern_points.png" name="pattern" height="152" width="215" /></p>
<h2>Use When</h2>
<p>Use this pattern when the community is <strong>highly competitive</strong>, and the activities that users engage in are competitive in nature (e.g., player-vs-player contests, or coaching a fantasy football team).</p>
<p>Points are generally discouraged, except in cases where the fundamental, primary        <em>purpose</em> of the community is competition, such as fantasy sports or games.</p></blockquote>
<p>The competition isn&#8217;t just because the people on Site X</p>
<p>are jerks</p>
<ul>
<li>political extremists</li>
<li>or sexually frustrated</li>
</ul>
<p><strong><em>The design of the site is built to promote competition</em>.</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2008/06/22/patterns-to-the-rescue-again/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mulberry: Tribute to the Greatest E-mail Program of All Time</title>
		<link>http://blog.strafenet.com/2008/05/21/mulberry-tribute-to-the-greatest-e-mail-program-of-all-time/</link>
		<comments>http://blog.strafenet.com/2008/05/21/mulberry-tribute-to-the-greatest-e-mail-program-of-all-time/#comments</comments>
		<pubDate>Wed, 21 May 2008 05:19:26 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[General/Misc.]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2008/05/21/mulberry-tribute-to-the-greatest-e-mail-program-of-all-time/</guid>
		<description><![CDATA[For years I have used and loved Mulberry, perhaps the best e-mail client in existence. So I was greatly saddened to hear that Cyrusoft, the company behind Mulberry, declared bankruptcy a year ago.
[more (full article)]
I was just as much shocked as dismayed. Mulberry was hawked by so many colleges that I assumed its destiny was [...]]]></description>
			<content:encoded><![CDATA[<p>For years I have used and loved Mulberry, perhaps the best e-mail client in existence. So I was greatly saddened to hear that Cyrusoft, the company behind Mulberry, declared bankruptcy a year ago.</p>
<p><a href="http://www.christopherliu.net/mulberry_greatest/">[more (full article)]</a></p>
<p>I was just as much shocked as dismayed. Mulberry was hawked by <a href="http://www.cmu.edu/computing/mulberry/" title="CMU/Mulberry">s</a>o many colleges that I assumed its destiny was all but sealed. College students, as early adopters, would all be exposed to Mulberry and see how wonderful it was, and they&#8217;d take it to their jobs, promoting an almost viral spread.</p>
<p>I guess the Thunderbird/Outlook duopoly was just too strong for Cyrusoft to handle. However, all is not lost, as Mulberry is available for free now.</p>
<p><a href="http://www.christopherliu.net/mulberry_greatest/">Let&#8217;s take a look at all the wonderful features of this program! (full article)</a></p>
<p>[originally started a long time ago]</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2008/05/21/mulberry-tribute-to-the-greatest-e-mail-program-of-all-time/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Where Do Choices Come From?</title>
		<link>http://blog.strafenet.com/2008/03/20/where-do-choices-come-from/</link>
		<comments>http://blog.strafenet.com/2008/03/20/where-do-choices-come-from/#comments</comments>
		<pubDate>Thu, 20 Mar 2008 05:12:30 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[General/Misc.]]></category>
		<category><![CDATA[Tim]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2008/03/20/where-do-choices-come-from/</guid>
		<description><![CDATA[[14:38] Me: http://headrush.typepad.com/photos/uncategorized/2007/04/06/featuritis.jpg
[14:38] Gas: lmao
[14:38] Gas: funny thing about the downslope
[14:39] Gas: the problem is that[sic] the features aren&#8217;t discoverable
[14:39] Gas: in my mind though, that&#8217;s a solvable problem
[14:39] Gas: the real problem
[14:39] Gas: is that the more features you have, the more spread your engineering effort is
[14:39] Gas: testing, bugfixes, etc.
[14:39] Me: hmm
[14:39] Me: [...]]]></description>
			<content:encoded><![CDATA[<p><span><span style="color: #d35900">[14:38] Me: </span><span><font face="Arial"><span style="font-size: 11px"><a href="http://headrush.typepad.com/photos/uncategorized/2007/04/06/featuritis.jpg" target="_blank">http://<wbr></wbr>headrush<wbr></wbr>.typepad<wbr></wbr>.com/pho<wbr></wbr>tos/unca<wbr></wbr>tegorize<wbr></wbr>d/2007/0<wbr></wbr>4/06/fea<wbr></wbr>turitis.<wbr></wbr>jpg</a></span></font></span><br />
</span><span><span style="color: #0163b3">[14:38] Gas: </span><font lang="EN">lmao</font><br />
</span><span><span style="color: #0163b3">[14:38] Gas: </span><font lang="EN">funny thing about the downslope</font><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">the problem is that[sic] the features aren&#8217;t discoverable</font><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">in my mind though, that&#8217;s a solvable problem</font><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">the real problem</font><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">is that the more features you have, the more spread your engineering effort is</font><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">testing, bugfixes, etc.</font><br />
</span><span><span style="color: #d35900">[14:39] Me: </span><span><font face="Arial"><span style="font-size: 11px">hmm</span></font></span><br />
</span><span><span style="color: #d35900">[14:39] Me: </span><span><font face="Arial"><span style="font-size: 11px">i think they&#8217;re both part of the problem</span></font></span><br />
</span><span><span style="color: #0163b3">[14:39] Gas: </span><font lang="EN">the first problem is an essentially UI problem</font><br />
</span><span><span style="color: #0163b3">[14:40] Gas: </span><font lang="EN">in theory, i think all UI problems can be solved</font><br />
</span><span><span style="color: #d35900">[14:40] Me: </span><span><font face="Arial"><span style="font-size: 11px">why?</span></font></span><br />
</span><span><span style="color: #0163b3">[14:40] Gas: </span><font lang="EN">if a person can explain what they want to do, and assuming that feature exists, then a person should be able to explain to a computer what they want to do</font><br />
</span><span><span style="color: #0163b3">[14:40] Gas: </span><font lang="EN">this is of course at a very theoretical level</font><br />
</span><span><span style="color: #d35900">[14:41] Me: </span><span><font face="Arial"><span style="font-size: 11px">a person can&#8217;t always explain what they want to do</span></font></span><br />
</span><span><span style="color: #0163b3">[14:41] Gas: </span><font lang="EN">that&#8217;s a requirement</font><br />
</span><span><span style="color: #d35900">[14:41] Me: </span><span><font face="Arial"><span style="font-size: 11px">?</span></font></span><br />
</span><span><span style="color: #0163b3">[14:41] Gas: </span><font lang="EN">if they can&#8217;t explain what they want, they aren&#8217;t going to get it no matter what</font><br />
</span><span><span style="color: #0163b3">[14:41] Gas: </span><font lang="EN">so it doesn&#8217;t matter whether the feature exists or not</font><br />
</span><span><span style="color: #0163b3">[14:42] Gas: </span><font lang="EN">unless we know what they&#8217;re going to want and tell them what they want</font><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">it&#8217;s like a menu</span></font></span><br />
</span><span><span style="color: #0163b3">[14:42] Gas: </span><font lang="EN">feature != menu item though</font><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">i may want duck a la&#8217;range</span></font></span><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">but not know what i want</span></font></span><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">infinite features are possible in a restaurant</span></font></span><br />
</span><span><span style="color: #0163b3">[14:42] Gas: </span><font lang="EN">duck a la&#8217;range?</font><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">idk</span></font></span><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">it was in a sbemail</span></font></span><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">i forget which</span></font></span><br />
</span><span><span style="color: #0163b3">[14:42] Gas: </span><font lang="EN">lol</font><br />
</span><span><span style="color: #d35900">[14:42] Me: </span><span><font face="Arial"><span style="font-size: 11px">anyways</span></font></span><br />
</span><span><span style="color: #d35900">[14:43] Me: </span><span><font face="Arial"><span style="font-size: 11px">i could tell the chefs what i want and how it should be made</span></font></span><br />
</span><span><span style="color: #d35900">[14:43] Me: </span><span><font face="Arial"><span style="font-size: 11px">but, for whatever reason, that doesn&#8217;t work except for chefs (programmers)</span></font></span><br />
</span><span><span style="color: #d35900">[14:43] Me: </span><span><font face="Arial"><span style="font-size: 11px">alternatively, i could have a menu with every conceivable item</span></font></span><br />
</span><span><span style="color: #d35900">[14:43] Me: </span><span><font face="Arial"><span style="font-size: 11px">but that&#8217;s ridiculous &#8211; the menu would be 1 billion pages</span></font></span><br />
</span><span><span style="color: #d35900">[14:43] Me: </span><span><font face="Arial"><span style="font-size: 11px">so the menu has a limited selection of items</span></font></span><br />
</span><span><span style="color: #d35900">[14:44] Me: </span><span><font face="Arial"><span style="font-size: 11px">and makes it easier for me to find something i want</span></font></span><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">that&#8217;s an interesting analogy</font><br />
</span><span><span style="color: #d35900">[14:44] Me: </span><span><font face="Arial"><span style="font-size: 11px">it may not be perfect</span></font></span><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">but</font><br />
</span><span><span style="color: #d35900">[14:44] Me: </span><span><font face="Arial"><span style="font-size: 11px">but it&#8217;s something i like</span></font></span><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">here&#8217;s another analogy</font><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">that manages to bind the two</font><br />
</span><span><span style="color: #d35900">[14:44] Me: </span><span><font face="Arial"><span style="font-size: 11px">ooooooooooh</span></font></span><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">so you know that gas station</font><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">that serves the food</font><br />
</span><span><span style="color: #0163b3">[14:44] Gas: </span><font lang="EN">what&#8217;s it called?</font><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">sheetz</span></font></span><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">thanks</font><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">yeah</font><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">sheetz goes one step closer to being a chef</font><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">rather than a menu</font><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">sheetz&#8230;.umm, sheetz has a menu</span></font></span><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">and there&#8217;s no reason it has to be a physical menu being displayed</font><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">i&#8217;ve been there</span></font></span><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">the menu is just a touch screen</span></font></span><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">and instead of asking you if you want pepper</span></font></span><br />
</span><span><span style="color: #0163b3">[14:45] Gas: </span><font lang="EN">yes, and everything is customizable</font><br />
</span><span><span style="color: #d35900">[14:45] Me: </span><span><font face="Arial"><span style="font-size: 11px">there&#8217;s a pepper checkbox</span></font></span><br />
</span><span><span style="color: #d35900">[14:46] Me: </span><span><font face="Arial"><span style="font-size: 11px">that&#8217;s all</span></font></span><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">ok</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">now extend that one step further</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">no explicit menu</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">but a voice recognition system</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">&#8220;i want a burger with cheese&#8221;</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">adding new features clutters no old features</font><br />
</span><span><span style="color: #0163b3">[14:46] Gas: </span><font lang="EN">it&#8217;s a UI problem</font><br />
</span><span><span style="color: #d35900">[14:46] Me: </span><span><font face="Arial"><span style="font-size: 11px">well</span></font></span><br />
</span><span><span style="color: #d35900">[14:46] Me: </span><span><font face="Arial"><span style="font-size: 11px">your UI model works</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">let me try and explain where it differs</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">lets say i&#8217;m at a restaurant with no menu</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">i tell the waiter i want a burger</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">i can order whatever i want</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">and there&#8217;s no limitation</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">right?</span></font></span><br />
</span><span><span style="color: #d35900">[14:47] Me: </span><span><font face="Arial"><span style="font-size: 11px">but, there IS a limitation</span></font></span><br />
</span><span><span style="color: #d35900">[14:48] Me: </span><span><font face="Arial"><span style="font-size: 11px">where did i come up with this idea of &#8220;burger&#8221;?</span></font></span><br />
</span><span><span style="color: #d35900">[14:48] Me: </span><span><font face="Arial"><span style="font-size: 11px">from my own head, of course</span></font></span><br />
</span><span><span style="color: #d35900">[14:48] Me: </span><span><font face="Arial"><span style="font-size: 11px">so, we&#8217;ve basically moved the set of available actions</span></font></span><br />
</span><span><span style="color: #d35900">[14:48] Me: </span><span><font face="Arial"><span style="font-size: 11px">from a screen, where i don&#8217;t have to remember it</span></font></span><br />
</span><span><span style="color: #d35900">[14:48] Me: </span><span><font face="Arial"><span style="font-size: 11px">to my head, where i do</span></font></span><br />
</span><span><span style="color: #d35900">[14:49] Me: </span><span><font face="Arial"><span style="font-size: 11px">the UI will always be simple, since it only does what i want it to do</span></font></span><br />
</span><span><span style="color: #d35900">[14:49] Me: </span><span><font face="Arial"><span style="font-size: 11px">but i&#8217;m limited by what i know how to want</span></font></span><br />
</span><span><span style="color: #d35900">[14:49] Me: </span><span><font face="Arial"><span style="font-size: 11px"><a href="http://www.bluej.org/mrt/?p=31" target="_blank">http://<wbr></wbr>www.blu<wbr></wbr>e<wbr></wbr>j.org/mr<wbr></wbr>t/?p=31</a></span></font></span></span></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2008/03/20/where-do-choices-come-from/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Security in UI</title>
		<link>http://blog.strafenet.com/2008/03/15/security-in-ui/</link>
		<comments>http://blog.strafenet.com/2008/03/15/security-in-ui/#comments</comments>
		<pubDate>Sat, 15 Mar 2008 18:55:37 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[General/Misc.]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Programming]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2008/03/15/security-in-ui/</guid>
		<description><![CDATA[One of the most common ways to secure a computer is by using a username/password combination. (In fact, we don&#8217;t have to look far to find an example). However, this system is clunky, primarily because it requires you to remember or write down the user name and password for every site (or alternatively use the [...]]]></description>
			<content:encoded><![CDATA[<p>One of the most common ways to secure a computer is by using a username/password combination. (In fact, we don&#8217;t have to look far to find <a href="http://blog.strafenet.com/wp-login.php" title="Example of login">an example</a>). However, this system is clunky, primarily because it requires you to remember or write down the user name and password for every site (or alternatively use the same password everywhere).</p>
<p>Security is not just about locking down a system from a list of attacks. The way you design a UI dictates how people behave, and people&#8217;s behavior is responsible for 90% of attacks. [citation needed] <em>Defaults matter</em>. No one forgets to lock an automatically locking door.</p>
<p>The fact is, while a security system must be set up to prevent hacking attacks, guesswork, and theft, it must also be designed in such a way that leads people to behave more securely. When you have a system where keys are hard to create but easy to copy, naturally, people will end up using the same keys at eBay that they do at Flickr.</p>
<p>The need to &#8220;educate users&#8221; is an indication of design failure.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2008/03/15/security-in-ui/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Today&#8217;s One Paragraph Blog: Frankdensign (the 80-20 rule)</title>
		<link>http://blog.strafenet.com/2008/01/29/todays-one-paragraph-blog-frankdensign-the-80-20-rule/</link>
		<comments>http://blog.strafenet.com/2008/01/29/todays-one-paragraph-blog-frankdensign-the-80-20-rule/#comments</comments>
		<pubDate>Tue, 29 Jan 2008 07:23:56 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2008/01/29/todays-one-paragraph-blog-frankdensign-the-80-20-rule/</guid>
		<description><![CDATA[ 
You probably have friends who use the internet. How much would you guess most of them use the buttons on the IE (or Firefox) toolbar?
Observation suggests a rule like this: For 80% of the users, only 20% of the buttons gets used (I, for one, never click anything under &#8220;Page&#8221;). There&#8217;s a great book [...]]]></description>
			<content:encoded><![CDATA[<p> <a href="http://blog.strafenet.com/wp-content/uploads/2008/01/ietoolbar.png" title="Internet Explorer Toolbar"><img src="http://blog.strafenet.com/wp-content/uploads/2008/01/ietoolbar.png" alt="Internet Explorer Toolbar" /></a></p>
<p>You probably have friends who use the internet. How much would you guess most of them use the buttons on the IE (or Firefox) toolbar?</p>
<p>Observation suggests a rule like this: <strong>For 80% of the users, only 20% of the buttons gets used</strong> (I, for one, never click anything under &#8220;Page&#8221;). <a href="http://www.amazon.com/gp/redirect.html?ie=UTF8&amp;location=http%3A%2F%2Fwww.amazon.com%2FCommon-Approach-Usability-Circle-Com-Library%2Fdp%2F0789723107&amp;tag=thebloofjus-20&amp;linkCode=ur2&amp;camp=1789&amp;creative=9325">There&#8217;s a great book</a><img src="http://www.assoc-amazon.com/e/ir?t=thebloofjus-20&amp;l=ur2&amp;o=1" style="border: medium none  ! important; margin: 0px ! important" border="0" height="1" width="1" /> that points this out quite nicely, but it doesn&#8217;t draw the thought to its conclusion. <em>Perhaps there&#8217;s a place for ugly design</em> that stitches together a <a href="http://myspace.com" title="Yes, I did it.">haphazard mess of seemingly unrelated functions</a>, knowing that most long term users will use their tunnel vision to filter out all but the most important functions <em>to them.</em></p>
<blockquote><p>TimGas: saying myspace and &#8220;design&#8221; within one sentance of each other<br />
TimGas: is just asking for me to block you<br />
Me:  but it&#8217;s so true<br />
Me: i don&#8217;t look at all the stuff on a mys**** page<br />
TimGas: i&#8217;m feeling sick now<br />
TimGas: brb, puking</p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2008/01/29/todays-one-paragraph-blog-frankdensign-the-80-20-rule/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Reason iPhone is the best smartphone ever? No one else makes a smart phone.</title>
		<link>http://blog.strafenet.com/2007/12/28/reason-iphone-is-the-best-smartphone-ever-no-competition/</link>
		<comments>http://blog.strafenet.com/2007/12/28/reason-iphone-is-the-best-smartphone-ever-no-competition/#comments</comments>
		<pubDate>Fri, 28 Dec 2007 23:16:35 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Business/The Software Industry]]></category>
		<category><![CDATA[Chris]]></category>
		<category><![CDATA[General/Misc.]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[Thinking Outside the WTF]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2007/12/28/reason-iphone-is-the-best-smartphone-ever-no-competition/</guid>
		<description><![CDATA[(changed for readability)
Me: I hate windows mobile.
Tim: Why?
Me: In what universe do you get a smart phone that&#8217;s too smart to make calls with?
Tim: Yours must be defective, i&#8217;ve never had a problem with that.
Me: No, it&#8217;s not. I&#8217;ll explain.
Me: My mom got a palm treo 750.
Me: This should have incited my &#8220;ruh roh&#8221; response.
Me: [...]]]></description>
			<content:encoded><![CDATA[<p>(changed for readability)</p>
<p>Me: I hate windows mobile.<br />
Tim: Why?<br />
Me: In what universe do you get a smart phone that&#8217;s too smart to make calls with?<br />
Tim: Yours must be defective, i&#8217;ve never had a problem with that.<br />
Me: No, it&#8217;s not. I&#8217;ll explain.<br />
Me: My mom got a palm treo 750.<br />
Me: This should have incited my &#8220;ruh roh&#8221; response.<br />
Me: somehow it didn&#8217;t.<br />
Me: That was fine, even though she never uses mobile web<br />
Me: but then, she got this plantronics headset<br />
Tim: ruh roh<br />
Me: and she was telling me how she couldn&#8217;t get the regular phone speaker to work anymore<br />
Me: she disabled bluetooth<br />
Me: but she could still only make calls with the headset<br />
Tim: hmm<br />
Me: soo, I removed the device from the partnership. Now, it still doesn&#8217;t work, bluetooth&#8217;s off, and when i call i don&#8217;t hear anything.<br />
Tim: Did you check the volume?<br />
Me: Furthermore, it requires some ridiculous YES I CHECKED THE VOLUMEFDSFDSF<br />
Tim: and does speakerphone work<br />
Me: &#8211;anyways, ridiculous passkey (no speakerphone doesn&#8217;t work)<br />
Me: and without the pass key you couldn&#8217;t reattach the headset<br />
Me: So now i couldn&#8217;t talk on the phone,<br />
<strong>and </strong>couldn&#8217;t talk on the headset.<br />
Me: ==with a palm treo and winmobile, you can do everything but make voice calls<br />
Me: We called tech support<br />
Me: They had us do a hard reset<br />
Me: The lady&#8217;s basic explanation was &#8220;you have to think of the phone as a little computer. and just like your computer builds up cookies and stuff and slows down, your phone can also get cookies and slow down as well, so you need to turn it off regularly&#8221;<br />
Me: (I congratulated myself on keeping a straight face through that one)<br />
Me: but it seems to have worked<br />
Tim: treos suck</p>
<p>Tim: the phone is clearly better than my old one<br />
Tim: but the cpu sucks, and the screen configuration is retarded</p>
<p>Me: it&#8217;s totally unacceptable to have to whip out a stylus just to turn off the headset<br />
Tim: there&#8217;s not a button on the headset?<br />
Me: there is&#8230;.it doesn&#8217;t work<br />
Tim: my friend josh has a blackjack and bluetooth headset and has zero problems with it<br />
Tim: it&#8217;s clearly the treo that sucks<br />
Me: menu-&gt;cancel bluetooth<br />
Me: so&#8230;.go to the MENU menu<br />
Tim: whaaa<br />
Me: i want to find the idiot who dreamed that one up<br />
Me: and give them their phone back<br />
Me: with my fist<br />
Me: the button on the headset hangs up<br />
Tim: funny<br />
Me: not when mom&#8217;s on a 2 year contract<br />
Me: there are three buttons on the headset<br />
Me: volume up, volume down<br />
Me: and the &#8220;multifunction button&#8221;<br />
Me: which i believe is mainly for hanging up</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2007/12/28/reason-iphone-is-the-best-smartphone-ever-no-competition/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Facebook TOS</title>
		<link>http://blog.strafenet.com/2007/11/26/facebook-tos/</link>
		<comments>http://blog.strafenet.com/2007/11/26/facebook-tos/#comments</comments>
		<pubDate>Mon, 26 Nov 2007 06:02:53 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Business/The Software Industry]]></category>
		<category><![CDATA[Chris]]></category>
		<category><![CDATA[TOS Collection]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2007/11/26/facebook-tos/</guid>
		<description><![CDATA[ 
http://www.facebook.com/terms.php
There are 6000 words and 70+ paragraphs. How many Facebook users do you think actually know the legal terms they accept when they join the site?
Quote:
PLEASE READ THESE TERMS OF USE CAREFULLY AS THEY CONTAIN IMPORTANT INFORMATION REGARDING YOUR LEGAL RIGHTS, REMEDIES AND OBLIGATIONS. THESE INCLUDE VARIOUS LIMITATIONS AND EXCLUSIONS, AND A DISPUTE RESOLUTION CLAUSE [...]]]></description>
			<content:encoded><![CDATA[<p> <a href="http://blog.strafenet.com/wp-content/uploads/2007/11/facebooktos.JPG" onclick="return false;" title="Direct link to file"><img src="http://blog.strafenet.com/wp-content/uploads/2007/11/facebooktos.thumbnail.JPG" alt="Facebook’s TOS" height="128" width="156" /></a></p>
<p><a href="http://www.facebook.com/terms.php">http://www.facebook.com/terms.php</a></p>
<p>There are 6000 words and 70+ paragraphs. How many Facebook users do you think actually know the legal terms they accept when they join the site?</p>
<p>Quote:</p>
<blockquote><p><strong>PLEASE READ THESE TERMS OF USE CAREFULLY AS THEY CONTAIN IMPORTANT INFORMATION REGARDING YOUR LEGAL RIGHTS, REMEDIES AND OBLIGATIONS. THESE INCLUDE VARIOUS LIMITATIONS AND EXCLUSIONS, AND A DISPUTE RESOLUTION CLAUSE THAT GOVERNS HOW DISPUTES WILL BE RESOLVED.</strong></p></blockquote>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2007/11/26/facebook-tos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Transparently Asinine</title>
		<link>http://blog.strafenet.com/2007/08/23/transparently-asinine/</link>
		<comments>http://blog.strafenet.com/2007/08/23/transparently-asinine/#comments</comments>
		<pubDate>Fri, 24 Aug 2007 02:57:24 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Business/The Software Industry]]></category>
		<category><![CDATA[Chris]]></category>
		<category><![CDATA[TOS Collection]]></category>
		<category><![CDATA[Thinking Outside the WTF]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2007/08/23/transparently-asinine/</guid>
		<description><![CDATA[There are some things that are so obviously demonstrate that companies hate consumers that we take them for granted.
Here&#8217;s one all-too-familiar example:

The Terms of Service, or TOS, are a standard prerequisite for signing up for almost everything on the internet, from Amazon to Neopets to Flickr. This document usually contains all the rules required to [...]]]></description>
			<content:encoded><![CDATA[<p>There are some things that are so obviously demonstrate that companies hate consumers that we take them for granted.</p>
<p>Here&#8217;s one all-too-familiar example:<a href="http://blog.strafenet.com/wp-content/uploads/2007/08/tos.png" title="NVidia Terms of Service"><img src="http://blog.strafenet.com/wp-content/uploads/2007/08/tos.png" alt="NVidia Terms of Service" height="478" width="651" /></a><br />
<br clear="all" /><br />
The Terms of Service, or TOS, are a standard prerequisite for signing up for almost everything on the internet, from Amazon to Neopets to Flickr. This document usually contains all the rules required to join the service. These cover all sorts of policies, from standards of behavior to <em>giving away your phone number to telemarketers</em> [<a href="http://news.com.com/AOL+dumps+new+member+policy/2100-1023_3-201927.html" title="AOL dumps new member policy" target="_blank">1</a>] to <strong>waiving your right to legal action</strong>. [<a href="http://consumerist.com/consumer/victories/cingulars-class-arbitration-waiver-ruled-unconscionable-by-9th-circuit-court-of-appeals-290806.php" title="Cingular's Class Arbitration Waiver Ruled " target="_blank">2</a>]</p>
<p>Try applying principles of UI design to a TOS. You should notice immediately:</p>
<blockquote><p><strong>Everything about your average TOS screams out, &#8220;Don&#8217;t read this, but skim it and check the box that says you did.&#8221;</strong></p></blockquote>
<p>(1) The box is usually packed into an <em>unnecessarily small space</em> (in the nVidia example, it&#8217;s actually clipping most of the available room!)</p>
<p>(2) The page looks like it&#8217;s from the Web 0.1 era. Ever see links on a TOS?</p>
<p>(3) It&#8217;s totally impossible to read. Look at any TOS. It&#8217;s called a table of contents, geniuses. Use it.</p>
<p>(4) Doesn&#8217;t contain any interpretation. The legalese is required to get through in the courts, obviously. But why shouldn&#8217;t they provide a side-by-side translation or basic explanation?</p>
<p>(5) The check box almost never requires you to read the agreement.</p>
<p>This is something that has been around since the pre-Internet days; the fine print is nothing new.</p>
<blockquote><p>What&#8217;s different now is that<strong> the Internet has made everything so much easier that, when it comes to Terms of Service, it&#8217;s blatantly obvious that they don&#8217;t want you to know what you&#8217;re agreeing to. We should demand better.<br />
</strong></p></blockquote>
<p>From now on, the Blog of Justice will have its own TOS, available <a href="http://blog.strafenet.com/?page_id=635" title="By clicking on this link, you agree that we kick ass.">here</a>.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2007/08/23/transparently-asinine/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Constructive vs. Incremental Design</title>
		<link>http://blog.strafenet.com/2006/12/06/constructive-vs-incremental-design/</link>
		<comments>http://blog.strafenet.com/2006/12/06/constructive-vs-incremental-design/#comments</comments>
		<pubDate>Wed, 06 Dec 2006 05:11:04 +0000</pubDate>
		<dc:creator>Chris</dc:creator>
				<category><![CDATA[Chris]]></category>
		<category><![CDATA[General/Misc.]]></category>
		<category><![CDATA[Product Design]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2006/12/06/constructive-vs-incremental-design/</guid>
		<description><![CDATA[Incremental design involves updating features on an already designed product. Consider Joel on Software&#8217;s critique of Vista&#8217;s shutdown, or an article reviewing buggy features in a new software product. This sort of design allows for improvements on a current product, but of course this is restricted by the limitations of the preexisting design.
In order to [...]]]></description>
			<content:encoded><![CDATA[<p><em>Incremental </em>design involves updating features on an already designed product. Consider Joel on Software&#8217;s critique of Vista&#8217;s shutdown, or an article reviewing buggy features in a new software product. This sort of design allows for improvements on a current product, but of course this is restricted by the limitations of the preexisting design.</p>
<p>In order to make more than incremental progress, one must design <em>constructively</em>, by creating a new system. The web browser and the spreadsheet, for instance, were not examples of creating a better word processor; they involved a smart designer thinking about a problem in a new way.</p>
<p>In some ways incremental design is best accomplished through constructive design as well. If you start with the initial assumptions of the product (i.e. it must have a way of being turned off, it must have a menu, it must use buttons), then you&#8217;re stuck with the initial limitations. Incremental design is better when the designer can think without being absolutely fixed to any narrow paradigms.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2006/12/06/constructive-vs-incremental-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>UI: Pop-ups are bad, and not just for web pages</title>
		<link>http://blog.strafenet.com/2006/10/04/ui-pop-ups-are-bad-and-not-just-for-web-pages/</link>
		<comments>http://blog.strafenet.com/2006/10/04/ui-pop-ups-are-bad-and-not-just-for-web-pages/#comments</comments>
		<pubDate>Wed, 04 Oct 2006 17:36:47 +0000</pubDate>
		<dc:creator>Tim</dc:creator>
				<category><![CDATA[Tim]]></category>
		<category><![CDATA[UI Design]]></category>

		<guid isPermaLink="false">http://blog.strafenet.com/2006/10/04/ui-pop-ups-are-bad-and-not-just-for-web-pages/</guid>
		<description><![CDATA[&#160;Everyone knows that pop-ups used to be the scourge of the Internet. These days, modern versions of most browsers contain &#8220;pop-up blocking&#8221; built in. They had become prevalent due to&#160;their use as high-visibility&#160;advertising, resulting in high click-through-rates. But everyone knows that pop-ups are bad, because they&#8217;re annoying and hurt usability.
Consider why pop-ups are bad:&#160;

They steal [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;Everyone knows that pop-ups used to be the scourge of the Internet. These days, modern versions of most browsers contain &#8220;pop-up blocking&#8221; built in. They had become prevalent due to&nbsp;their use as high-visibility&nbsp;advertising, resulting in high click-through-rates. But everyone knows that pop-ups are bad, because they&#8217;re annoying and hurt usability.</p>
<p>Consider why pop-ups are bad:&nbsp;</p>
<ul>
<li>They steal focus away from the current context: This should be obvious, but whenever something appears on the screen which interrupts your current task, it negatively impacts usability.</li>
<li>They require extra actions to complete your task: Every pop-up must be closed before the existing task can continue. This may be as quick as hitting Alt-F4, or take as long as switching from keyboard to mouse in order to click the close button.</li>
</ul>
<p>Despite knowing that pop-ups are evil in web applications, many application writers continue use pop-ups in client-side applications. The terminology for client-side applications is slightly different, however. Pop-ups in client-side applications are known as &#8220;pop up dialogs&#8221;, &#8220;modal dialogs&#8221;, or sometimes simply &#8220;dialogs&#8221;. Some great examples of annoying dialogs can be found <a href="http://thedailywtf.com/forums/thread/73049.aspx">The Daily WTF</a>.</p>
<p>One specific type of dialog that is particularly bad is the &#8220;Do not show this again&#8221; or &#8220;Don&#8217;t ask me again&#8221; type dialogs. Here&#8217;s an example from a project on <a href="http://www.codeproject.com/cs/miscctrl/MessageBoxChk.asp">CodeProject</a>:</p>
<p><a href="http://blog.strafenet.com/wp-content/uploads/2006/10/WindowsLiveWriter/UIPopupsarebadandnotjustforwebpages_BF6D/MessageBoxChk%5B2%5D.gif" atomicselection="true"><img height="152" src="http://blog.strafenet.com/wp-content/uploads/2006/10/WindowsLiveWriter/UIPopupsarebadandnotjustforwebpages_BF6D/MessageBoxChk_thumb.gif" width="357"/></a></p>
<p>These types of dialogs generally show information that the user <em>might</em> be interested in, but most likely isn&#8217;t. For developers, the easy way out is to simply implement a &#8220;Do not show this again&#8221; type dialog, justifying by saying &#8220;Sure, it&#8217;s annoying, but they only have to see it once&#8221;. Chances are, if it is annoying, you shouldn&#8217;t be showing it as a dialog to begin with. On top of that, users generally immediately click ok for this type of dialog without reading the text. And if they <em>do</em> click on the checkbox, it&#8217;s possible that they may want it to come back at some point, which is likely impossible.</p>
<p>Here are some guidelines for when dialog boxes are inappropriate:</p>
<ul>
<li><strong>Providing informational messages that may be interesting to the user.</strong><br />Informational messages should never interrupt the users workflow. Present this information to the user in ways that are non-intrusive. Examples of this are tooltip-style boxes that provide information without stealing focus, and <a href="http://msdn.microsoft.com/msdnmag/issues/06/07/CAtWork/">tooltip bubbles</a>.</li>
<li><strong>Alerting the user to non-fatal errors and warnings.</strong><br />Users probably don&#8217;t care about non-fatal errors. Chances are, they don&#8217;t know how to fix the error, or don&#8217;t want to bother. For example: a dialog box alerting the user that the connection to a server failed is probably inappropriate. Alternatives would be: status bar text, status icon indicating connection state, and tooltip bubbles.</li>
<li><strong>Input validation errors.</strong><br />Don&#8217;t put up a dialog box saying &#8220;Hey, you can&#8217;t have letters in your phone number!&#8221; This is annoying, and interrupts the users workflow. Direct the users attention to the field using non-modal UI, such as highlighting the erroneous&nbsp;field, or using a tooltip bubble (can you tell that&nbsp;I like tooltip bubbles?)</li>
</ul>
<p>On the other hand, however, there are some scenarios where you can, should, and <em>must</em> use dialog boxes.</p>
<ul>
<li><strong>Feedback is <em>required</em> from the user.<br /></strong>&#8220;Do you want to save this document?&#8221; is a great example of when a dialog is absolutely necessary. You <em>need</em> to get feedback from the user to determine the proper choice of action. However, if there is ever a scenario where a &#8220;default&#8221; is usually appropriate, consider the impact of using the default instead of prompting the user for an action.</li>
<li><strong>Fatal errors.<br /></strong>A perfect application would never have fatal errors, but everyone knows that perfect applications are as common as unicorns. When your program crashes, make every attempt to save the users data in some form, and alert the user that a problem has occurred. However, under <em>no circumstances</em> should you give an error that looks like this: &#8220;Unhandled exception&nbsp;at doFoobar.cpp:2534&#8243;. This sort of information should be logged for customer support, not presented to the user in a dialog box.</li>
</ul>
]]></content:encoded>
			<wfw:commentRss>http://blog.strafenet.com/2006/10/04/ui-pop-ups-are-bad-and-not-just-for-web-pages/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 0.478 seconds -->
