Empowering Teachers to Teach, Not Administer

Modernising attendance taking for enhanced efficiency and engagement.

Home page mock up of dashboard
Society of Starfish logo

Digital attendance solution for seamless student tracking and communication

My Role

In the end-to-end project to digitise the school attendance process, I played a key role as one of two designers. By conducting in-depth user research and stakeholder interviews, I identified key pain points and requirements that guided our design strategy. I was also responsible for conceptualising, wireframing, and prototyping intuitive, user-friendly interfaces that facilitated seamless interaction for both teachers and administrative volunteers. My contributions included designing features that simplified attendance tracking, improved data and reporting accuracy, and ensured seamless integration with existing school systems. Through iterative testing and feedback, I refined the design to meet user needs effectively, ultimately delivering a more efficient and impactful attendance management solution

Scope

•UX Design •UI Design •User research •Prototyping •Usability testing •End-to-end

Team

•1 Product Manager •2 UX Designers •2 Developers

Tools

•Figma •Figjam •Notion •Google Workspace

Time Frame

June - Aug 2023

Overview

The Society of Starfish is a non-profit organization dedicated to empowering out-of-school youths by offering them a second chance at education. They provide free tuition programs for youths who have been displaced from formal education for various reasons, helping them unlock their full potential and pursue brighter futures. Operated entirely by volunteers, the organization relies on community support to fulfil its mission.

The Problem

Struggling to balance teaching and administrative duties

For full-time teachers, managing administrative tasks alongside teaching is already a significant challenge. At the Society of Starfish, where volunteer teachers juggle external jobs alongside their teaching roles, the manual attendance-taking process adds an extra layer of strain. This not only cuts into valuable teaching time but also increases the administrative burden, negatively impacting the overall educational experience.

Diving deeper on why this is happening?

I interviewed all 5 teacher volunteers to gain a deeper understanding of their needs and identify features that would be valuable in their teaching journey.

Affinity map
100% talks about how the current processes disrupt normal classroom activities.
100% had difficulties in compiling data for tracking and generating reports.
80% found it challenging to follow up with absentees, latecomers, and other stakeholders.

" Students often come in halfway through the class, so either we disrupt the class and take the attendance or do it later on, but we might forget."

“ It is a very tedious process to follow up with absentees, because for each one, there are 3 points of contact that we need to follow up with.”

“ Students need to meet 75% attendance each term, and it is very tedious to manually transfer and tabulate this at the end of each term."

How Might We

Streamline the attendance tracking and follow-up procedures to empower teachers to focus on effective teaching practices?

The Solution

A digital attendance solution for seamless student tracking and communication

The Impact

The Process - How did this happen?

Who am I designing it for?

Based on the user interviews, I created a user persona to represent the teachers.

User persona

Journey map

A journey map was created to visualise the user experience, identify key opportunities for improvement, and foster a shared understanding of the current challenges.

User journey map

Feature prioritisation

After understanding the needs and wants of the teachers, we prioritised the P1: Must-Have features that will have the largest user impact with the least development effort required.

Feature prioritisation matrix

User flow

I then mapped out the user flows to indicate how teachers would accomplish each task.

Task flows to take attendance, update attendance, add and edit student records, export data, and contact absentees.

Early concepts

With these, I began working on my sketches and ideation. I noted down the key points and gathered initial feedback on the layout and direction.

Sketches of key screens

Does it work?

At this stage, we did two rounds of testing to make sure the mid-fidelity designs were on point before moving into high-fidelity prototypes. We explored multiple variations of each page to see which interaction styles and user interfaces felt most natural and user-friendly.

Testing 1.0

Two types of design for student detail page

Teachers preferred Design B as it allowed them to quickly scan important information. Additionally, they favoured labeled buttons as they found them to be a clearer and more straightforward option for engaging with the interface.

Testing 2.0

Version 1 and 2. Version two added search function and increased filter criteria

After finalising the design variations, we conducted another round of usability testing and interviews to evaluate user experiences across five tasks flows: 1) attendance taking; 2) contacting latecomers and absentees; 3) editing student records; 4) editing attendance records; and 5) exporting attendance records.

While a few areas for improvement were identified, overall feedback was highly positive, with a 100% task completion rate across all flows. Key improvements included adding a search function and filter criteria to enhance data management.
* Some information and designs are not disclosed in this case study.

Final designs

example screens

In summary ...

If I had more time...

Learnings