Skip to main content

Frederik Van Zande's Library tagged menu   View Popular

19 Oct 09

Giraffe Forum » Confusing menus and links: the web’s biggest challenge

To make menus and links simpler you have to think like a customer. You also have to reduce the number of links and focus on the task at hand.

giraffeforum.com/...eb%e2%80%99s-biggest-challenge - Preview

menu usability content link focus reducing

04 Apr 09

jQuery Menu: Dropdown, iPod Drilldown, and Flyout styles with ARIA Support and ThemeRoller Ready | Filament Group, Inc., Boston, MA

We got lots of fantastic feedback on our earlier iPod-style menu, and decided to upgrade it for jQuery 1.3. In the process of refining the script, we morphed it into more of a menu system, which can be used to create a simple dropdown menu for a single list of options, a flyout menu for a smaller hierarchical list of options where child menus are displayed next to the parent menu on mouseover, and two variations on the iPod style, one with a back button and another with a linked breadcrumb to let users easily traverse back up the hierarchy.

www.filamentgroup.com/...ry_ipod_style_and_flyout_menus - Preview

jquery menu javascript animation ipod

24 Nov 08

Add tertiary links to your Drupal template | The Web Developer's Blog

By default, Drupal gives you two menu variables to use in your templates. $primary_links contains the first level of navigation and $secondary_links contains the child pages of the active primary link.

But what if you need to display the children of the secondary links? Fortunately, Drupal user rapidsynergy has done the hard work for us in this comment he posted on the Drupal website. I'll reproduce his code here (with slight modifications) for future reference.

webdeveloper.beforeseven.com/...ary-links-your-drupal-template - Preview

drupal links theme menu navigation

07 May 08

Right-Justified Navigation Menus Impede Scannability (Jakob Nielsen's Alertbox)

Users scan lists by moving their eyes rapidly down the left edge. Menu items that are right-aligned make scanning more difficult.

www.useit.com/...navigation-menu-alignment.html - Preview

best practice usability reading study menu text-align


    • The menu design guidelines are thus clear, at least for vertical menus:

      • Left-justify the menu, so that the user's eyes can move in a straight line and don't have to re-acquire the beginning of each new line.
      • Start each menu item with the one or two most information-carrying words.
      • Avoid using the same few words to start list items, because doing so makes them harder to scan.
  • Aligning a navigation menu with the right margin might look cool, but the resulting ragged left margin severely reduces the speed with which users can scan the menu and select their preferred options.


    (Of course, the left-alignment guideline is for languages that read left-to-right. For languages that read in the opposite direction, the guideline is reversed: you should right-justify the menu. In either case, the point is to make it easier for users to scan down the side on which they start reading.)

  • 1 more annotations...
1 - 14 of 14
Showing 20 items per page

Diigo is about better ways to research, share and collaborate on information. Learn more »

Join Diigo