Using Drop-Down Navigation Menus in E-Learning Design #164


Drop-Down Menus in E-Learning #164: Challenge | Recap

Challenge of the Week

This week, your challenge is to share an example of a drop-down, fly-out, or pop-up menu effect in e-learning. 

As always, please consider sharing your source files. Source files help us all learn to build better e-learning courses. To help kick off this week’s challenge, take a look at some creative drop-down menu examples course designers have shared in the community.

User Details Drop-Down Menu

Here’s a good example of a drop-down list to help learners personalize their course experience. The list captures basic learner information that can be used to push relative content and examples to specific users.

User Details Drop-Down Menu 

Click here to view the example | Download | Phil Mayor

Pull-Down Menu

Here’s another approach for drop-down menu navigation. In this example, learners click-and-drag the menu to reveal navigational options. 

Alternatively, the menu could include resources and slide-specific information for learners.

Pull-Down Menu 

Click here to view the example | Download | Nejc Žorga Dulmin


Here are a few resources to get you started. If you run into any stucks this week, let us know. When you post, please include “Challenge #164” in the subject line to help us quickly find your posts. 

Last Week’s Challenge:

Before you drop what you’re doing to begin working on this week’s challenge, check out the menu of photo collage examples your fellow course designers shared in last week’s challenge: 

Animated Characters in E-Learning #163

Character Animation in E-Learning #163: Challenge | Recap 

Wishing you a great week, E-Learning Heroes!

New to the E-Learning Challenges? 

The weekly e-learning challenges are ongoing opportunities to learn, share, and build your e-learning portfolios. You can jump into any or all of the previous challenges anytime you want. I’ll update the recap posts to include your demos.