<?xml version="1.0" encoding="UTF-8"?><rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	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:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd"
xmlns:rawvoice="http://www.rawvoice.com/rawvoiceRssModule/"
	>
<channel>
	<title>Comments on: What do you call those hover-revealing layered-on-top contextual menus?</title>
	<atom:link href="http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/</link>
	<description>UIE\'s latest insights on the world of design</description>
	<lastBuildDate>Sat, 18 May 2013 00:44:50 +0000</lastBuildDate>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.4.1</generator>
	<item>
		<title>By: Greg Phillips</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-176590</link>
		<dc:creator>Greg Phillips</dc:creator>
		<pubDate>Wed, 09 Nov 2011 21:17:06 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-176590</guid>
		<description>Oh.  And by the way, Jared&#039;s answer was on spot.  The book Designing Web Interfaces, by Bill Scott &amp; Theresa Neil does a great job of explaining the design trade-offs (discoverability vs. visual clutter, etc.)  Thanks Jared!</description>
		<content:encoded><![CDATA[<p>Oh.  And by the way, Jared&#8217;s answer was on spot.  The book Designing Web Interfaces, by Bill Scott &amp; Theresa Neil does a great job of explaining the design trade-offs (discoverability vs. visual clutter, etc.)  Thanks Jared!</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Greg Phillips</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-176587</link>
		<dc:creator>Greg Phillips</dc:creator>
		<pubDate>Wed, 09 Nov 2011 21:11:29 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-176587</guid>
		<description>Thanks for the replies.  I emailed the original question to Jared and got a quick reply via email, not realizing that he was also posting the question on his blog.  9 months later I  just stumbled onto this blog, by accident while once again looking for best practices for this kind of control...

I&#039;m surprised by some of the confusion regarding my original question.  Modal dialogs?  Tool tips?  Ummmmm.  Haven&#039;t you ever used an application that used the context of what the mouse was hovering over to temporarily &quot;reveal&quot; some additional UI controls that gave you access to functionality without having to go search through a menu?  When it works well, it is as if the software is reading your mind, and nicely suggesting some functionality for you to consider.  Kind of like:  Hey - you&#039;re hovering over a graph, lots of times when people do that, the next thing they do is click to select the graph and then they go in search of the print button (or delete button, or whatever).  Therefore, every time the user hovers over a graph, let&#039;s automatically display a print button near the graph so they can easily access that functionality. Maybe that would be nice and efficient for the user.  Maybe that would be annoying for the user, because they didn&#039;t want that stuff popping up at them.  Anyway, that&#039;s the general idea. I think it works well sometimes, but not always, so I&#039;d like to know when I should hover/reveal and when I shouldn&#039;t.

A good example from Apple (since there seem to be some Microsoft haters in here) is the Mac Mail app.  When a mail message is open, hover near the gray separator line at the top of the message and - voila! - four buttons appear that let you delete the message and move quickly among your other messages.

I was just looking for some best practices, some of which are probably common sense, like:
1) Use it judiciously.
2) Use it only for very common, or frequently used functionality.
3) Fade the controls into view (don&#039;t &quot;pop&quot; them up in an annoying fashion)
Etc.

My particular application of this kind of control that I&#039;m considering is to reveal controls over a splitter control that lets users quickly move the split all the way to the top or bottom.  Some in my group think this is bad, and that the controls should always be visible, or not visible at all.  I like the idea of only revealing the controls when the mouse is over the splitter, under the assumption that the user has shown their intention to move the split.  But I&#039;m not sure.  (So we&#039;ll test of course.)</description>
		<content:encoded><![CDATA[<p>Thanks for the replies.  I emailed the original question to Jared and got a quick reply via email, not realizing that he was also posting the question on his blog.  9 months later I  just stumbled onto this blog, by accident while once again looking for best practices for this kind of control&#8230;</p>
<p>I&#8217;m surprised by some of the confusion regarding my original question.  Modal dialogs?  Tool tips?  Ummmmm.  Haven&#8217;t you ever used an application that used the context of what the mouse was hovering over to temporarily &#8220;reveal&#8221; some additional UI controls that gave you access to functionality without having to go search through a menu?  When it works well, it is as if the software is reading your mind, and nicely suggesting some functionality for you to consider.  Kind of like:  Hey &#8211; you&#8217;re hovering over a graph, lots of times when people do that, the next thing they do is click to select the graph and then they go in search of the print button (or delete button, or whatever).  Therefore, every time the user hovers over a graph, let&#8217;s automatically display a print button near the graph so they can easily access that functionality. Maybe that would be nice and efficient for the user.  Maybe that would be annoying for the user, because they didn&#8217;t want that stuff popping up at them.  Anyway, that&#8217;s the general idea. I think it works well sometimes, but not always, so I&#8217;d like to know when I should hover/reveal and when I shouldn&#8217;t.</p>
<p>A good example from Apple (since there seem to be some Microsoft haters in here) is the Mac Mail app.  When a mail message is open, hover near the gray separator line at the top of the message and &#8211; voila! &#8211; four buttons appear that let you delete the message and move quickly among your other messages.</p>
<p>I was just looking for some best practices, some of which are probably common sense, like:<br />
1) Use it judiciously.<br />
2) Use it only for very common, or frequently used functionality.<br />
3) Fade the controls into view (don&#8217;t &#8220;pop&#8221; them up in an annoying fashion)<br />
Etc.</p>
<p>My particular application of this kind of control that I&#8217;m considering is to reveal controls over a splitter control that lets users quickly move the split all the way to the top or bottom.  Some in my group think this is bad, and that the controls should always be visible, or not visible at all.  I like the idea of only revealing the controls when the mouse is over the splitter, under the assumption that the user has shown their intention to move the split.  But I&#8217;m not sure.  (So we&#8217;ll test of course.)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jared Spool</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-157128</link>
		<dc:creator>Jared Spool</dc:creator>
		<pubDate>Thu, 24 Feb 2011 16:31:10 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-157128</guid>
		<description>Brendan, a tooltip typically is just a label or title. It&#039;s not a separate, interactive menu. Moving your mouse makes the tooltip disappear, which means you can&#039;t select anything on it.</description>
		<content:encoded><![CDATA[<p>Brendan, a tooltip typically is just a label or title. It&#8217;s not a separate, interactive menu. Moving your mouse makes the tooltip disappear, which means you can&#8217;t select anything on it.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Brendan Regan</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-157127</link>
		<dc:creator>Brendan Regan</dc:creator>
		<pubDate>Thu, 24 Feb 2011 16:24:25 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-157127</guid>
		<description>I&#039;ve always referred to that sort of interaction as a &quot;tool tip.&quot; http://en.wikipedia.org/wiki/Tooltip</description>
		<content:encoded><![CDATA[<p>I&#8217;ve always referred to that sort of interaction as a &#8220;tool tip.&#8221; <a href="http://en.wikipedia.org/wiki/Tooltip" rel="nofollow">http://en.wikipedia.org/wiki/Tooltip</a></p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Jan-Hendrik Spieth</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156980</link>
		<dc:creator>Jan-Hendrik Spieth</dc:creator>
		<pubDate>Tue, 22 Feb 2011 07:52:37 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156980</guid>
		<description>Half-officially, there is something like that on Android, called &#039;Quick actions&#039;:
http://www.androidpatterns.com/uap_pattern/quick-actions
http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0
http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0 (ff to 15:40)</description>
		<content:encoded><![CDATA[<p>Half-officially, there is something like that on Android, called &#8216;Quick actions&#8217;:<br />
<a href="http://www.androidpatterns.com/uap_pattern/quick-actions" rel="nofollow">http://www.androidpatterns.com/uap_pattern/quick-actions</a><br />
<a href="http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0" rel="nofollow">http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0</a><br />
<a href="http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0" rel="nofollow">http://developer.android.com/videos/index.html#v=M1ZBjlCRfz0</a> (ff to 15:40)</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James Schend</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156977</link>
		<dc:creator>James Schend</dc:creator>
		<pubDate>Tue, 22 Feb 2011 03:38:26 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156977</guid>
		<description>@Cliff: The major, by far most significant, difference between the older modal dialog and the hover controls is that the hover controls *aren&#039;t modal*. I don&#039;t know how you could possibly think they are... or what you think the word &quot;modal&quot; means... and it&#039;s throwing me off.

Nice tripe Clippy reference. Did you come straight from Slashdot to post that?</description>
		<content:encoded><![CDATA[<p>@Cliff: The major, by far most significant, difference between the older modal dialog and the hover controls is that the hover controls *aren&#8217;t modal*. I don&#8217;t know how you could possibly think they are&#8230; or what you think the word &#8220;modal&#8221; means&#8230; and it&#8217;s throwing me off.</p>
<p>Nice tripe Clippy reference. Did you come straight from Slashdot to post that?</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cliff Tyllick</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156961</link>
		<dc:creator>Cliff Tyllick</dc:creator>
		<pubDate>Sun, 20 Feb 2011 21:30:42 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156961</guid>
		<description>James, I am thinking of Word 2007 and 2010. As a person using the software, I find the only difference between the on-hover modal dialog and the older modal dialogs is that the software decides when I get the on-hover interface and I decide when I get the older modal dialogs.

Clearly you misunderstand what I mean by not being able to mark up content properly for accessibility. I&#039;m referring to the fact that as an authoring tool Word does not conform with the W3C&#039;s Web Accessibility Initiative&#039;s Authoring Tool Accessibility Guidelines in that it does not support the task of creating accessible content.

The minitoolbar, which appears as if from the mists of a primeval swamp whenever I select a bit of text, lets me change the way text looks. It does not let me tell Word why I&#039;m making that change in appearance. To give Word that information, I would have to apply an appropriate style.

The minitoolbar lets me make headings look big and bold or italic and put them in a different font, if I want to. And I can use the idiot&#039;s tool, the Format Paintbrush, to make all headings of the same type look alike. But it doesn&#039;t let me assign a style to the selected text.

When I make headings look like headings but don&#039;t apply styles to them, Word can&#039;t automatically produce a complete and correct outline of my document on demand. (Word calls that feature its Document Map — a tool that can be used not only to confirm the outline but also to rapidly navigate the document.) And Word can&#039;t produce a complete and correct table of contents for me, either.

For Word to help me in either of those ways, I have to create my headings using styles — styles that have the correct outline level as one of their attributes.

And when Word can help me in those ways, people who can&#039;t even see my documents can skim through them as quickly and reliably as I can. We can have real-time discussions of whether the current wording of the second step under &quot;Resetting the Gonculator&quot; in Chapter 17 is correct. That&#039;s part of what the accessibility of electronic information is all about: Making sure that everyone, regardless of the technology they need to gain access to information, can get equivalent access to that information.

The minitoolbar from the mists? To me, it&#039;s an annoyance, not a feature. It undermines my workplace&#039;s efforts to ensure that all of our electronic information resources are accessible to everyone.

Come to think of it, the way that minitoolbar appears is appropriate. Because there&#039;s a good name for an annoyance that is spontaneously generated by Microsoft Word and fades in and out of view like a specter:

Ghost of Clippy</description>
		<content:encoded><![CDATA[<p>James, I am thinking of Word 2007 and 2010. As a person using the software, I find the only difference between the on-hover modal dialog and the older modal dialogs is that the software decides when I get the on-hover interface and I decide when I get the older modal dialogs.</p>
<p>Clearly you misunderstand what I mean by not being able to mark up content properly for accessibility. I&#8217;m referring to the fact that as an authoring tool Word does not conform with the W3C&#8217;s Web Accessibility Initiative&#8217;s Authoring Tool Accessibility Guidelines in that it does not support the task of creating accessible content.</p>
<p>The minitoolbar, which appears as if from the mists of a primeval swamp whenever I select a bit of text, lets me change the way text looks. It does not let me tell Word why I&#8217;m making that change in appearance. To give Word that information, I would have to apply an appropriate style.</p>
<p>The minitoolbar lets me make headings look big and bold or italic and put them in a different font, if I want to. And I can use the idiot&#8217;s tool, the Format Paintbrush, to make all headings of the same type look alike. But it doesn&#8217;t let me assign a style to the selected text.</p>
<p>When I make headings look like headings but don&#8217;t apply styles to them, Word can&#8217;t automatically produce a complete and correct outline of my document on demand. (Word calls that feature its Document Map — a tool that can be used not only to confirm the outline but also to rapidly navigate the document.) And Word can&#8217;t produce a complete and correct table of contents for me, either.</p>
<p>For Word to help me in either of those ways, I have to create my headings using styles — styles that have the correct outline level as one of their attributes.</p>
<p>And when Word can help me in those ways, people who can&#8217;t even see my documents can skim through them as quickly and reliably as I can. We can have real-time discussions of whether the current wording of the second step under &#8220;Resetting the Gonculator&#8221; in Chapter 17 is correct. That&#8217;s part of what the accessibility of electronic information is all about: Making sure that everyone, regardless of the technology they need to gain access to information, can get equivalent access to that information.</p>
<p>The minitoolbar from the mists? To me, it&#8217;s an annoyance, not a feature. It undermines my workplace&#8217;s efforts to ensure that all of our electronic information resources are accessible to everyone.</p>
<p>Come to think of it, the way that minitoolbar appears is appropriate. Because there&#8217;s a good name for an annoyance that is spontaneously generated by Microsoft Word and fades in and out of view like a specter:</p>
<p>Ghost of Clippy</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James Schend</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156959</link>
		<dc:creator>James Schend</dc:creator>
		<pubDate>Sun, 20 Feb 2011 17:34:34 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156959</guid>
		<description>@Cliff: You might be thinking of older versions of Word, which indeed had a modal dialog version of the font/styles. (In fact, Word 2007/2010 do as well, if you click the ribbon control to produce it.) The &quot;on hover&quot; font controls are certainly non-modal, though.

I don&#039;t know exactly what you mean by &quot;mark up content properly for accessibility&quot;, but in the Word 2007 example, it&#039;s a non-issue because the hover controls are duplicated in the Ribbon, which is accessible. It&#039;s only an issue where the hover control is the *only* way to perform the action.

I used a webapp some time back where &quot;delete&quot; was implemented as a hover control over the item you wanted to delete. While using my Windows 7 tablet, the control was entirely inaccessible and I actually send them a support email complaining about the inability to delete an item-- it never occurred to me to plug-in a mouse and look for hover controls.

Not only could I not use it with my preferred computing platform, I didn&#039;t even know it *existed!*</description>
		<content:encoded><![CDATA[<p>@Cliff: You might be thinking of older versions of Word, which indeed had a modal dialog version of the font/styles. (In fact, Word 2007/2010 do as well, if you click the ribbon control to produce it.) The &#8220;on hover&#8221; font controls are certainly non-modal, though.</p>
<p>I don&#8217;t know exactly what you mean by &#8220;mark up content properly for accessibility&#8221;, but in the Word 2007 example, it&#8217;s a non-issue because the hover controls are duplicated in the Ribbon, which is accessible. It&#8217;s only an issue where the hover control is the *only* way to perform the action.</p>
<p>I used a webapp some time back where &#8220;delete&#8221; was implemented as a hover control over the item you wanted to delete. While using my Windows 7 tablet, the control was entirely inaccessible and I actually send them a support email complaining about the inability to delete an item&#8211; it never occurred to me to plug-in a mouse and look for hover controls.</p>
<p>Not only could I not use it with my preferred computing platform, I didn&#8217;t even know it *existed!*</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: Cliff Tyllick</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156958</link>
		<dc:creator>Cliff Tyllick</dc:creator>
		<pubDate>Sun, 20 Feb 2011 17:11:51 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156958</guid>
		<description>Jared, I believe the general term for this on-hover interface might be &quot;modal dialog.&quot; And they&#039;re a tough issue for accessibility, although they might become less of a barrier as more browsers and forms of assistive technology grow to support the coding techniques behind them.

As for the specific example of Microsoft&#039;s minitoolbar, I think the technical term for that is &quot;PITA.&quot; At least that&#039;s what it is to me as I try to get thousands of people who to produce accessible content with Microsoft Word.

None of the controls provided in that toolbar mark up content properly for accessibility. It&#039;s the electronic equivalent of kindergarten tools — fat pencil, crayons, construction paper, safety scissors, and paste — when we need people to be using the powerful, accessibility-supporting tools of a third-millennium word processor.

I don&#039;t have a ready understanding of the ways modal dialogs can be coded and which of those ways are less of a barrier to accessibility, but I hope I can inspire others who do to join this discussion.</description>
		<content:encoded><![CDATA[<p>Jared, I believe the general term for this on-hover interface might be &#8220;modal dialog.&#8221; And they&#8217;re a tough issue for accessibility, although they might become less of a barrier as more browsers and forms of assistive technology grow to support the coding techniques behind them.</p>
<p>As for the specific example of Microsoft&#8217;s minitoolbar, I think the technical term for that is &#8220;PITA.&#8221; At least that&#8217;s what it is to me as I try to get thousands of people who to produce accessible content with Microsoft Word.</p>
<p>None of the controls provided in that toolbar mark up content properly for accessibility. It&#8217;s the electronic equivalent of kindergarten tools — fat pencil, crayons, construction paper, safety scissors, and paste — when we need people to be using the powerful, accessibility-supporting tools of a third-millennium word processor.</p>
<p>I don&#8217;t have a ready understanding of the ways modal dialogs can be coded and which of those ways are less of a barrier to accessibility, but I hope I can inspire others who do to join this discussion.</p>
]]></content:encoded>
	</item>
	<item>
		<title>By: James Schend</title>
		<link>http://www.uie.com/brainsparks/2011/02/20/what-do-you-call-those-hover-revealing-layered-on-top-contextual-menus/comment-page-1/#comment-156957</link>
		<dc:creator>James Schend</dc:creator>
		<pubDate>Sun, 20 Feb 2011 16:57:05 +0000</pubDate>
		<guid isPermaLink="false">http://www.uie.com/brainsparks/?p=3440#comment-156957</guid>
		<description>Just keep the poor tablet and touchscreen users in mind-- both on the web and on your native OS apps. Without a mouse or trackball, there&#039;s no concept of &quot;hover&quot; and the menu will never appear.</description>
		<content:encoded><![CDATA[<p>Just keep the poor tablet and touchscreen users in mind&#8211; both on the web and on your native OS apps. Without a mouse or trackball, there&#8217;s no concept of &#8220;hover&#8221; and the menu will never appear.</p>
]]></content:encoded>
	</item>
</channel>
</rss>
