Flipped Learning

For this project the task was to design a tablet app that supports the flipped classroom model for secondary students.

The main functions of the app include allowing students the ability to watch lectures and to complete quick assessment activities that gauge their understanding of material.

User Research

I began by interviewing students, parents, and teachers to gain an understanding of potential users and the context of use. A wide range of questions were written then asked during one-on-one sessions.

Example Questions


Interviews were transcribed and a high-level overview of the findings and potential features were presented to my peers. Insights from the interviews were also used to develop four personas.

Slide from Presentation


Participatory Design Sessions

I held participatory design sessions in order to brainstorm ideas. Using sticky notes two of my peers and I listed needs, functions, and problems of flipped learning. We then took the notes and arranged them into an affinity map. This helped identify functions such as quizzes, reading, and video lectures.

Design Session

Group Paper Prototyping

To gain an understanding of potential features I created a diagram to mentally walk through the steps of flipped learning. I then created a rough map of the application.

Flipped Classroom Screen Flow

Screen Flow


Wireframes and Mockups

The initial wireframes were created in a sketch-line style so that users would feel comfortable giving their critiques. The wireframes were then uploaded to InVision and shown to users for evaluation. After several rounds of incorporating user feedback, final mockups were created in Illustrator.

Final Home Screen







Related Projects