Applying Vygotsky
Vibrant Frame – The small top left area frame above the navigation frame determines the underlying theme for content. Each time the user clicks on it, a new theme will appear which changes the thematic nature of instruction. For example, this frame could be used to provide multiple versions of content (e.g., frames, no frames, modules, no modules). This frame could also be used to show QuickTime movies. It should be noted that proper use of this frame adds a considerable investment in instructional design.

Instructional Model Frame - The top right frame, includes four buttons representing the four stages of learning as proposed by Vygotsky’s zone of proximal development: Advance Organizer, Modeling, Exploring, and Generating. Each button in this frame updates and controls the content of the navigation frame.

Navigation Frame – The left frame just below the Vibrant Frame is the Navigation Frame. Depending upon which button is clicked in the Navigation Frame, determines the content of the Presentation Frame.

The Presentation Frame – The main central frame displays dynamic instructional content as selected from the navigation frame.