“Impact Student Data Dashboard”
A data visualization platform for middle-high school teachers to understand their students’ progress in 21st-century competencies, identify where their classes and individual students need the most assistance, and get practical recommendations for interventions.
Middle-high school teachers need a simple and efficient way to understand their students' competencies' situations, especially from the growth perspective, and make interventions to help every student succeed.
The Center for Curriculum Redesign (CCR) had established 12 cross-cutting 21st-century competencies and wanted to build a dashboard that would help teachers go in depth to evaluate students' 21st competencies growth.
We conducted 4 semi-structured interviews with middle-high school teachers with years of teaching experience in various disciplines. We validated our findings and explored more about their values, their teaching struggles, and their challenges when using the other learning management systems.
John
32, Boston
Math Teacher in a school focused on
21st century competency
“Growth vs achievement, growth wins out!”
Jimmy has been in a 21st-century competency-based school for 2 years. He is required to use the dashboard to understand his students' math competencies' growth and performance.
Based on these reframed design opportunities, we drew 14 storyboards in 5 categories and defined 21 initial feature sets.
We conducted individual interviews with 6 teachers to collect their feedback about the storyboards and invite them to participate in the co-design activity to prioritize the features. The co-design results were organized and analyzed using the matrix. We first decided to focus on features with high impact and low effort. Then, we realized that the features with high effort and high impact are also worth designing because the learning science professors had very positive attitudes towards them.
Teachers can jump to the individual profile by clicking the student's name when browsing the student's situation in the class overview. They can also view the profile interface directly if they want to view a specific student's status.
We first defined the data and context based on the user flow. Then, we conceptualized the possible data visualizations and interactions, tested with the target users, and got feedback from the data visualization professors to create more intuitive charts and navigation that support teachers.
The deep blue shades dominating the color palette provide a sense of cleanness, elegance, and technology. The colors of buttons and clickable icons work harmonically with the charts. The semibold heading styles and regular body styles present clear visual comparisons to ensure readability. The TT commons typeface plays well into the neutral feel of the dashboard.
We conducted 2 rounds of usability testing with 10 teachers and 2 UX designers, using the think-aloud method to evaluate the key interactions in our design. In the testing, we provided testers with 5 task scenarios, observed their behaviors, and told whether they could draw informed conclusions from the data. We iterated the design based on the analysis of their feedback.
Improvements to the dashboard are accumulated through iterations of user feedback. The System Usability Scale (SUS) surveys were utilized to scientifically evaluate the usability of our product. We saw great results coming through the dashboard and impacting the client.
74
out of 100 in the Mid-Fi SUS: Good Score based on the
SUS criteria
84
out of 100 in the High-Fi SUS: Excellent Score based on the
SUS criteria
100%
task completion rate of all 5 scenario-based tasks on
High-Fi prototype
