<?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>Usability Thoughts &#187; modals</title>
	<atom:link href="http://usabilitythoughts.com/tag/modals/feed" rel="self" type="application/rss+xml" />
	<link>http://usabilitythoughts.com</link>
	<description>content meets user</description>
	<lastBuildDate>Thu, 12 Jan 2012 09:02:56 +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>Modals are killing the spirit</title>
		<link>http://usabilitythoughts.com/modals-are-killing-the-spirit.html</link>
		<comments>http://usabilitythoughts.com/modals-are-killing-the-spirit.html#comments</comments>
		<pubDate>Mon, 09 Mar 2009 09:16:57 +0000</pubDate>
		<dc:creator>Adrian</dc:creator>
				<category><![CDATA[Good practices]]></category>
		<category><![CDATA[Patterns]]></category>
		<category><![CDATA[To do]]></category>
		<category><![CDATA[alerts]]></category>
		<category><![CDATA[messages]]></category>
		<category><![CDATA[modals]]></category>
		<category><![CDATA[undo]]></category>

		<guid isPermaLink="false">http://usabilitythoughts.com/?p=31</guid>
		<description><![CDATA[One of the worse things to put on your website/application is a modal alert. I&#8217;m not glad with the modal forms either. The only modal thing i can live with must be the lightbox style view of images, if the images are large, this is probably the best way to view them fast and with [...]]]></description>
			<content:encoded><![CDATA[<p>One of the worse things to put on your website/application is a modal alert. I&#8217;m not glad with the modal forms either. The only modal thing i can live with must be the lightbox style view of images, if the images are large, this is probably the best way to view them fast and with the smallest effort.</p>
<div onmouseover="alert('This is pretty annoying, isn\'t it?');">The javascript alerts are the mother of all modals. Why in God&#8217;s name would you want a box to pop, tell you something you already know and have to click <strong>ONE SINGLE BUTTON</strong> to get rid of it?  This is sick. </div>
<p>And i&#8217;ll tell you why that&#8217;s so frustrating: once a modal alert pops in you cant do anything else, you cannot use any of the browser&#8217;s functions, cant see on another tab what the terms on the alert are meaning, can&#8217;t go back either. This is worse when the message is not clear and you have to confirm something with &#8220;OK&#8221; and &#8220;CANCEL&#8221;. &#8220;Ok what? Cancel what? Is this gonna ruin the work i&#8217;ve done so far if i get it wrong?&#8221;. Not funny. </p>
<p>I&#8217;m a little bit of a hypocrite. I use javascript confirmation when deleting something. You would think that&#8217;s a good thing but it&#8217;s not, try to delete 10 things one by one and you&#8217;ll know what i mean. </p>
<p><strong>Solutions:</strong><br />
- instead of alerts <strong>use inline messages</strong> (see the yellow bg ones on Gmail) are the most elegant and usable solution to a problem i have ever seen, non intrusive, space saving, time saving. If the messages disappears after a while it&#8217;s perfect.</p>
<p>- Instead confirming a delete let the user delete stuff and <strong>provide a &#8220;UNDO&#8221; option</strong>. (It&#8217;s said that the undo functionality is the greatest way to let user explore, fuckup, recover, the best way to change the user from beginner to intermediate). Of course, this is no  easy job for a developer. Providing such a feature is a real pain in the ass, that&#8217;s why you don&#8217;t see it on many web applications, that&#8217;s why i break the usability rules and ask users for confirmation when deleting.</p>
]]></content:encoded>
			<wfw:commentRss>http://usabilitythoughts.com/modals-are-killing-the-spirit.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

