<?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>HCI in Open Source &#187; Qt</title>
	<atom:link href="http://blog.holehan.org/category/qt/feed/" rel="self" type="application/rss+xml" />
	<link>http://blog.holehan.org</link>
	<description>It's not bee-log</description>
	<lastBuildDate>Wed, 04 Feb 2009 21:11:10 +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>Radio button hell</title>
		<link>http://blog.holehan.org/2005/07/05/radio-button-hell/</link>
		<comments>http://blog.holehan.org/2005/07/05/radio-button-hell/#comments</comments>
		<pubDate>Tue, 05 Jul 2005 19:18:00 +0000</pubDate>
		<dc:creator>Florian Grässle</dc:creator>
				<category><![CDATA[hell]]></category>
		<category><![CDATA[kde]]></category>
		<category><![CDATA[Qt]]></category>

		<guid isPermaLink="false">http://blog.holehan.org/?p=5</guid>
		<description><![CDATA[What&#8217;s wrong with the following dialog? Both options are mutually exclusive. In the example above one shouldn&#8217;t use checkboxes but radio buttons. So it&#8217;s clear for the user that only one option can be activated at the same time, that she has to choose between the one or the other. The dialog should look like [...]]]></description>
			<content:encoded><![CDATA[<p>What&#8217;s wrong with the following dialog?</p>
<p style="text-align: center;"><img class="size-full wp-image-61 aligncenter" title="dialog_checkbox" src="http://blog.holehan.org/wp-content/uploads/2005/07/dialog_checkbox.png" alt="Diialog Checkbox" width="238" height="195" /></p>
<p>Both options are mutually exclusive. In the example above one shouldn&#8217;t use checkboxes but radio buttons. So it&#8217;s clear for the user that only one option can be activated at the same time, that she has to choose between the one or the other. The dialog should look like this:</p>
<p style="text-align: center;"><img class="size-full wp-image-62 aligncenter" title="dialog_radiobutton" src="http://blog.holehan.org/wp-content/uploads/2005/07/dialog_radiobutton.png" alt="Dialog with radio buttons" width="239" height="176" /></p>
<p>Pretty simple, pretty straightforward. Fortunately this kind of mistake became very rare. I actually had to invent an example because I couldn&#8217;t find one in the wild. That&#8217;s a good sign <img src='http://blog.holehan.org/wp-includes/images/smilies/icon_smile.gif' alt=':-)' class='wp-smiley' /> </p>
<p>The ones of you who are actively using the new designer from Trolltech&#8217;s Qt4 (and heavily switching its user interface mode <img src='http://blog.holehan.org/wp-includes/images/smilies/icon_wink.gif' alt=';-)' class='wp-smiley' />  ) may have an idea where I got the inspiration for that little example. It&#8217;s borrowed directly from designer&#8217;s &#8220;Edit&#8221; menu. There you&#8217;ll find a &#8220;User Interface Mode&#8221; entry. It looks like this:</p>
<p><img class="aligncenter size-medium wp-image-63" title="designer" src="http://blog.holehan.org/wp-content/uploads/2005/07/designer-300x63.png" alt="designer" width="300" height="63" /></p>
<p>Have a feeling what might be wrong with the above menu entries?</p>
<p>These menu entries look like checkboxes, but behave like radio buttons. In Qt4 (and in previous Qt versions) both the radio button like and the checkbox like menu entries look exactly the same. So there is no visual hint about what&#8217;s going to happen if a user clicks on such an entry. It could be either the one or the other type of menu entry. To be absolutely sure the user has to check back on that menu entry to find out what happened. Insane, isn&#8217;t it? This is how it should look like:</p>
<p style="text-align: center;"><img class="aligncenter size-medium wp-image-64" title="designer_in_2009" src="http://blog.holehan.org/wp-content/uploads/2005/07/designer_in_2009-300x63.png" alt="Qt Designer in 2009" width="300" height="63" /></p>
<p>GTK, the various Java toolkits, even Windows, they all are doing it like that, are doing it right. Why not Qt? It&#8217;s not as if the engineers at Trolltech didn&#8217;t know about that. I sent the trolls a bug report one year ago to make them aware of this issue, actually got positive feedback and hoped they fixed that shortcoming with the new version of Qt4.</p>
<p>Unfortunately they didn&#8217;t <img src='http://blog.holehan.org/wp-includes/images/smilies/icon_sad.gif' alt=':-(' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://blog.holehan.org/2005/07/05/radio-button-hell/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

