Crosslink Incident Report System

Objective

A school district in the U.S. needed to change their incident report system from word documents and emails to something more organized. The district had been working with a development agency on a web-based application to streamline the process, and needed help with the design of the platform.

Solution

I started off by catching up with the development team on their research, which I utilized to created user journeys for us to better understand the user experience. This pre-work allowed us to rethink some of the structuring of the platform, and ensure all components and flows worked together smoothly. The end result was designed screens for the main flows, along with style guides and component libraries.

Team

2Developer
2 Project Leads
Designer (me)

My Responsibilities

Research
Prototyping
Final Designs
Component Library

Research the problem

To map out each users group’s experience, I created user journeys. Due to time constraints I wasn’t able to talk directly to the users. However, the client had done a lot of research before I was brought on the project. I was able to utilize their knowledge to get a good understanding of the highlights and pain points of the current system, and pinpoint where we can improve.

Defining the focus

Out of the user journeys, two key experiences emerged:

User Goal : Teachers

As a teacher, it is easy for me to submit an incident report form.

User Goal : Admin

As a counselor or administrator, it is easy for me to review incident reports, and approve/decline disciplinary requests.

User Goal 1 : Incident Report Form

Design exploration

The incident report form was the natural place to start.

Quick wireframes and frequent check-ins with the district allowed us to get the form content down fast. At this stage my main goal was to get a better understanding of the information hierarchy on this form. Questions that were flagged as more important should be visualized as such through more unique components, while other bits of the form just had to be fast no-brainers.

I explored a few different layouts, from multi-page forms to different groupings of information. As the platform was new and didn’t have a style guide or branding to follow, this stage also included color and UI exploration.

User Goal 1 : Incident Report Form

Final solution

The final solution was a single page form split into three sections. The single page layout made the form fast to fill out, and allowed users to easily double check the information before submitting.

In addition, the form components were easily modified for different screen sizes. This gave users the ability to reference other pages and information as they filled out the form.

User Goal 2: Incident Review

Design exploration

After an incident report form is filled, an open incident is created.

The current system revolved around a chain of emails, with requests for disciplinary actions, revisions, and confusion around when something was finally approved. The online platform gave us a massive opportunity to simplify the current flow.

Starting with wireframe reviews with the district, I was able to uncover some important user needs.

First, some incident reports were just that—a report. However, others needed approval action from the district. This approval request need to be clearly highlighted.

Secondly, one of the main pain points of their current email system was that there was no student history attached to the email. Administrators had no idea whether this was a first time incident, or if the student was frequently getting into trouble. If the student was frequently getting in trouble, was it across all classes, or was there something happening with a specific teacher? A more transparent online system would allow for more fair and just disciplinary action.

User Goal 2: Incident Review

Final solution

The final deliverables were three different layouts for the client to test and implement. As no two incidents are the same, I wanted to give administrators the flexibility to take a lot of different actions: from requesting support to adding additional information.

The main challenge was hierarchy of information, especially with the more complicated reports. Information that needed immediate approval, like requests, were highlighted at the top. In addition, administrators could easily see previous reports, and notice trends in student (or teacher) behavior.

Option 1: Two column layout. As new information or requests get added, the information from the initial report gets rearranged to the left side, with new content on the right.

Option 2: One column layout. Requests get added at the top of the page due to priority, with initial report information right under and additional investigation at the bottom.

Option 3: Mixed layout. The initial report and any additional investigation gets added as one column, but the requests get added at the top in a two column style.

Final handoff

Being a contractor, I unfortunately didn’t get to be a part of testing and implementation. Instead, the final handoff included the designs for the incident report form and the form review flow, as well as a robust component library, allowing the team to continue growing and improving the platform.