Designing learning experiences that support behavior, transitions, and engagement
Instructional design for early childhood education
Purpose
The Visual Design Direction phase focused on creating a welcoming, engaging, and sensory-friendly visual experience for preschool learners. Design decisions were guided by learner analysis findings, accessibility considerations, and early childhood education best practices.
The goal was to create an environment that feels safe, playful, and supportive while encouraging emotional learning and self-regulation.
Design Goals
The visual design was developed to:
- Support emotional learning
- Reduce visual overwhelm
- Encourage engagement
- Create a welcoming atmosphere
- Support accessibility needs
- Maintain consistency across activities
Character Design: Milo
Milo serves as the primary guide throughout the lesson.
Why Milo?
Research and classroom experience suggest that young children often connect more readily with characters than with direct instruction alone.
Milo was designed to:
- Model emotional awareness
- Demonstrate calming strategies
- Provide encouragement
- Create a sense of familiarity
- Support social-emotional learning
Color Palette
The selected color palette emphasizes calmness, safety, and engagement.
Primary Colors
- Soft Blue
- Calm Green
- Warm Teal
- Light Purple
Accent Colors
- Sunshine Yellow
- Soft Orange
- Gentle Pink
Bright colors are used sparingly to highlight important interactions without overwhelming learners.
Typography
Typography choices prioritize readability and simplicity.
Design considerations include:
- Large text
- Simple letterforms
- High contrast
- Minimal decorative fonts
- Clear visual hierarchy
User Interface Design
The interface was designed with preschool learners in mind.
Design Priorities
- Large touch targets
- Simple navigation
- Minimal distractions
- Consistent layouts
- Visual guidance cues
Children should be able to focus on learning rather than figuring out how to use the interface.
Split-Screen Learning Concept
One of the key design innovations is the split-screen learning experience.
Left Side
Instructional Content
- Milo video
- Storytelling
- Demonstrations
- Guided instruction
Right Side
Interactive Learning
- Digital coloring
- Touch activities
- Drag-and-drop interactions
- Reflection activities
This approach allows children to actively participate while learning.
Visual Schedule Integration
Visual schedules support:
- Predictability
- Routine awareness
- Transition support
- Independence
The lesson incorporates visual schedule elements to help learners understand what comes next.
Sensory-Friendly Design Decisions
Several visual design choices were made to support sensory regulation:
- Reduced visual clutter
- Consistent layouts
- Predictable navigation
- Calm color usage
- Limited animation
- Optional sound controls
These features help create a comfortable learning experience for diverse learners.
Accessibility Considerations
Visual accessibility planning included:
- High contrast options
- Readable text
- Visual cues and icons
- Consistent navigation
- Alternative participation methods
Accessibility was considered from the beginning rather than added later.
Prototype Concepts Created
During this phase, several concepts were developed:
- Milo character concepts
- Lesson screen layouts
- Split-screen prototype sketches
- Interactive activity concepts
- Coloring panel concepts
- Website integration ideas
Outcome
The Visual Design Direction phase established a clear visual identity for the Milo Calm Lesson Prototype and provided the foundation for prototype development.
The completed visual design guides future development, testing, and implementation decisions.
Next Phase
Following Visual Design Direction, the project moved into WordPress Integration Planning to determine how instructional content, interactive activities, community collaboration features, and digital learning experiences would be delivered through the EQdigitalious website.