Progress Pro

I was employed to discover a solution to a struggle of 1 on 1 instructors - "How can I keep track of the progress of all my students in one place." This was a challenge that resonated with me and created an immense amount of passion around the project. I worked in a team of 4 people to ideate a solution to this problem. I owned the User Experience and UI Development of the project and worked with a project manager, researcher and copywriter to bring the project to life.

End product

End product

Web Application

Platform

Platform

Desktop

Year + Duration

2022 - 3 Months

Role

Role

Sole UX/UI Designer

Technology

Technology

Figma

Challenge

How can we track the individual progress of hundreds of students, who learn different curriculums, all at once?

Results

The end result is something I couldn't be prouder of. ProgressPro is an internal web application tool that allows teachers to create curriculums and link them with students in the database. It will track each lesson and give a roadmap for what each students development will look like.

Discovery 💡

Problem Statement:

I Began the process by clearly outlining a problem statement with the team. This was done to ensure that we all had clear direction and could collaborate with the same goal in mind. The problem statement we settle on was:

How can we track the individual progress of hundreds of students, who learn different curriculums, all at once?

Challenges With Current Solutions:

Existing solutions to this problem include, paper notes, online lesson notes added to student profiles, filing cabinets and notebooks. The problem with these solutions are outline below.

Lesson Cohesion

Instructors can be found to bounce around curriculums in an order that is not necessarily preferable. This can lead to fundamental lessons being missed or visited too late in the learning process. It is challenging to skip a foundational skill and then return to it when the child is more advanced. This is how gaps in knowledge are created.

Viewing Past Lessons

These programs often have to account for substitute teachers who may be unfamiliar with the students and what they have covered in the past. It is instrumental to the success of this project that teachers are able to understand quickly what has been covered by the student in previous lessons.

User Research 🔎

Personas:

After conducting a large amount of user interviews, talking with stakeholders and the project lead, these were the personas of typical users that I was building for. They vary in age, but all have one thing in common. They have tried multiple ways to track their lesson notes as they can appreciate its importance.

What I Learnt From Persona Development:

After clearly identifying the users I was building for, I was able to make more informed decisions about how they like to receive, find and view information. One notable point was the idea that all users move very quickly and need data available as quickly as possible. This later influenced the UI design as it was crucial that key details were glanceable.

Scenario Mapping:

Scenario mapping was then done to get a feel for the situations and behaviours we are designing for. Here we will explore the different paths and experiences users may encounter when needing a solution to this problem. We can understand the user journey and identify pain points, opportunities, and areas for improvement. In this section, we will present several user scenarios, describe the context and goals of each scenario, and analyse the user's interactions with our product or service

User Flow:

Based on survey results, one of the clear pain points identified was getting instructors into the habit of creating notes for each lesson they conduct. To try and counter this issue, designing the app in a loop with minimal interaction was front of mind. This is believed to limit teachers from exiting the application and promote continuous use. Here we can find a User Flow to see how our final solution will work in the context of the problem it's solving for.

Wireframing 📏

I created wireframes to map out the user interface of ProgressPro. The wireframes included a dashboard where teachers can create and structure curriculums, assign them to students, and track their progress. The wireframes also included a section where teachers can record one-on-one lessons and link them to the relevant section of the curriculum.

This was done in a mid-fidelity to get an idea of what the product will look and therefore could begin basic user testing. Initial issues were detected from the wireframes that were later changed as a result of this user testing.

Obstacles 🚧

After completing wireframes, I was feeling really positive about the direction of the project and was ready to start some initial user testing. However, it became a challenge to find candidates will to test and use the prototype for a prolonged period of time. This is because record keeping within these institutions are typically not experimented with and they risked losing valuable data.

As user testing is extremely important in my process, it was crucial to overcome this obstacle. I did this by inviting people around me

UI Design 🎨

I used the wireframes and style guide to design the user interface of ProgressPro. The UI design includes a dashboard that allows teachers to create and structure curriculums, assign them to students, and track their progress. It also includes a section where teachers can record one-on-one lessons and link them to the relevant section of the curriculum. The UI design is clean, minimalistic, and easy to navigate.

When referencing the research interviews and personas developed earlier in the process, it was crucial that the UI had glanceable information to ensure that users could focus on teaching and not need to interact with the product too much. ProgressPro is designed to be a tool that supplements the learning and not one that takes more effort to use.

Key Learns

The development of ProgressPro taught me several key lessons, including the importance of user research, creating personas to guide development, wireframing to map out the user interface, creating a style guide, and designing a clean and minimalistic UI.

ProgressPro provides a centralised platform that makes it easy for teachers to create personalised curriculums for each student and track their progress.I also found it crucial to test to give guidance on potential iteration; this ensures that users are following the user flow as anticipated.

Let's change the world together

Send me a message and let's talk about upcoming opportunities

© Benjamin Martin 2023

Let's change the world together

Send me a message and let's talk about upcoming opportunities

© Benjamin Martin 2023