{"id":21903,"date":"2008-06-19T10:00:00","date_gmt":"2008-06-19T10:00:00","guid":{"rendered":"https:\/\/blogs.msdn.microsoft.com\/oldnewthing\/2008\/06\/19\/why-is-there-a-menu-show-delay-anyway\/"},"modified":"2020-10-19T07:41:20","modified_gmt":"2020-10-19T14:41:20","slug":"20080619-00","status":"publish","type":"post","link":"https:\/\/devblogs.microsoft.com\/oldnewthing\/20080619-00\/?p=21903","title":{"rendered":"Why is there a menu show delay, anyway?"},"content":{"rendered":"

One of the reactions to my note on how the window manager uses the double-click time as a way to tell how good your reflexes are<\/a> is bemusement, well okay, not so much bemusement as outrage, over why we need a menu show delay in the first place<\/a>.<\/p>\n

Imagine, you’re navigating a deeply-nested menu hierarchy<\/a> and then you want to move to one of the items in the most recent fly-out, but instead of moving the mouse directly to the right then down, you move it ever so slightly diagonally down. Boom, the entire menu collapses and you have to start over. There’s a place for maddeningly fiendish<\/a> mouse dexterity games<\/a>, but trying to create a pivot table is not it.<\/p>\n

I run into this problem all the time on the Web. Web site designers forget to incorporate a menu show delay, resulting in frustration when trying to navigate around them. For example, let’s look at the navigation bar on the home page of The Discovery Channel<\/a>. Hover over TV Shows<\/i>, and the menu appears. Suppose you want to go to Koppel on Discovery<\/i>, but instead of moving the mouse straight downward, the way you hold your arm on the desk moves the mouse in an arc that happens to swing to the right before it arcs downward. You touch TV Schedules<\/i> and your navigation is screwed up. You have to start over and make sure to move the mouse exactly straight down.<\/p>\n

This phenomenon is even worse for sites that position their submenus as a horizontal bar below the main navigation bar, such as EVA Air<\/a> or NBC<\/a>. On the NBC site, for example, hover over Schedule<\/i> and a band appears below the navigation bar with more options. But you can’t move the mouse diagonally to, say, Pacific<\/i>; if you do, you’ll accidentally touch News & Sports<\/i> and the Schedule<\/i> submenu will be disappear. If you just move and click in one motion, then boom, congratulations, you just clicked on Access Hollywood<\/i>. You have to carefully move your mouse straight down (being careful not to touch anything else that might open a different menu or cause the existing menu to auto-dismiss), and then straight sideways (being careful not to accidentally move it upward three pixels, causing the secondary navigation bar to be replaced with a different submenu). It’s like its own miniature mouse dexterity game. But one you didn’t elect to play.<\/p>\n

The folks over at TechNet Magazine<\/i><\/a> did take the menu show delay into account, though it’s still not as long as I’d like. Hover over the word TechCenters<\/i> in the navigation bar, and a submenu appears. If you move toward Script Center<\/i> and happen to touch TechNet Magazine<\/i> ever so briefly (like one Planck time<\/a>), the TechCenters<\/i> menu stays up. On the other hand, the menu animation is abysmally slow if you use Firefox<\/i>, so one step forward, one step back.<\/p>\n","protected":false},"excerpt":{"rendered":"

So you don’t lose a big menu because you lost a mouse dexterity game.<\/p>\n","protected":false},"author":1069,"featured_media":111744,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"footnotes":""},"categories":[1],"tags":[26],"class_list":["post-21903","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-oldnewthing","tag-other"],"acf":[],"blog_post_summary":"

So you don’t lose a big menu because you lost a mouse dexterity game.<\/p>\n","_links":{"self":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/21903","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/users\/1069"}],"replies":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/comments?post=21903"}],"version-history":[{"count":0,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/posts\/21903\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media\/111744"}],"wp:attachment":[{"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/media?parent=21903"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/categories?post=21903"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/devblogs.microsoft.com\/oldnewthing\/wp-json\/wp\/v2\/tags?post=21903"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}