BackClasses
Classes page, post the revamp
“Teachers have been filing a lot of bug reports about Classes. Adarsh, can you take a look and recommend what we should do?
Context: Teachers used the Classes feature to import classrooms from their school software onto Wayground. Once imported, they could automatically assign quizzes to their students from within Wayground and have it sent directly to the students.
It had been 3 years since the feature was launched and it had grown larger since then but that allowed bugs to creep in.
I was brought in to solve these bug reports and recommend the way forward.
When I encounter something new, my first step is to always go through it end to end and form a view of the current state of affairs.
Then I look at what the users are saying. What are they struggling with? What are they complaining about? What do they wish for?
Some problems have obvious solutions.
For example, one teacher mentioned that "When the student clicks on the link I've sent them to join their class the window that pops up does not have the class ID. It only has my name. When I send a bunch of invites for a bunch of classes, it would help if when I'm checking and click on the URL it know that it is the correct class and my name."
The fix here is simple. Figure out a way to include the classname in the modal. You can see the before/after below.
Other problems weren't so straightforward.
Teachers complained about some students not receiving assignments on their school software when they assigned it on Wayground, the exact problem Classes was supposed to solve. Something was not reliable about its functionality.
After talking to some users we learned that in American schools, students often change classes mid-year. Some drop-out, others join in. Teachers would make these modifications on their school software but never end up making those changes to those classes on quizizz.
The way the current design expected them to solve it was to import the entire class again and teacher's wouldn't know to do that until they reached out to support after having faced the issue.
This was not ideal. Good design should prevent errors from occurring in the first place.
The space of solutions to this problem was large but this was an important problem to solve. After several iterations, I eventually converged on the following recommendations.
- Have the refresh roster button be more prominent.
- Display the number of students in each class at all times so the teacher can subconsciously cross-check if there's any discrepancy.
- When importing a class, add extra metadata/states depending on if the class's current state. Each class could be in one of three states, not-imported, imported, or archived. The modal didn't show this information. The new design surfaced this information so that the user was clearer about the action they were taking. If it's a not-imported class, they would have to import it. If it's an already imported class, they are refreshing the roster. If it's an archived class, they are unarchiving and importing it again.
As I worked on these smaller fixes, they highlighted a bigger issue.
The integration with the school software was only surface deep. Right now, teachers would integrate it once and then forget about it. Classes had potential to be so much more.
With the smaller improvements above, I had built up a series of quick wins that got me the buy-in I needed to push for the larger features.
Reporting was one of the strongest features of Wayground. The class reports revealed insights across a whole class and helped teachers make relevant adjustments to their material based on how the students were doing.
A highly requested feature that would take this to the next level was to do personalized per student reporting. Teachers wanted the ability to drill down into a student over time as it would allow them to see formative data presented across every quiz that student participated in. Being able to have all this data organized by studentwould be tremendously valuable for teachers when they are making professional judgments about the progress of learning.
I helped bring that to life as part of this push to do more with Classes.
Here are a few screens showing what Classes looked like after the changes were done.
Each Class was emphasized as its own entity which the teachers could open to get more detailed insights.
Teachers could see class performance at a glance and identify which topics needed more work.
Teachers could also click on each student and get their perfomance at their fingertips.
These changes cemented Classes's position as a first-class citizen on the product. Two years after this launch, the classes page was one of the top 5 pages teachers spent a lot of time on, and thus became a viable surface area for new feature launches.
But most importantly, teachers appreciated the new changes.
