The Usability of the Fly-out Menu

Web Address: http://www.diigo.com/list/om19bao/the-usability-of-the-fly_out-menu

You are here: Diigo Home > Jason Bao > Jason Bao's lists

Jason Bao

Items:5 | Visits:99

Category:Computers & Internet | Tags:fly-out, usability

Created:on 2007-10-20 | Updated:on 2008-03-07

The Usability of the Fly-out Menu

Expand All

1 - 5 of 5

1Expand
Usability and Fly-Out Menus : D. Keith Robinson's Asterisk

Tags: menu, usability, ux on 2007-10-20 and saved by3 people -All Annotations (1) -About

more fromwww.7nights.com
- We found users follow a pattern: they decide what they are going to click on before they move the mouse…Unfortunately the information in fly outs, rollovers, or dropdowns can’t help users decide where to click because the information isn’t available to users when they are making their decision. It isn’t until after they’ve decided where to click that they see what the element has to say.
0Expand
Welie.com - Patterns in Interaction Design

Tags: links, ux on 2007-10-20 and saved by17 people -All Annotations (0) -About

more fromwww.welie.com
4Expand
90 Percent of Everything » Blog Archive » Mouse-over menus done right

Tags: menu, ui, ux on 2007-10-20 -All Annotations (0) -About

more from90percentofeverything.com
- (i) the delay, and (ii) the hit area and (iii) the context of use.
- The delay needs to be long enough to distinguish an intentional “hover”
- the delay needs to be short enough to happen before the user clicks the link or they move their mouse-away.
- With small menus, if the user “wobbles” their mouse and accidentally moves the cursor outside of the hit area, the menu disappears while they are trying to read it,
1Expand
Fly-out Menu - Interaction Design Pattern Library - Welie.com

Tags: menu, ui, ux on 2007-10-20 -All Annotations (0) -About

more fromwww.welie.com
- Issues with Fly-out Menus
  difficult to select if you leave the area. Make it wider that it appears so that it doesn't disappear if you are moving the mouse just a couple of pixels outside of the menu'
  Fly-out with submenus are not a good idea. Really hard to select (Fitts law)
  You must make it clear that it is a menu, for example by adding a down-pointing triangle next to the label
  Make sure they work without Javascript for accessibility reasons. Otherwise search engines cannot index your site and accessibility also suffers.
  Use a delay before hiding the fly-out menu again, e.g. 250ms
  Only use horizontal menus with vertical fly-out menus. The vertical area in which the mouse-pointer needs to be move is too small, i.e. typically 12-14px, and causes the menu to be hidden unwantedly
2Expand
Users Decide First; Move Second

Tags: navigation, usability, ux on 2007-12-25 and saved by5 people -All Annotations (1) -About

more fromwww.uie.com
- We found users follow a pattern: they decide what they are going to click
  on before they move the mouse. (Figure1)
- Unfortunately the information in fly outs, rollovers, or dropdowns can't help
  users decide where to click because the information isn't available to users
  when they are making their decision.

1 - 5 of 5

List 20 50 100

List Comments (0)

People who saved the list (1)

Hexy Hwang

on 2008-03-25

( Beijing , Haidian , China )

The Usability of the Fly-out Menu

Usability and Fly-Out Menus : D. Keith Robinson's Asterisk

Welie.com - Patterns in Interaction Design

90 Percent of Everything » Blog Archive » Mouse-over menus done right

Fly-out Menu - Interaction Design Pattern Library - Welie.com

Users Decide First; Move Second

People who saved the list (1)

Jason Bao's Public Lists (5)

Diigo - Highlight and Share the Web!