<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.2" -->
<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/"
	>

<channel>
	<title>About → User Interface</title>
	<link>http://www.blake8086.com/blog</link>
	<description></description>
	<pubDate>Thu, 07 Feb 2008 23:53:12 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.2</generator>
	<language>en</language>
			<item>
		<title>So long, and thanks for all the spam!</title>
		<link>http://www.blake8086.com/blog/2008/02/07/so-long-and-thanks-for-all-the-spam/</link>
		<comments>http://www.blake8086.com/blog/2008/02/07/so-long-and-thanks-for-all-the-spam/#comments</comments>
		<pubDate>Thu, 07 Feb 2008 23:53:12 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2008/02/07/so-long-and-thanks-for-all-the-spam/</guid>
		<description><![CDATA[Blog is moved to here http://blake8086.blogspot.com/
]]></description>
			<content:encoded><![CDATA[<p>Blog is moved to here <a href="http://blake8086.blogspot.com/">http://blake8086.blogspot.com/</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2008/02/07/so-long-and-thanks-for-all-the-spam/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Redundancy in interfaces</title>
		<link>http://www.blake8086.com/blog/2007/12/12/redundancy-in-interfaces/</link>
		<comments>http://www.blake8086.com/blog/2007/12/12/redundancy-in-interfaces/#comments</comments>
		<pubDate>Wed, 12 Dec 2007 07:29:04 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/12/12/redundancy-in-interfaces/</guid>
		<description><![CDATA[Here&#8217;s a great example of over-generalizing an interface and the weirdness that results.  The Add-on Updates screen in Firefox:

See that bar that says &#8220;There are new updates available for your add-ons&#8221;?  Yeah, I knew that already because an entire window popped up just to tell me that.  Thanks.
Clicking the X doesn&#8217;t really do anything either, [...]]]></description>
			<content:encoded><![CDATA[<p>Here&#8217;s a great example of over-generalizing an interface and the weirdness that results.  The Add-on Updates screen in Firefox:</p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/12/firefox_updates.jpg" alt="firefox_updates.jpg" /></p>
<p>See that bar that says &#8220;There are new updates available for your add-ons&#8221;?  Yeah, I knew that already because an entire window popped up just to tell me that.  Thanks.</p>
<p>Clicking the X doesn&#8217;t really do anything either, it just hides that oh-so-useful message.</p>
<p>How often do people ever skip updates or uncheck a specific one to not install?  It seems like it would be more useful to have a global &#8220;don&#8217;t update this extension ever&#8221; dialog and just auto-update all of them without asking.  It&#8217;s not like a user can make an informed decision on what to do here anyways.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/12/12/redundancy-in-interfaces/feed/</wfw:commentRss>
		</item>
		<item>
		<title>On naming</title>
		<link>http://www.blake8086.com/blog/2007/12/07/on-naming/</link>
		<comments>http://www.blake8086.com/blog/2007/12/07/on-naming/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 08:55:52 +0000</pubDate>
		<dc:creator>Ted Melot</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/12/07/on-naming/</guid>
		<description><![CDATA[So it&#8217;s video card upgrade time for me, all the newest games starting to really chug along on my computer, struggling to maintain a playable frame rate (but really giving each frame a really good hustle). So what does one do when they need a new video card? Go buy a new one of course!
Well [...]]]></description>
			<content:encoded><![CDATA[<p>So it&#8217;s video card upgrade time for me, all the newest games starting to really chug along on my computer, struggling to maintain a playable frame rate (but really giving each frame a really good<em> hustle</em>). So what does one do when they need a new video card? Go buy a new one of course!</p>
<p>Well that&#8217;s easy enough, right? <strong>WRONG!</strong> <strong>FUCK YOU! </strong>Why don&#8217;t you go <em>fuck yourself</em>? And eat a dick too while you&#8217;re at it. No, make that a whole <em>bowl of dicks</em>. This is the feeling that everyone, including you, will inevitably get when looking to buy a new video card.</p>
<p>I fought this battle a couple of years ago. I was tasked with trying to find a good bang-for-my-buck deal across awesomely named products such as: <strong>Radeon </strong>x800 XT, <strong>Radeon </strong>x800 XT Platinum Edition, <strong>Radeon </strong>x850 XT, <strong>GeForce </strong>7800 GT, <strong>GeForce </strong>6800 Ultra, <strong>Radeon </strong>x1800 GTO, <strong>GeForce </strong>6800 GS, <strong>Radeon </strong>x800 XL, <strong>Radeon </strong>x800 GTO2, <strong>GeForce </strong>7800 GTX. Huh?</p>
<p>Also, that&#8217;s <strong>JUST CHIPSETS</strong>. That doesn&#8217;t even skim the surface of comparing pixel pipelines, texture units, memory, how 3rd party manufacturers implement/tweak the core architectures, major chipset revisions, etc. Yes it&#8217;s important information, but these are seriously the best naming schemes they could come up with?</p>
<p>I will now point you to a chart I found on Tom&#8217;s Hardware. It&#8217;s from their article &#8220;<a href="http://www.tomshardware.com/2007/12/03/best_graphics_card/index.html"><strong>The Best Gaming Graphics cards for the Money: December 2007</strong></a>&#8220;. This article perfect for complainers like me who are in the market for a new video card. It basically summarizes everything I would of had to spend at least half a week easy researching. Thankfully they are <em>paid</em> to do that for us so we don&#8217;t have to, yay them. Anyways, the whole point here is the table I found on page 6 - it&#8217;s a list I&#8217;ve been wanting to see for years. It has probably been around for a while but I just discovered it so it is amazing and exciting to me.</p>
<p>So I present to you what I like to call, &#8216;<em>buyer confusion&#8217;:</em></p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/12/pic.PNG" alt="Fucking video cards fuck" /><br />
(The rows represent approximate performance  levels. Chipset generations shift about every 2 rows.)</p>
<p>Here&#8217;s a great example of how even more confusing this can get: Around the time Doom 3 (a huge release) came out for PC, NVidia had launched their GeForce 4 line of cards, one of these being the GeForce 4 MX. This was a low-priced budget card designed for people that would maybe play a game or two occasionally, but that&#8217;s it. Doom 3 was one of the first games to use all the fancy-pants programmable pixel / vertex shaders in newer video cards. Older cards could produce similar looking effects but did so in ways that were extremely rigid and limited. Wanting to be able to play Doom 3, people would go to stores and see rows of boxes, GeForce 3s on the bottom and 4s on the top. Well hey, 4 is higher than 3 so those must be better right? Yes&#8230;unless they bought the 4 MX. The GeForce 4 MX was basically a GeForce 2 Ti (yeah Ti) with a GeForce 4 Ti-series memory controller. No programmable shaders AKA it was missing features the GeForce THREE had. So that pissed a lot of people off when they realized they literally <strong>couldn&#8217;t play</strong> the game when they got home, it wouldn&#8217;t let them, the card didn&#8217;t have the hardware necessary to run it.</p>
<p>I haven&#8217;t heard of this happening since then, but the naming is still out of control. None of this is a big deal really but I just find it sort of <strike>silly</strike> stupid that we can&#8217;t have reasonably named products.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/12/07/on-naming/feed/</wfw:commentRss>
		</item>
		<item>
		<title>PR Speak 1</title>
		<link>http://www.blake8086.com/blog/2007/12/06/pr-speak-1/</link>
		<comments>http://www.blake8086.com/blog/2007/12/06/pr-speak-1/#comments</comments>
		<pubDate>Thu, 06 Dec 2007 19:30:55 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/12/06/pr-speak-1/</guid>
		<description><![CDATA[I just chanced across an old announcement Photobucket made:
“Photobucket will undoubtedly be a rich source of photos for people to share on Digg’s dedicated images section, which goes live today,” said Jay Adelson, CEO of Digg. “Photobucket’s integration with Digg is a great example of the kinds of applications that can be created using the [...]]]></description>
			<content:encoded><![CDATA[<p>I just chanced across an old announcement Photobucket made:</p>
<blockquote><p>“Photobucket will undoubtedly be a rich source of photos for people to share on Digg’s dedicated images section, which goes live today,” said Jay Adelson, CEO of Digg. “Photobucket’s integration with Digg is a great example of the kinds of applications that can be created using the Digg API, and that leverages the Digg community as a collaborative filter for surfacing the most interesting content. Twenty-five million people a month visit Digg to discover and share the best content from anywhere on the Web.”</p></blockquote>
<p>It took them all of those words just to say:</p>
<blockquote><p>&#8220;We [Photobucket] have partnered with Digg.  This should make it easier to find cool images.&#8221;</p></blockquote>
<p>I guess it just doesn&#8217;t have the same ring without &#8220;rich&#8221;, &#8220;leverages&#8221;, &#8220;collaborative filter&#8221;, &#8220;surfacing&#8221;, and &#8220;content&#8221;.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/12/06/pr-speak-1/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Systems and Departments</title>
		<link>http://www.blake8086.com/blog/2007/11/06/systems-and-departments/</link>
		<comments>http://www.blake8086.com/blog/2007/11/06/systems-and-departments/#comments</comments>
		<pubDate>Tue, 06 Nov 2007 06:53:09 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/11/06/systems-and-departments/</guid>
		<description><![CDATA[Fidelity sent me a reply:
Dear Mr. Householder:
Fidelity&#8217;s product and service emails are generated by various systems and departments within our organization. The 10 business day window allows us the time we need to ensure all systems have been given the appropriate notification to stop delivery to your email address. We appreciate your patience while we [...]]]></description>
			<content:encoded><![CDATA[<p>Fidelity sent me a reply:</p>
<blockquote><p>Dear Mr. Householder:</p>
<p>Fidelity&#8217;s product and service emails are generated by various systems and departments within our organization. The 10 business day window allows us the time we need to ensure all systems have been given the appropriate notification to stop delivery to your email address. We appreciate your patience while we fulfill your request.</p>
<p>We greatly appreciate your business, Mr. Householder, and we are very pleased to be able to assist you in reaching your financial goals. If you have any other questions or comments, please send us another email at any time. I hope you have a wonderful weekend.</p>
<p>Sincerely,</p>
<p>Greg Walters<br />
Fidelity Brokerage Services LLC, Member NYSE, SIPC</p></blockquote>
<p>It&#8217;s weird, because the second you sign up, they send you a bunch of emails from their &#8220;systems and departments&#8221; and also earmark an entire tree to turn into various mailings.  So turning on is instant, and off takes days&#8230;</p>
<p>Thankfully, they didn&#8217;t send me any other spam emails after this.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/11/06/systems-and-departments/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Seriously, the speed of light</title>
		<link>http://www.blake8086.com/blog/2007/11/01/seriously-the-speed-of-light/</link>
		<comments>http://www.blake8086.com/blog/2007/11/01/seriously-the-speed-of-light/#comments</comments>
		<pubDate>Thu, 01 Nov 2007 16:25:46 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/11/01/seriously-the-speed-of-light/</guid>
		<description><![CDATA[Fidelity sent me some spam, so I replied with &#8220;UNSUBSCRIBE&#8221; and they sent me this:
Dear Mr. Householder:
I have placed a stop email request for the email address listed below.
blake8086 @ gmail . com
Please allow 10 business days for the stop to become effective. Your email address will be removed from future marketing and product messages.
So [...]]]></description>
			<content:encoded><![CDATA[<p>Fidelity sent me some spam, so I replied with &#8220;UNSUBSCRIBE&#8221; and they sent me this:</p>
<blockquote><p>Dear Mr. Householder:<br />
I have placed a stop email request for the email address listed below.<br />
blake8086 @ gmail . com</p>
<p>Please allow 10 business days for the stop to become effective. Your email address will be removed from future marketing and product messages.</p></blockquote>
<p>So I replied:</p>
<blockquote><p>10 days?  That&#8217;s ridiculous.  Why could it possibly take you ten days to stop something that travels literally at the speed of light?</p></blockquote>
<p>10 days would be a long time to send a letter to them and have them send a confirmation.  The mind boggles at why anything email could take 10 days.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/11/01/seriously-the-speed-of-light/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Well It Is Free</title>
		<link>http://www.blake8086.com/blog/2007/10/30/well-it-is-free/</link>
		<comments>http://www.blake8086.com/blog/2007/10/30/well-it-is-free/#comments</comments>
		<pubDate>Wed, 31 Oct 2007 03:53:30 +0000</pubDate>
		<dc:creator>Ted Melot</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/10/30/well-it-is-free/</guid>
		<description><![CDATA[Why does Dev-C++ even bother with an &#8220;Auto-Indent&#8221; feature? Here, I type the same two code samples. I type only the code and let Auto-Indent handle the rest.
My coding style:

Alternate coding style:

Writing some code then turning it off:

Not a big deal in that last case, but what happens when you are working inside a huge [...]]]></description>
			<content:encoded><![CDATA[<p>Why does Dev-C++ even bother with an &#8220;Auto-Indent&#8221; feature? Here, I type the same two code samples. I type only the code and let Auto-Indent handle the rest.</p>
<p><strong>My coding style:</strong><br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-my-style-on.bmp" /></p>
<p><strong>Alternate coding style:<br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-other-style-on.bmp" /></strong></p>
<p><strong>Writing some code then turning it off</strong>:<br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-my-style-off.bmp" /></p>
<p>Not a big deal in that last case, but what happens when you are working inside a huge multi-tiered nested structure? Do you really want to manually indent all of that? Especially while your dual-core supercomputer, the one that can execute <em>billions</em> of instructions per second, just sits there idle?</p>
<p>So the end result seems broken, let&#8217;s examine what the process of trying to <em>fix</em> it is like. I call these correction processes <strong>crap rituals</strong>. Programmers are probably all to familiar with these.</p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-step-1.bmp" /><br />
<em>Ok let&#8217;s hit enter and type the brace&#8230;</em></p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-step-2.bmp" /><br />
<em>What I expected but not what I want, lets backspace the brace&#8230;<br />
</em></p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-step-3.bmp" /><br />
<em>Ok gone, just gotta backspace to the right spot&#8230;</em></p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-step-4.bmp" /><br />
<em>Almost there, just gotta press Shift and&#8211;</em></p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-step-5.bmp" /><br />
<em>&#8211;what the fuck?</em></p>
<p>Even worse, this is what we get in the <strong>Options screen</strong>:<br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/indent-options-what.bmp" /></p>
<p>&#8220;<em>Caret will position to first non-whitespace of preceding line</em>&#8220;. No, caret gave up and went to column 0. And why is the checkbox for Auto Indent grey? Regardless if the box is ticked or not, the background is grey. Usually that means it&#8217;s an option for a subset of features, some being on some being off. That doesn&#8217;t really seem to mean anything here.</p>
<p>Lastly, when you type a close curly brace, the behavior of future deletion changes depending on where the cursor is. If the cursor is directly to the left of the brace and you press Backspace, it backspaces more than one positions, as if you just removed a tab. But there wasn&#8217;t a tab - you can click (or arrow-key) to any individual space between the left margin and the curly brace. So sometimes it removes a little and sometimes it removes a lot? And why does Backspace behave this way but Delete does not? Why did they even bother implementing this?</p>
<p>This is a common issue in many IDEs out there. Auto-Indent features are supposed to save us time, not give us more work trying to figure out when to expect a space or a tab or ok if I press backspace now it&#8217;ll go to column 0 so I better click over here and press delete twice then hit enter so it indents the new line properly ok now I can move back up and close my brace. If your Auto-Indent forces people to create, test and tweak <strong>crap rituals</strong>, then your feature has failed.</p>
<p>I have to say my (limited) experience with Microsoft&#8217;s Visual Studio IDE&#8217;s have been pretty good in this regard. It does what you expect and allows you focus on your code.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/10/30/well-it-is-free/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Facebook Platform Help, or the worst possible way to do links</title>
		<link>http://www.blake8086.com/blog/2007/10/24/facebook-platform-help-or-the-worst-possible-way-to-do-links/</link>
		<comments>http://www.blake8086.com/blog/2007/10/24/facebook-platform-help-or-the-worst-possible-way-to-do-links/#comments</comments>
		<pubDate>Thu, 25 Oct 2007 05:05:09 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/10/24/facebook-platform-help-or-the-worst-possible-way-to-do-links/</guid>
		<description><![CDATA[Facebook has a platform for developing applications, and they provide lots of help and assistance to developers seeking to leverage their offerings.  However, their Facebook Platform Help has one of the most hilariously bad UIs for showing content under subheadings.
Here&#8217;s the initial view:

Here&#8217;s what happens when I click the four &#8220;links&#8221;:

There&#8217;s basically two ways [...]]]></description>
			<content:encoded><![CDATA[<p>Facebook has a platform for developing applications, and they provide lots of help and assistance to developers seeking to leverage their offerings.  However, their <a href="http://developers.facebook.com/help.php?page=12#">Facebook Platform Help</a> has one of the most hilariously bad UIs for showing content under subheadings.</p>
<p>Here&#8217;s the initial view:<br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/facebook_developer1.jpg" alt="facebook_developer1.jpg" /></p>
<p>Here&#8217;s what happens when I click the four &#8220;links&#8221;:<br />
<img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/facebook_developer2.jpg" alt="facebook_developer2.jpg" /></p>
<p>There&#8217;s basically two ways to do this correctly:</p>
<ol>
<li>Just show the damn content, it&#8217;s not like there&#8217;s that much of it anyways</li>
<li>If you really have a ton of helpful information in each item, the links should be, well, links to the other pages with the information</li>
</ol>
<p>Instead you have some sort of hybrid approach that sucks.</p>
<p>Lessons:</p>
<ol>
<li>Things that look like links should act like links</li>
<li>Don&#8217;t hide data when it&#8217;s unnecessary</li>
</ol>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/10/24/facebook-platform-help-or-the-worst-possible-way-to-do-links/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Programming Fonts</title>
		<link>http://www.blake8086.com/blog/2007/10/24/programming-fonts/</link>
		<comments>http://www.blake8086.com/blog/2007/10/24/programming-fonts/#comments</comments>
		<pubDate>Thu, 25 Oct 2007 04:24:26 +0000</pubDate>
		<dc:creator>Ted Melot</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/10/24/programming-fonts/</guid>
		<description><![CDATA[In today&#8217;s world of flashy GUIs and complicated IDEs, default font selection seems to be nothing but a short afterthought. I experienced a prime example of this earlier today while working with Processing. I should first point out that I am a huge fan of Processing and this should in no way discourage anyone from [...]]]></description>
			<content:encoded><![CDATA[<p>In today&#8217;s world of flashy GUIs and complicated IDEs, default font selection seems to be nothing but a short afterthought. I experienced a prime example of this earlier today while working with <a href="http://processing.org/">Processing</a>. I should first point out that I am a huge fan of Processing and this should in no way discourage anyone from trying it. It&#8217;s ridiculously easy to use (assuming you are familiar with basic Java) and people have done some pretty interesting visualization stuff with it.</p>
<p>So earlier I was busy working on a program (&#8221;sketch&#8221; in Processing lingo) and needed to reference a variable I had created earlier. It&#8217;s name was 2 characters, lowercase &#8216;e&#8217; followed by&#8230;hmmm, is that a numeric one or a lowercase &#8216;L&#8217;? Can&#8217;t remember what I typed, so I tried both, no good. It turns out the problem was something else entirely, but it made me take a step back and really examine the default Processing font. I moved to a blank line and typed a numeric one followed by a lowercase &#8220;L&#8221;. Here&#8217;s what showed up: <img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/programming-fonts-small.bmp" alt="programming-fonts-small.bmp" height="12" width="18" /></p>
<p>Hmm well that looks pretty hard to tell apart, let&#8217;s blow that up: <img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/programming-fonts-med.bmp" alt="/www.blake8086.com/blog/wp-content/uploads/2007/10/programming-fonts-med.bmp" height="54" width="81" /></p>
<p>Wait, what order did I type those in again?</p>
<p><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/programming-fonts-large.bmp" height="162" width="243" /></p>
<p>Well that&#8217;s interesting, the lowercase &#8216;L&#8217; has a vertical column that&#8217;s one pixel thicker than the numeric one, what the hell?</p>
<p>Why would a font designer in their right mind make 2 characters look virtually identical? I say &#8220;virtually&#8221; because you can sort of tell when they are blown up ~13.5x and are directly next to each other, but even then there is still no way of knowing which one is which unless you recall the order you typed them. The <em>entire point </em>of character sets are to uniquely identify individual language constructs. Here you can&#8217;t even tell if it&#8217;s a numeric digit or a letter. That seems like a pretty big failure.</p>
<p>Even worse, why would a team creating a programming language + IDE on top of Java (that&#8217;s <em>built </em>around the concept of graphics and visualization) choose a font like this? That doesn&#8217;t make any sense to me.</p>
<p>There are a ton more shitty-font examples out there (similar characters, hard to read punctuation, etc) that I won&#8217;t get into. So what&#8217;s the solution here? Use a font built for programming! A simple Google search for &#8220;programming font&#8221; will get you <a href="http://keithdevens.com/wiki/ProgrammerFonts">this useful site</a>. I&#8217;m partial to <a href="http://www.tobias-jung.de/seekingprofont/">Profont / Sheldon</a>. They are pretty small and can look cluttered when there is a lot of dense code on the screen, but they are always easily readable. Perhaps one day all IDEs will be developed with the understanding that there is more to a programming font than monospacing.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/10/24/programming-fonts/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Ignoring Clicks</title>
		<link>http://www.blake8086.com/blog/2007/10/19/ignoring-clicks/</link>
		<comments>http://www.blake8086.com/blog/2007/10/19/ignoring-clicks/#comments</comments>
		<pubDate>Fri, 19 Oct 2007 22:29:14 +0000</pubDate>
		<dc:creator>Blake Householder</dc:creator>
		
		<category><![CDATA[User Interface]]></category>

		<guid isPermaLink="false">http://www.blake8086.com/blog/2007/10/19/ignoring-clicks/</guid>
		<description><![CDATA[Microsoft Live Labs has released a product called Listas for managing lists.  I have no idea why lists are so important they require their own web 2.0 app, but who am I to question MS?
I noticed their tour makes a common mistake: the hitboxes for the next and back arrows are just too damn [...]]]></description>
			<content:encoded><![CDATA[<p>Microsoft Live Labs has released a product called <a href="http://listas.labs.live.com/tour/editing.aspx">Listas</a> for managing lists.  I have no idea why lists are so important they require their own web 2.0 app, but who am I to question MS?</p>
<p>I noticed their tour makes a common mistake: the hitboxes for the next and back arrows are just too damn small, at 11&#215;19.  They&#8217;re the size of the images instead of being huge (hitboxes highlighted in red and blue):<br />
<a href="http://www.blake8086.com/blog/wp-content/uploads/2007/10/wrong.jpg" title="wrong.jpg"><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/wrong.jpg" alt="wrong.jpg" /></a></p>
<p>Here&#8217;s the right way to do it, making the boxes as huge as possible:<br />
<a href="http://www.blake8086.com/blog/wp-content/uploads/2007/10/right.jpg" title="right.jpg"><img src="http://www.blake8086.com/blog/wp-content/uploads/2007/10/right.jpg" alt="right.jpg" /></a></p>
<p>If I happen to click <strong>right next to</strong> an arrow, what did I probably want that click to do?  Certainly not &#8220;get my mouse click thrown away&#8221;.  Since a web app usually won&#8217;t intercept all clicks and guess where they should go, you have to plan ahead, and that means surrounding these controls in a CSS box that allows for the same linking the arrow images do.</p>
<p>Other fixes:</p>
<p>Why not use text saying NEXT or NEXT PAGE or TELL ME MORE instead of small arrows that blend into the background?</p>
<p>How about adding a mouseover animation so the user knows they&#8217;re able to click and get an action instead of just making them guess that the arrows do something?</p>
<p>Generally speaking, throwing away user input is always a bad idea.  It&#8217;s up to us to guess what the user intended and act on it as best we can.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.blake8086.com/blog/2007/10/19/ignoring-clicks/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
