Key Finding #1: Inconsistent Match Between System and Real World
Our evaluators had difficulty finding how to access the starting point of our web app – in this iteration, the start button. They were unable to move forward without the help of our team. We realize that this is a critical problem that needed immediate revision. We had to better clarify how to login, especially since this application is intended for young students who may not have much technical experience.
In the real world, our users, the students, will be given a login code by their teacher. We needed to match our prototype to represent their literal tasks.
Solution
We changed two components in order to minimize confusion. We first revised the text to explicitly state the function of pressing the button. By labeling the button, “Student Login”, students are able to connect their student login code with a student login button. Our second change was a UI change. We decided to make it a primary button style that is more prominent and distinct on the application’s welcome page.