16 February 2011
“Also known as fly-out menus, pull-down menus, or pop-up menus, dynamic menus provide quick access to navigation options. They are considered “dynamic” because visitors must interact with them before they display. After the visitor selects a navigation option with a mouse rollover or click, the site presents a menu window similar to choosing a menu in a software application.”
That’s how I define dynamic menus in Designing Web Navigation. They’re pretty much mainstream these days, and we’ve seen lots of variations, including mega-menus and more.
Recently, I’ve noticed another type of dynamic menu that’s scroll activated. By that I mean that the menus–sometimes just an option or two–appear when the user scrolls to a certain point on page. This is usually at the end of a text towards the bottom of the page.
Below is an example from Harvard Business Review Blogs (Figure 1). See the small box in the lower right corner with the header “More from Scott Anthony.” The menu is animated and slides in from the right side gently.
Figure 1: Scoll-activated menu on Harvard Business Review Blog
This menu option is a related content link to other stories. For news sites, it seems like a good way to lead users to other content. The animation is quite eye catching, but not intrusive or disturbing if done tactfully.
The Economist.com site uses two scroll activated menus (Figure 2). First, there is one at the top that appears fairly quickly as you scroll down–see the red bar across the page. This has some social media options and a helpful search feature.
Unfortunately, when you continue scrolling to the bottom of the page, a large advertisement slides into view from the bottom of the screen. This is intrusive, and it doesn’t bring the user any direct value and tries to steer them towards a subscription.
Figure 2: Scoll-activated menus on Economist.com
I suspect we’ll start seeing more and more of this. Hopefully it won’t get out of control and abused. When done subtly, it can be useful.
Learn about these and other trends, as well as principles of IA and web navigation design, in my upcoming workshops this year:
11 February 2011
Are you in OZ and want to learn about faceted search, strategic alignment diagrams, IA, navigation and more this April? I’m delighted to announce that I’ll be giving 2 workshops in Sydney on April 28-29, 2011!
Here are some highlights:
WORKSHOP 1: Information Architecture for Strategic Web Design
Thursday 28 April 2011, 9:30-17:00 – This workshop focuses on the conceptual and strategic side of information architecture (IA). Topics include: alignment diagrams, mental models, concept maps, Cores and Paths, information structures and facets.
WORKSHOP 2: Web Navigation Design
Friday 29 April 2011, 9:30-17:00 – This workshop focuses on the nuts and bolts of good navigation design. Topics include principles of web navigation, navigation mechanisms, types of navigation, the scent of information, and faceted navigation.
- Earlybird (to April 2): AUD 660
- Regular Price: AUD 759
Beginner to intermediate web designers, interaction designers and IAs; usability experts looking to improve web design skills; and project managers, product mangers, and others seeking to better understand web navigation design.
See the registration details page for more information and to sign up.
Filed in Customer Journeys, Designing Web Navigation, Facets, Information Architecture, Information Experience, Information Interaction, Information Seeking, Navigation, Search, Usability, User-Centered Design, Workshops
Tags: Faceted classification, faceted navigation, Faceted search, Information Architecture, Navigation, Sydney, Usability, Web design, Workshop