Kaleidoscope

Problem

Lack of diversity in STEAM fields (10% POC, 28% women)

"How might we engage underrepresented youth in STEAM through a multimedia platform that sparks curiosity and wonder?"

Inspiration

Users

Middle and high school students who are traditionally underrepresented in STEAM

Timeline

September 2016 - present

Team

 

User research

Barriers

  • Lack of access to engaging curriculum

  • Lack of role models

Alternatives

  • Maker Spaces

  • Museum programming

  • Summer camps

 

Ideation

Design Philosophy

  • Awe & wonder

  • Sensory immersion

  • Multidisciplinary: math, physics, arts, humanities

  • Creation

  • Social component

 

User Journey

 

First Prototype

User Feedback

  • Need for more interactivity

  • Visuals weren’t engaging for younger learners

 

2nd prototype

Sketches

 

Color Palettes

 
Color Palette Psychedelic.jpg
 
 

Background Graphics

 

High Fidelity Mockups

 

Navigation

2nd Prototype

3rd Prototype

 

Prototyping in Code

View our code on Github

 

Usability Testing

Engagement & Learning

  • Too text heavy

  • Clearer learning outcomes

Design

  • UI inconsistencies

  • Accessibility

 

Next Iteration

Responsive Design

GIF_Avatar_Mobile_UI.png
 

Parallax

 

Increasing Engagement & Learning

  • Interactive math questions

  • VR or gaming interface

  • Social component

  • Adding the Hidden Figures entry point

 

Credits: Icons on this page are by Roundicons. Kaleidoscope icons were modified from designs found on Flaticons and The Noun Project. Kaleidoscope homepage illustration inspired by Tyler Nordgren. Trappist-1 background illustration inspired by this.