Background

PresenceLearning is an online platform that allows students that are in need of speech therapy services connect with therapist through tele-therapy. These students need a certain amount of time to complete their IEP. We at PresenceLearning act as a connection of services and those who need them, with that we provide software to the therapists. We found that therapists needed help counting absences, both planned and unplanned, of their students in order to help track the student’s therapy time and their progress.


Presence Learing

Roles: UX/UI Lead
Project Type: Collaborative

Problem

Therapists need to be able to track and take notes on their student’s absences. In order for the student to complete their therapy they have so many hours to put towards therapy. Therapists needed help tracking so that they could watch progress of students.

This will also be used by school administrators to keep track of student’s progress, as well as scheduling for the student and the therapist.

Example of how a provider tracked students and billing

Example of how a provider tracked students and billing

Testing/Interviews

First testing was four different wireframes for layout preferences. Through those interviews we gained more insight into what the user would need the product for and what interactions were assumed by the UI. This gave us insight into uses that we hadn’t known.

Screen Shot 2021-02-23 at 8.02.14 PM.png

Personas and User Flows

After testing ideas around layout and interviews. I created multiple user personas as to the type of school administrators and other user types that would need access to this attendance platform. With that I worked through different scenarios to find the golden path for the user journey.

Screen Shot 2021-02-23 at 8.02.29 PM.png
Screen Shot 2021-02-23 at 8.02.34 PM.png

Design Sketches and Iterations

Screen Shot 2021-02-23 at 8.02.20 PM.png
attendance-dash_iterations.jpg

Design

After testing the wireframes, we moved into more throughout design. After testing we found users were more comfortable with searching for data through a table. We began to flesh out a design that featured a table of all the data to the left and in the right space a “quick filter” to view students that were bucketed by their absences. These numbers were chosen in conjunction with at what point absences are detrimental to the students progress and the school’s special education program.

With organizing the data quickly the user then can focus on the absences first and foremost. Clicking on the student name allows the user to gain more information through the student card. This information shows whether the absences were student or therapist, how consecutive they were and the amount of sessions they had been scheduled for, as well as all notes attached to the absences.

attendance-dash_responsive.jpg

Design Details

Screen Shot 2021-02-23 at 8.00.17 PM.png
Screen Shot 2021-02-23 at 8.01.15 PM.png
Screen Shot 2021-02-23 at 8.00.34 PM.png

Second Release

After the first round was tested and released we then added a download feature, allowing the user to filter students and download a report on their absences which they can print. This allows the school administrators to keep track of their students and also have notes on the student’s absences incase they need it for meeting with parents or therapists.

PDF Naming Conventions and Design Ideas for Download Button

PDF Naming Conventions and Design Ideas for Download Button

PDF Templates

PDF Templates

Screen Shot 2021-02-23 at 8.01.50 PM.png