Make teacher’s educational game managing smooth again
From heuristic evaluation and user testings, some severe usability issues with the existing product are identified:
- Lack of clear indication of where you are at the system
- No proper feedback at some point of the system after a user perform an action
- Not enough visual prompt regarding info hierarchy
Teachers view it as an administrative tool
Design Principle 1 & 2:
Support them to perform this task without leaving the system.
"Classes" and "Games" sections would cater to two types of teacher's behavior:
- A teacher possibly already have an idea of what games can be used through word of mouth or via Odeum's website as what it is now for the company. The flow would be: create a class folder -> add game(s) to this class.
- Browse the games that is available -> "Oh, this game would be useful to my xyz class" -> Use it.
Visual design is an inseparable aspect of user experience design. It is especially significant for this project since a big barrier of the existing version for targeting user teachers is the slightly intimidating gaming look of it.
As teachers view it as an administrative tool, our idea is to avoid the gaming feelings and create an approachable and organized feel. The biggest challenge is to help teachers who think themselves as not tech-savvy find confidence in using technology in class when using this product.
Design Principle 3:
Finding an interface that brings back teachers' confidence.
From our design research, we found that teachers all are familiar with Google's product, even for those who claimed that they are non-tech-y. Google Drive and Docs were the most common digital products that teachers used for work.
Experience with Material Design
I was really excited about my first time applying Design principles of Google Material Design. My favoirte part has to be the animation: spatial relationships, functionality, and intention of the system. Although I am still fairly new to motion design prototyping, I had a goood time trying it out myself.
To really provide teacher with an approachable interface, I aimed to key mood of "organized, clean, trustworthy". Because teachers feel natural and comfortable using Google's product and also, the state of Michigan is proposing teachers to all use them, we decided to model after some Material Design guidelines.
A need to "jump on and play"
The actual concern of a teacher to start using an educational game is not only the own level of tech-savvy, but the time that it takes for them to get the idea and get to the point that they can use it in classroom. I kept this requirement for usability in mind when designing the experience and cleared out the roadblocks in the product's onboarding experience, so that teachers could pick it up easily.
Track your students' real-time performance in class
From the interview we learnt that, teachers concern about the in-class game experience. They want to make sure that all their students on track. Besides, they don't want technology to faile them in front of a group of kids. Thus, we have proposed a Live feature.
Once a first student logs into the game, the teacher would get immediate notification, and he/she can view live status in a popup window or it will be minimized to a bottom status bar with the number of students that are currently online.
Have a sample class sitting there waiting for them
Corresponding to the need to easily pick up, first time users will see an sample class after they create an account, which they can directly edit from. This would allow them to get to game selection or class set-up part straightforwardly..
In Game section, there will also be callouts to guide first-time users through for example, the subject and grade filters.