Momentum

A widget-based progress tracking tool for high school students

In the course Learning Media Design, I had the opportunity to co-design Momentum, a learning management and progress tracking tool with City of Bridges High School.

Timeline

UXR: Sep–Dec 2023
Design: Feb 2024

UXR: Sep–Dec 2023
Design: Feb 2024

Roles

UX Designer
UX Researcher

Collaboration

Ankitha Vasudev
Andrea Chisholm
Heysu Oh

Client

City of Bridges HS

GET TO KNOW THE CLIENT

City of Bridges (CoB) is a progressive high school in Pittsburgh, PA. Our group focused on Personalized Learning Plan (PLP), a core part of CoB's curriculum, to motivate students to track their learning progress more responsibly.

Help the high school community to
foster self-accountability

Help the high school community to foster self-accountability

Motivate high school students to be self-accountable

Momentum fosters self-accountability and cultivates self-regulation, a pivotal yet
challenging skill in student development, among students by empowering them to
easily track their progress and communicate with teachers.

Momentum fosters self-accountability and cultivates self-regulation, a pivotal yet challenging skill in student development, among students by empowering them to easily track their progress and communicate with teachers.

Simplifying PLP management for students

Start of PLP block

Quick check-in form

Students fill out a widget form to inform teachers on how they will spend each PLP block.

During PLP block

Review meeting notes

Receive meeting notes generated by teachers to keep track.

After PLP block

Daily reflection prompts

After each PLP block, students are notified to fill out a reflection prompt curated by the instructor.

THE PROBLEM — FOCUS GROUP INSIGHTS

The free and flexible nature of PLPs presents challenges in students fostering self-regulation and management skills.

Learning Management

No prescribed standardized method for documenting PLP progress.

Lack of regulation

Students often give up a PLP when they hit obstacles without justification.

Past Efforts

CoBHS previously used ‘Headrush’ to learning progress, but students felt overwhelmed by its cumbersome nature.

Documentation Method

Teachers use physical documentation for student progress, but the lack of a uniform system poses a management challenge.

DESIGN OPPORTUNITY

How might we design a progress tracking tool for CoB students and teachers that effectively foster productive communication and self-accountability for students' learning?

CO-DESIGN APPROACH

Keeping CoB's core values
as the foundation of design

Keeping CoB's core values as the foundation of design

CoB values personal interconnections among teachers and students, and teachers provide autonomy in students navigating their own learning, which were two main focal points that we decided to design around.

Student-Teacher Relationship

Students feel understood and respected by their teachers.

Technology Use

Digital tools should not be a replacement for human interaction.

School Culture

Students should not feel forced in their learning process.

USER JOURNEY MAP

USER JOURNEY MAP

Help students bounce back once they hit obstacles

Motivate students bounce back once they hit obstacles.

We decided to focus on the during PLP phase to help students build a daily habit of communicating with teachers and reflecting on their progress.

STORYBOARD & SPEED DATING INSIGHTS

Addressing both student and teachers' perspectives

Students love widgets, teachers love

CoB values personal interconnections among teachers and students, and teachers provide autonomy in students navigating their own learning, which were two main focal points that we decided to design around.

We conducted speed dating with CoB teachers and students in grades 9–12 using 7 storyboards that outlines solution scenarios that streamlines the PLP process for both groups.

Students

We love using widgets! It's fun to interact with, and I like the simplicity.

Teachers

This could save a lot of time for me, it would be best if I could get to as many students as possible during PLP block.

Teachers

Students learning to be accountable of their learning management is crucial. Developing problem solving skills to get from A to B is as important or more than the final goal.

Students

I don't want this to be a mandatory thing, it would be nice if was an optional thing that you know you can use when it's needed.

USER FLOW DIAGRAM

Mapping out the flow of communication for teachers and students.

We focused on designing a tool both on the student and teacher's end.

WIREFRAMES

Designing the student interface focused on simplicity of use, and teacher interface on quick viewing experience.

Student Experience
Teacher Experience

Both the student and teacher experiences are built on "simplicity of use," to avoid overwhelming students and to help teachers organize mentorships more easily.

FINAL PROTOTYPE

for Students & Teachers

Motivate high school students to be self-accountable

A widget-based communication tool to help students keep the momentum with progress-tracking and learning management.

Logo design expired by Newton's cradle

A widget-based communication tool to help students keep the momentum with progress-tracking and learning management.

COLORS

Color-coding student activity type for easy recognition

To help teachers quickly recognize how students are spending PLP block, I used distinguished color palette

Student view
Teacher view

LAYOUT

Consistency across platforms

From widgets to mobile to dashboard, each element is designed to translate naturally to aid perception.

Mobile widget
Teacher view

Design Decision #2

Teachers curate prompts

User Testing Insight

Teachers expressed the need for a curated prompts to help students on an individual level as much as possible.

Design Decision #3

Different types of widget noficiations

User Testing Insight

Instead of formal gestures of submitting and reviewing entries, digital communication should translate the casualness of in-person conversations.

Design system