Using Drop-Down Menus for E-Learning Navigation #328

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

Drop-down menus are a great way to consolidate navigational elements when slide space is limited. They come in all shapes, sizes, and design styles. But drop-down menus aren’t just for slide navigation. They’re an excellent addition to any e-learning toolkit. Some common uses include: 

  • Slide navigation: Jump to another layer, slide, or scene using the menu’s sub-navigation links.
  • Personalization: Choose from a list of options that personalize the course material for the learner.
  • Quizzes: Select the correct choice, item, or phrase from a drop-down list of choices for vocabulary, language, and grammar interactions.
  • Resources: Provide learners with slide-specific handouts, documents, job aids, and more.

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.

Aman Vohra

Aman Vohra

View project | Learn more | Aman Vohra | Website

Veronica Budnikas

Veronica Budnikas

View project | Learn more & download | Veronica Budnikas | @verobudnikas

David Tait

David Tait

View project | David Tait | Website | @4ptLtd

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.

If you’re new to course development, try using the shared source files to help you get started. Don’t worry about how your menu looks as much as creating a functional example.

For those course designers with a little more experience, think about sharing an example that demonstrates creative ways drop-down menus can be used in real-world projects.

Share Your E-Learning Work

  • Comments: Use the comments section below to share a link to your published example and blog post.
  • Forums: Start  your own thread and share a link to your published example.
  • Personal blog:  If you have a blog, please consider writing about your challenges. We’ll link back to your posts so the great work you’re sharing gets even more exposure.
  • Social Media: If you share your demos on Twitter or LinkedIn, try using #ELHChallenge so your tweeps can track your e-learning coolness.

Last Week’s Challenge:

To help you navigate this week's challenge, check out the interactive slideshows and image galleries your fellow challengers shared over the past week:

16 Image Sliders, Slideshows, and Photo Galleries in E-Learning #327

Image Sliders and Photo Galleries #327: Challenge | Recap

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.

86 Comments
Jodi M. Sansone
Jodi M. Sansone
Chris Hodgson
Sharon Stahrfisher
Melissa Santoso
Ron Katz
Ron Katz
Jerry Beaucaire