Role
Client
Laero
Duration
3 Weeks
Background
Laero is a design studio that created a water treatment device called Cycleau; a safe, affordable device that recycles greywater in buildings to make it potable. Their aim was to share this product with people in water-scarce communities, but households were hesitant about the new technology. To build trust in local communities, Laero decided to create an e-learning curriculum about water contamination for middle school students in hopes that increasing awareness would lead to. My team was tasked with designing the platform.
Diving into Research
Teacher Interviews
To help frame the types of questions we would explore students in our user research, we interviewed 3 middle school teachers about their experiences facilitating positive learning environments and came away with the insights below -
Student Interviews
I wrote interview scripts and created survey questions to gather insights from 11 middle school students.
3.9 / 5
importance of connecting classroom material to the world outside
73%
prefer learning through games
100%
are motivated by a sense of achievement and progress
Our Persona, Jose
I synthesized our user research to create a persona that represented the key insights we identified. Jose grounded our team and helped us empathize with the needs and behaviors of middle school students.
Meaningful learning: Wants to see real-life application of classroom material.
Engagement: Gains energy and focus when playing learning games or interactive activities.
Achievement: Cares about seeing progress he’s making in his learning.
Information Overload: Struggles to focus when teachers talk for a long time.
Lack of support: Fears not having someone he can ask for help when he feels stuck.
Lack of context: Loses interest when material feels too abstract or unrelated to his life.
Modular Design
Lesson Wireframes
My team ideated on several learning module designs that would meet our persona's needs for meaning, engagement, and achievement. We wanted to give Laero a set of annotated wireframes which they could use as "plug and play" templates so they could seamlessly scale the platform.
1) Video (including transcript) to frame the objective of the course.
2) Clickable image that reveals text explaining relevant portions.
3) Open ended quiz intended to encourage students to think about new ideas.
4) Geography game that applies the material to the an aspect of the user's life.
5) Reflection activity that helps users digest what they've learned.
6) Textbook page modal to facilitate optional deeper learning.
Impact
System Usability Scale score
We ran 3 usability tests with middle school users who all said they would be excited to use this website in class and found it easy to navigate. They particularly liked the quiz because they enjoyed trying to come up with an answer themselves.
Handoff
In addition to delivering the designs for the modules themselves, I wrote accompanying documentation explaining the rationale behind design system elements we picked and how features tied back to research.
