gerardfriel.com

E-Learning Instructional Design

gerardfriel.com

  • Home
  • Instructional Design
    • Instructional Design Review
    • Merrill
    • Gagne
    • Bloom
    • ADDIE
    • Agile
    • SAM
    • Adult Learning
    • Connectivism
    • Action Mapping
    • CCAF
    • Empathy Mapping
  • Game-based Learning
    • Game-based Learning Review
    • Gamification
  • Blog
  • About
    • Contact
    • iDesignX Resources

Custom Navigation

This ELH Challenge asked the eLearning community to create a custom menu example for an eLearning course. I really liked the map style of navigation that Nicola Appel created and decided to create a custom map navigation menu.

The Concept

I jotted down a basic concept of a map containing three locations: a fire station, police station and a hospital. The map would contain a road linking the three locations with a car that travels to the selected destination.

navigation01

The Look and Feel

The map consisted of basic filled shapes to represent the main road, driveways and grass areas. Then a number of public domain images were placed on the map to indicate the three locations.

navigation02

I decided to use vivid colours for the grass and road to make the map interface more appealing.

navigation03

Logic

The custom map navigation starts with a car at the bottom of the screen. When a location on the map is clicked, the car follows a motion path and travels to the selected building.

navigation04

The course only contains fours slides. The first slide contains layers for each motion path and the remaining three slides appear as lightbox slides when each destination is reached.

navigation05

Click below to view the map menu example for an eLearning course.

navigation06

Launch the Custom Navigation Demo

 

 

@gerardfriel

Tweets by @gerardfriel
  • LinkedIn
  • Pinterest
  • Twitter

Home

About

Blog

  • Instructional Design Review
  • Adult Learning Review
  • Behaviourism Review
  • Cognitivism Review
  • Constructivism Review
  • Connectivism Review
  • 4 Door Review
  • Action Mapping Review
  • ADDIE Model Review
  • Agile Review
  • CCAF Review
  • Cognitive Load Theory Review
  • Empathy Mapping Review
  • Gagne’s 9 ‘Events of Instruction’ Review
  • Game-Based Learning Review
  • Gamification Review
  • Merrill’s First Principles of Instruction Review
  • Revised Bloom’s Taxonomy Review
  • SAM Review
  • Social Learning Theory Review

Copyright © · gerardfriel.com